语义-UI 图标集通信

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

Semantic UI 为用户提供了各种不同的图标，这些图标可用于不同的目的，并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。

在这篇文章中，让我们看看关于通信的 Icon 集。 Semantic UI 提供了一些最常用的设计图标类，这些图标类主要用于编辑器。图标是用于表示其他事物的字形，图标代表常用的通信方式。

语义 UI 图标集类：

• 地址簿：该类用于设置地址簿图标。
• 通讯录大纲：该类用于设置通讯录大纲图标。
• 地址卡：该类用于设置地址卡图标。
• 地址卡轮廓：该类用于设置地址卡轮廓图标。
• 美国手语翻译：该课程用于设置美国手语翻译。
• 助听系统：该类用于设置助听系统。
• at：该类用于设置at标志图标。
• bell：该类用于设置铃铛标志图标。
• bell outline：该类用于设置铃铛轮廓图标。
• bell slash：该类用于设置铃铛斜线图标。
• bell slash outline：该类用于设置bell slash outline图标。
• 扩音器：该类用于设置扩音器图标。
• comment：该类用于设置评论图标。
• 评论大纲：该类用于设置评论大纲图标。
• 评论备用：该类用于设置评论备用图标。
• 评论备用大纲：该类用于设置评论备用大纲图标。
• comments：该类用于设置评论图标。
• 评论大纲：该类用于设置评论大纲图标。
• 信封：该类用于设置信封图标。
• 信封轮廓：该类用于设置信封轮廓图标。
• 信封打开：该类用于设置信封打开图标。
• 信封开大纲：该类用于设置信封开大纲图标。
• 信封正方形：该类用于设置信封正方形图标。
• 传真：该类用于设置传真图标。
• inbox：该类用于设置收件箱图标。
• language：该类用于设置语言图标。
• 麦克风：该类用于设置麦克风图标。
• 麦克风斜线：该类用于设置麦克风斜线图标。
• mobile：该类用于设置手机图标。
• 移动备用：该类用于设置移动备用图标。
• 纸飞机：该类用于设置纸飞机图标。
• 纸飞机轮廓：该类用于设置纸飞机轮廓图标。
• phone：该类用于设置电话图标。
• phone square：该类用于设置手机方形图标。
• 电话音量：该类用于设置电话音量图标。
• rss：该类用于设置rss图标。
• rss square：该类用于设置rss方形图标。
• tty：该类用于设置tty图标。
• wifi：该类用于设置wifi图标。

句法：

注意：开发者可以根据需要使用上述语法使用上述类。

示例 1：此代码演示了所有通信图标集类。

HTML

  

        

  

    
        
GeeksforGeeks
        Semantic-UI Icon Set Communication
        

  
        

            

                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
            
       
 
    

输出：

示例 2：此代码演示了所有通信图标集类。

HTML

  

        

  

    
        
Geeksforgeeks
        Semantic UI Icon Set Communication
        

        

        

            
                
            
            
                
            
            
                
            
            
                
            
        
    

输出：

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