语义 UI 图标集

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且具有多种不同的元素可用于使您的网站看起来更加惊人和响应迅速。图标是用于表示其他事物的字形。 Semantic UI 通过由 Font Awesome 团队为其标准图标集设计的 Font Awesome 5.0.8 的完整端口提供了数千个图标。这些图标的函数与页面上的文本非常相似，并且可以像文本一样格式化。这些图标是内联元素，因此它们不会影响文本的格式。要在语义 UI 中使用图标集，我们使用特殊标签 ，它允许在文本旁边使用缩写标记。 标签使用类图标和图标名称。 标签使用的类名决定了图标的形状。例如，轮椅、手语、问题圈等。要为图标着色，我们可以添加所需的颜色作为类名，图标将具有该颜色作为前景色。

句法：

示例 1：以下示例演示语义 UI 提供的不同图标。

---

输出：

输出

示例 2：以下示例演示了语义 UI 提供的不同颜色的图标。

HTML

    
    
    
    


    
        
GeeksforGeeks
        Semantic UI Icon Set
        

        
        
        
        
        

        
        
        
        
        

        
        
        
    

    

输出：

输出

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