📜  语义 UI 图标集物流

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

语义 UI 图标集物流

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更神奇。

语义 UI 图标可用于表示各种事物和活动。 Semantic UI Icon Logistic Set是物流图标集中共有10个图标,可用于表示与物流相关的对象或服务活动。图标可以代表常见的物流活动

语义 UI 图标集物流类:

  • box:该类用于显示盒子图标。
  • box:这个类用于显示代表很多盒子的图标。
  • 剪贴板检查:这些类用于显示选中的剪贴板图标。
  • 剪贴板列表:这些类用于显示剪贴板列表图标。
  • dolly:该类用于显示 dolly 图标。
  • dolly flatbed:这个类用于显示平板小车图标。
  • 托盘:该类用于显示托盘图标。
  • 快速运输:这些类用于显示快速运输图标。
  • 卡车:该类用于显示卡车图标。
  • 仓库:该类用于显示仓库图标。

句法:

示例 1:下面的示例说明了上面列出的所有 10 个图标的使用。

HTML


  

    Semantic UI - Icon Set Logistics
    
    
     
    

  

    
        
            

GeeksforGeeks

            Semantic UI - Icon Set Logistics         
        
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
        
    
  


HTML


  

    Semantic UI - Icon Set Logistics
    
    
      
    

  

    
        
            

GeeksforGeeks

            Semantic UI - Icon Set Logistics         
        
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
        
    


HTML


  

    Semantic UI - Icon Set Logistics
    
    
     
    

  

    
        
            

GeeksforGeeks

            Semantic UI - Icon Set Logistics         
        
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
        
    


输出:

语义 UI 图标集物流

语义 UI 图标集物流

示例 2:以下示例显示了使用不同颜色的物流集图标。

HTML



  

    Semantic UI - Icon Set Logistics
    
    
      
    

  

    
        
            

GeeksforGeeks

            Semantic UI - Icon Set Logistics         
        
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
        
    

输出:

语义 UI 图标集物流

语义 UI 图标集物流

示例 3:以下示例显示了使用具有大小变化的物流集图标。

HTML



  

    Semantic UI - Icon Set Logistics
    
    
     
    

  

    
        
            

GeeksforGeeks

            Semantic UI - Icon Set Logistics         
        
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
        
    

输出:

语义 UI 图标集物流

语义 UI 图标集物流

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