语义-UI 图标集国际象棋

Semantic UI 是一个组件丰富的 UI 框架，有助于构建漂亮的 Web 体验。在本文中，我们将了解语义 UI 附带的国际象棋图标。有 9 个国际象棋图标可用于表示与国际象棋相关的事物。

Semantic-UI 图标集国际象棋类：

• chess ：这个类显示一个包含国王和车的图标。
• 国际象棋主教：这些类用于显示主教图标。
• 棋盘：这些类用于显示棋盘图标。
• 国际象棋国王：这些类用于显示国王图标。
• 国际象棋骑士：这些类用于显示骑士图标。
• chess pawn ：这些类用于显示棋子图标。
• 国际象棋皇后：这些类用于显示皇后图标。
• chess rook ：这些类用于显示车图标。
• square full ：这些类用于显示单个国际象棋正方形图标。

句法：

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

输出：

语义-UI 图标集国际象棋

示例 2 ：下面的示例显示了不同大小和颜色的国际象棋图标的变体。

HTML

  

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

  

    
        
            GeeksforGeeks
            Semantic UI - Icon Set Chess
        
        
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
        
    

  

输出：

语义-UI 图标集国际象棋

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