📜  语义 UI 图标集业务

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

语义 UI 图标集业务

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

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

在这篇文章中,让我们了解一下Business的图标集。 Semantic UI 为商业提供了一些最常用的图标类,这些图标类主要用于商业或金融应用程序。

语义 UI 图标集业务类:

  • address book :该类用于显示地址簿图标。
  • 地址簿大纲:该类用于显示地址簿大纲图标。
  • 地址卡:该类用于显示地址卡图标。
  • 地址卡大纲:该类用于显示地址卡大纲图标。
  • archive :此类用于显示存档图标。
  • balance scale : 此类用于显示平衡刻度图标。
  • 生日蛋糕:这个类用于显示生日蛋糕图标。
  • book :该类用于显示书本图标。
  • 公文包:此类用于显示公文包图标。
  • building :此类用于显示建筑物图标。
  • building outline : 该类用于显示建筑轮廓图标。
  • Bullhorn :此类用于显示扩音器图标。
  • Bullseye :此类用于显示靶心图标。
  • 计算器:此类用于显示计算器图标。
  • calendar :此类用于显示日历图标。
  • 日历大纲:此类用于显示日历大纲图标。
  • 日历备用:此类用于显示日历备用图标。
  • 日历备用大纲:此类用于显示日历备用大纲图标。
  • certificate :此类用于显示证书图标。
  • chart area :该类用于显示图表区域图标。
  • 图表栏:该类用于显示图表栏图标。
  • chart bar outline :此类用于显示图表栏轮廓图标。
  • chart line : 该类用于显示图表线图标。
  • chart pie :该类用于显示图表饼图图标。
  • 剪贴板:此类用于显示剪贴板图标。
  • 剪贴板轮廓:此类用于显示剪贴板轮廓图标。
  • coffee :这个类用于显示咖啡图标。
  • columns :此类用于显示列图标。
  • compass :此类用于显示指南针图标。
  • 罗盘大纲:该类用于显示罗盘大纲图标。
  • copy :此类用于显示复制图标。
  • 复制大纲:此类用于显示复制大纲图标。
  • copyright :此类用于显示版权图标。
  • copyright outline : 该类用于显示版权大纲图标。
  • cut : 这个类是 用于显示剪切图标。
  • edit :此类用于显示编辑图标。
  • 编辑大纲:此类用于显示编辑大纲图标。
  • 信封:此类用于显示信封图标。
  • 信封轮廓:此类用于显示信封轮廓图标。
  • 信封打开:此类用于显示信封打开图标。
  • 信封打开轮廓:此类用于显示信封打开轮廓图标。
  • 信封正方形:此类用于显示信封正方形图标。
  • 橡皮擦:此类用于显示橡皮擦图标。
  • 传真:此类用于显示传真图标。
  • file :此类用于显示文件图标。
  • 文件大纲:此类用于显示文件大纲图标。
  • 文件备用:此类用于显示文件备用图标。
  • 文件备用大纲:此类用于显示文件备用大纲图标。
  • folder :此类用于显示文件夹图标。
  • 文件夹大纲:此类用于显示文件夹大纲图标。
  • folder open :此类用于显示文件夹打开图标。
  • 文件夹打开大纲:此类用于显示文件夹打开大纲图标。
  • 地球:这个类用于显示地球图标。
  • 行业:此类用于显示音频行业图标。
  • paperclip :此类用于显示回形针图标。
  • paste :此类用于显示粘贴图标。
  • pen square :此类用于显示钢笔方形图标。
  • 铅笔替代:这个类用于显示铅笔替代图标。
  • percent :此类用于显示百分比图标。
  • phone :此类用于显示电话图标。
  • phone square :此类用于显示电话方形图标。
  • phone volume :该类用于显示电话音量图标。
  • 注册:该类用于显示注册图标。
  • 注册大纲:该类用于显示注册大纲图标。
  • save :此类用于显示保存图标。
  • 保存大纲:此类用于显示保存大纲图标。
  • sitemap :此类用于显示站点地图图标。
  • sticky note :这个类用于显示便签图标。
  • 便笺大纲:此类用于显示便笺大纲图标。
  • 手提箱:这个类用于显示手提箱图标。
  • table :此类用于显示表格图标。
  • tag :此类用于显示标签图标。
  • tags :此类用于显示标签图标。
  • tasks :此类用于显示任务图标。
  • thumbtack :此类用于显示图钉图标。
  • 商标:该类用于显示商标图标。

句法:

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

HTML


  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Business                  
        
           
               
                
                                     
                
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
               
        
    
  


HTML


  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Business                  
        
                
  


输出:

语义 UI 图标集业务

示例 2:此代码演示了业务图标集类的示例。

HTML



  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Business                  
        
                
  

输出:

语义 UI 图标集业务

语义 UI 图标集业务

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