📜  语义 UI 图标集健康

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

语义 UI 图标集健康

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

Semantic UI 为用户提供了各种不同的图标,这些图标可用于不同的目的,并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。在这篇文章中,让我们看看健康的图标集。 Semantic UI 提供了一些常用的 Health 图标类,用于医疗或健康跟踪应用程序。

语义 UI 图标集健康类:

  • ambulance:该类用于显示救护车图标。
  • h square:此类用于显示 h 方形图标。
  • heart:该类用于显示心形图标。
  • heart outline:该类用于显示心形图标的轮廓。
  • heartbeat:该类用于显示心跳图标。
  • 医院:该类用于显示医院图标。
  • 医院轮廓:该类用于显示医院图标的轮廓。
  • medkit:此类用于显示 medkit 图标。
  • plus square:该类用于显示加号方形图标。
  • plus square outline:该类用于显示加号方形图标的轮廓。
  • stethoscope:该类用于显示听诊器图标。
  • user md:该类用于显示用户 md 图标。
  • 轮椅:该类用于显示轮椅图标。

句法:

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

HTML


 

    Semantic-UI Icon Set Health
    
    
    

 

    
        

          GeeksforGeeks         

                     Semantic-UI Icon Set Health                  
        
        
            
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
            
        
    
 


HTML


 

    Semantic-UI Icon Set Health
    
    
    

 

    
        

GeeksforGeeks

                     Semantic-UI Icon Health                  
        
        
                                               
    
 


输出:

语义 UI 图标集健康

语义 UI 图标集健康

示例 2:此代码演示了健康图标集类。

HTML



 

    Semantic-UI Icon Set Health
    
    
    

 

    
        

GeeksforGeeks

                     Semantic-UI Icon Health                  
        
        
                                               
    
 

输出:

语义 UI 图标集健康

语义 UI 图标集健康

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