Semantic-UI 图标集车辆

Semantic UI 是一个类似于 Bootstrap 的 CSS 框架。它附带预构建的语义组件，有助于开发响应式和美观的 Web 体验。在本文中，我们将看到 Semantic UI 附带的车辆图标集。
车辆图标集是一组 18 个图标，用于表示车辆和交通工具。

Semantic-UI 图标集车辆类：

• ambulance：该类用于显示救护车图标。
• 自行车：此类用于显示自行车图标。
• bus ：此类用于显示总线图标。
• car ：此类用于显示汽车图标。
• fighter with jet ：这些类用于显示战斗机图标。
• 摩托车：这个类用于显示摩托车图标。
• paper with plane ：这些类用于显示纸飞机图标。
• 带有平面和轮廓的纸：这些类用于显示轮廓纸平面图标。
• plane ：此类用于显示简单的平面图标。
• Rocket ：此类用于显示火箭图标。
• ship ：此类用于显示船图标。
• 购物车购物：这些类用于显示购物车图标。
• 带航天飞机的空间：这些类用于显示航天飞机图标。
• 地铁：该类用于显示地铁图标。
• 出租车：这个类用于显示出租车图标。
• train ：此类用于显示火车图标。
• Truck ：此类用于显示卡车图标。
• 轮椅：这个类用于显示轮椅图标。

句法：

示例：下面的示例显示了上面列出的所有 18 个图标的使用。

HTML

 

  Semantic UI - Icon Set Vehicles
  
 
  
  
  
  
 
  
    .ui.container {
       text-align: center;
    }
 
    h3 {
       margin-top: 0px;
    }
 
    .ui.grid {
       margin-top: 30px !important;
    }
  

 

  
    
        GeeksforGeeks
        Semantic UI - Icon Set Vehicles
    
 
    
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
          
      
    
  

 

输出：

语义 UI - 图标集车辆

Example2:下面的例子展示了不同颜色和大小的车辆图标的变化。

HTML

 

  Semantic UI - Icon Set Vehicles
  
 
  
  
 
  
  
 
  
    .ui.container {
       text-align: center;
    }
 
    h3 {
       margin-top: 0px;
    }
 
    .ui.grid {
       margin-top: 30px !important;
    }
  

 

  
    
        GeeksforGeeks
        Semantic UI - Icon Set Vehicles
    
 
    
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
 
      
         
      
    
  

 

输出：

语义 UI - 具有不同尺寸和颜色的图标集车辆

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