📜  语义 UI 图标集文件

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

语义 UI 图标集文件

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

Semantic UI 为用户提供了各种不同的图标,这些图标可用于不同的目的,并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。

在本文中,我们将了解图标集文件。 Semantic UI 为文件管理器应用程序中使用的文件提供了一些最常用的图标类。

语义 UI 图标集文件类:

  • archive:该类用于显示归档图标。
  • clone:该类用于显示克隆图标。
  • 克隆轮廓:该类用于显示克隆图标的轮廓。
  • copy:该类用于显示复制图标。
  • 复制大纲:该类用于显示复制图标的轮廓。
  • cut:该类用于显示剪切图标。
  • file:该类用于显示文件图标。
  • 文件大纲:该类用于显示文件图标的轮廓。
  • 文件备用:此类用于显示备用文件图标。
  • 文件备用大纲:该类用于显示文件备用图标的轮廓。
  • 文件存档:该类用于显示文件存档图标。
  • 文件归档大纲:该类用于显示大纲文件归档图标。
  • 文件音频:该类用于显示文件音频图标。
  • 文件音频大纲:该类用于显示文件音频图标的轮廓。
  • 文件代码:该类用于显示文件代码图标。
  • 文件代码大纲:该类用于显示文件代码图标的轮廓。
  • 文件excel:该类用于显示文件excel图标。
  • 文件excel大纲:该类用于显示文件excel图标的轮廓。
  • 文件图像:该类用于显示文件图像图标。
  • 文件图像轮廓:该类用于显示文件图像图标的轮廓。
  • file pdf:该类用于显示文件 pdf 图标。
  • 文件pdf大纲:该类用于显示文件pdf图标的轮廓。
  • 文件 powerpoint:该类用于显示文件 powerpoint 图标。
  • 文件 powerpoint 大纲:该类用于显示文件 powerpoint 图标的轮廓。
  • 文件视频:该类用于显示文件视频图标。
  • 文件视频大纲:该类用于显示文件视频图标的轮廓。
  • 文件字:该类用于显示文件字图标。
  • 文件字大纲:该类用于显示文件字图标的轮廓。
  • 文件夹:该类用于显示文件夹图标。
  • 文件夹轮廓:该类用于显示文件夹图标的轮廓。
  • 文件夹打开:此类用于显示打开的文件夹图标。
  • 文件夹打开轮廓:该类用于显示打开文件夹图标的轮廓。
  • paste:此类用于显示粘贴图标。
  • save:这个类用于显示保存图标。
  • 保存大纲:该类用于显示保存图标的轮廓。
  • 便签:该类用于显示便签图标。
  • 便签大纲:该类用于显示便签图标的轮廓。

句法:

示例 1:此代码演示了所有文件图标集类。

HTML


  

    Semantic-UI Icon Set Files
    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Images                  
        
        
            
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
            
        
    
  


HTML


  

    Semantic-UI Icon Set Files
    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Images                  
        
        
            
                                                                                                 
        
    
  


输出:

语义 UI 图标集文件

语义 UI 图标集文件

示例 2:此代码演示了文件图标集类的示例。

HTML



  

    Semantic-UI Icon Set Files
    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Images                  
        
        
            
                                                                                                 
        
    
  

输出:

语义 UI 图标集文件

语义 UI 图标集文件

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