语义 UI 图标集医疗

Semantic UI 是一个组件丰富的 CSS 框架，有助于开发响应式 Web 界面。在本文中，我们将看到语义 UI 附带的医疗图标。医疗图标集中共有 17 个图标，可用于表示常见的医疗动作。

Semantic-UI 图标集医疗类：

• ambulance：该类用于显示救护车图标。
• band with aid：这些类用于显示绷带图标。
• dna：此类用于显示 DNA 图标。
• first with aid：这些类用于显示急救箱图标。
• heart：该类用于显示心形图标。
• heart with outline：这些类用于显示带有轮廓的心形图标。
• heartbeat：该类用于显示心跳图标。
• 医院：该类用于显示医院图标。
• 带轮廓的医院：这些类用于显示带轮廓的医院图标。
• 带有符号的医院：这些类用于显示 H 符号图标。
• 药丸：该类用于显示药丸图标。
• plus：这个类用于显示加号图标。
• stethoscope：该类用于显示听诊器图标。
• 注射器：该类用于显示注射器图标。
• 温度计：此类用于显示温度计图标。
• 带有md的用户：这些类用于显示带有听诊器的用户图标。
• weight：该类用于显示称重机图标。

句法：

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

HTML

  

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

  

  
    
      GeeksforGeeks
      Semantic UI - Icon Set Medical
    
  
    
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
    
  

  

输出：

示例 2 ：下面的示例显示了不同大小和颜色的图标集医疗图标的使用。

HTML

  

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

  

  
    
      GeeksforGeeks
      Semantic UI - Icon Set Medical
    
  
    
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
    
  

  

输出：

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