语义 UI 图标集性别

Semantic UI 是一个基于 less 和 jQuery 的开源 CSS，用于开发漂亮且响应迅速的 Web 界面。在本文中，我们将看到 Semantic UI 提供的性别图标集。性别图标集由 13 个图标组成，用于表示性别或性行为类型。

Semantic-UI 图标集性别类：

• 无性别： 此类用于显示无性别图标。
• mars：该类用于显示火星性别图标。
• mars double：该类用于显示双火星性别图标。
• mars stroke：这个类用于显示带有描边的火星性别图标。
• 火星行程水平： 此类用于显示带有笔划的水平火星性别图标。
• 火星行程垂直： 此类用于显示带有笔划的垂直火星性别图标。
• 汞： 此类用于显示水星性别图标。
• neuter：该类用于显示中性性别图标。
• transgender：该类用于显示跨性别图标。
• 变性人候补： 此类用于显示备用跨性别图标。
• 金星： 此类用于显示金星性别图标。
• venus double：该类用于显示双金星图标。
• 金星火星： 此类用于显示金星和火星的性别图标。

句法：

示例：下面的示例说明了上面列出的所有 13 个图标的使用。

HTML

  

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

  

    
        
            GeeksforGeeks
            Semantic UI - Icon Set Genders
        
        
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
        
    

  

输出：

语义 UI 图标集性别

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