语义 UI 图标集地图

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

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

在这篇文章中，让我们看看音频和视频的图标集。 Semantic UI 为地图提供了一些最常用的图标类，这些图标类主要用于表示地图上的某些东西。

语义 UI 图标集地图类：

• ambulance ：此类用于显示救护车图标。
• anchor ：此类用于显示锚图标。
• balance scale : 此类用于显示平衡刻度图标。
• bath : 这个类用于显示洗澡图标。
• 床：这个类用于显示床图标。
• beer ：此类用于显示啤酒图标。
• bell ：此类用于显示铃铛图标。
• bell outline ：此类用于显示铃铛轮廓图标。
• bell slash ：该类用于显示钟形斜线图标。
• bell slash outline ：此类用于显示斜线轮廓图标。
• 自行车：此类用于显示自行车图标。
• 双筒望远镜：此类用于显示双筒望远镜图标。
• 生日蛋糕：这个类用于显示生日蛋糕图标。
• 盲人：这个类用于显示盲人图标。
• 炸弹：这个类用于显示炸弹图标。
• book ：该类用于显示书本图标。
• bookmark ：此类用于显示书签图标。
• 书签大纲：此类用于显示书签大纲图标。
• 公文包：此类用于显示公文包图标。
• building ：此类用于显示建筑物图标。
• building outline : 该类用于显示建筑轮廓图标。
• car ：此类用于显示汽车图标。
• coffee ：这个类用于显示咖啡图标。
• crosshairs ：此类用于显示十字准线图标。
• 美元符号：此类用于显示美元符号图标。
• eye ：此类用于显示眼睛图标。
• eye slash ：此类用于显示斜线图标。
• eye slash outline ：该类用于显示眼睛斜线轮廓图标。
• fighter jet ：该类用于显示战斗机图标。
• fire ：此类用于显示火图标。
• 灭火器：该类用于显示灭火器图标。
• flag ：此类用于显示标志图标。
• flag outline ：此类用于显示标志轮廓图标。
• flag checkered ：此类用于显示标志格子图标。
• flask ：此类用于显示烧瓶图标。
• gamepad ：此类用于显示游戏手柄图标。
• 木槌：这个类用于显示木槌图标。
• 礼物：这个类用于显示礼物图标。
• glass martini ：这个类用于显示玻璃马提尼图标。
• 地球：这个类用于显示地球图标。
• 毕业帽：该类用于显示毕业帽图标。
• h square ：此类用于显示 h 方形图标。
• heart ：该类用于显示心形图标。
• heart outline ：该类用于显示心形轮廓图标。
• heartbeat ：该类用于显示心跳图标。
• home ：此类用于显示主页图标。
• 医院：这个类用于显示医院图标。
• 医院大纲：该类用于显示医院大纲图标。
• image ：此类用于显示图像图标。
• image outline ：该类用于显示图像轮廓图标。
• images ：此类用于显示图像图标。
• images outline ：此类用于显示图像轮廓图标。
• 行业：该类用于显示行业图标。
• info ：此类用于显示信息图标。
• info circle ：此类用于显示信息圈图标。
• key ：此类用于显示钥匙图标。
• 叶：此类用于显示叶图标。
• 柠檬：这个类用于显示柠檬图标。
• 柠檬大纲：该类用于显示柠檬大纲图标。
• life ring : 该类用于显示生命环图标。
• life ring outline : 该类用于显示生命环轮廓图标。
• lightbulb ：此类用于显示灯泡图标。
• 灯泡轮廓：此类用于显示灯泡轮廓图标。
• 位置箭头：此类用于显示位置箭头图标。
• 低视力：此类用于显示低视力图标。
• 磁铁：此类用于显示磁铁图标。
• male ：该类用于显示男性图标。
• map ：此类用于显示地图图标。
• map outline : 该类用于显示地图轮廓图标。
• 地图标记：此类用于显示地图标记图标。
• 地图标记备用：此类用于显示地图标记备用图标。
• map pin ：此类用于显示地图 pin 图标。
• 地图标志：此类用于显示地图标志图标。
• medkit ：此类用于显示 medkit 图标。
• 钞票替代：此类用于显示钞票替代图标。
• 钞票替代轮廓：此类用于显示钞票替代轮廓图标。
• 摩托车：这个类用于显示摩托车图标。
• music ：此类用于显示音乐图标。
• 报纸：此类用于显示报纸图标。
• 报纸大纲：该类用于显示报纸大纲图标。
• paw ：此类用于显示爪子图标。
• phone ：此类用于显示电话图标。
• phone square ：此类用于显示电话方形图标。
• phone volume ：该类用于显示电话音量图标。
• plane ：此类用于显示平面图标。
• plug ：此类用于显示插头图标。
• plus ：该类用于显示加号图标。
• plus square ：此类用于显示加号方形图标。
• plus square outline ：此类用于显示加号方形轮廓图标。
• print ：此类用于显示打印图标。
• recycle ：此类用于显示回收图标。
• road ：此类用于显示道路图标。
• Rocket ：此类用于显示火箭图标。
• search ：此类用于显示搜索图标。
• 搜索减号：此类用于显示搜索减号图标。
• search plus ：此类用于显示搜索加号图标。
• ship ：此类用于显示船图标。
• 购物袋：该类用于显示购物袋图标。
• 购物篮：该类用于显示购物篮图标。
• 购物车：该类用于显示购物车图标。
• 淋浴：这个类用于显示淋浴图标。
• 街景：此类用于显示街景图标。
• 地铁：该类用于显示地铁图标。
• 手提箱：这个类用于显示手提箱图标。
• tag ：此类用于显示标签图标。
• tags ：此类用于显示标签图标。
• 出租车：这个类用于显示出租车图标。
• thumbtack ：此类用于显示图钉图标。
• 票据替代：该类用于显示票据替代图标。
• tint ：此类用于显示色调图标。
• train ：此类用于显示火车图标。
• tree ：此类用于显示树形图标。
• trophy ：此类用于显示奖杯图标。
• Truck ：此类用于显示卡车图标。
• tty ：此类用于显示 tty 图标。
• 伞：这个类用于显示伞图标。
• university ：该类用于显示大学图标。
• 器皿勺子：这个类用于显示器皿勺子图标。
• utensils ：此类用于显示器皿图标。
• 轮椅：这个类用于显示轮椅图标。
• wifi ：该类用于显示 wifi 图标。
• wrench ：此类用于显示扳手图标。

句法：

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

HTML

  

    Semantic-UI Icon Set Maps
    
    
        
    
    

  

    
        GeeksforGeeks
        
            Semantic-UI Icon Set Maps
        
        
        
  
        
            
                
                    
                
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
  
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
  
                
                    
                
  
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
            
  
        
    

  

输出：

语义 UI 图标集地图

示例 2：此代码演示了地图图标集类的示例。

HTML

  

    Semantic-UI Icon Set Maps
    
    
        
    
    

  

    
        GeeksforGeeks
        
            Semantic-UI Icon Set Maps
        
        
        
  
        
             
                
                Get more info of the update here
              
              
              
                
                Notifications
              
                
              
          
    

  

输出：

语义 UI 图标集地图

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