📜  Semantic-UI 图标集计算机

📅  最后修改于: 2022-05-13 01:56:14.856000             🧑  作者: Mango

Semantic-UI 图标集计算机

Semantic UI 是一个开源开发框架,它提供了预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

Semantic UI 为用户提供了各种不同的图标,这些图标可用于不同的目的,并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。在本文中,我们将了解有关计算机图标集的信息。 Semantic UI Icon Set Computers 提供了一些最常用的计算机图标类,下面是这些类。

语义 UI 图标集计算机类:

  • desktop:该类用于显示桌面图标。
  • download:该类用于显示下载图标。
  • hdd:该类用于显示硬盘图标。
  • hdd outline:该类用于显示图标的轮廓。
  • 耳机:该类用于显示耳机图标。
  • keyboard:该类用于显示键盘图标。
  • 键盘轮廓:此类用于显示键盘图标的轮廓。
  • 笔记本电脑:此类用于显示笔记本电脑图标。
  • microchip:该类用于显示微芯片图标。
  • mobile :此类用于显示移动图标。
  • 移动备用:此类用于显示移动备用图标。
  • plug :此类用于显示插头图标。
  • power off:该类用于显示关机图标。
  • print:该类用于显示打印图标。
  • save:这个类用于显示保存图标。
  • 保存大纲:该类用于显示保存图标的轮廓。
  • server:该类用于显示服务器图标。
  • 平板电脑:此类用于显示平板电脑图标。
  • 平板电脑备用:此类用于显示备用平板电脑图标。
  • tv:这个类用于显示电视图标。
  • upload:该类用于显示上传图标。

句法:

示例 1:此代码演示了所有计算机图标集类。

HTML


  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Computers                  
        
        
               
                
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                
                                     
                
                                     
                
                                     
                
                                     
            
        
    
  


HTML


  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Computers                  
        
        
                                                            
    
  


输出:

示例 2:此代码演示了彩色图标

HTML



  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Computers                  
        
        
                                                            
    
  

输出:

参考: https://semantic-ui.com/elements/icon.html#computers