📜  语义 UI 图标集箭头

📅  最后修改于: 2022-05-13 01:56:13.046000             🧑  作者: Mango

语义 UI 图标集箭头

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

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

在本文中,让我们看看Arrows 的图标集。 Semantic UI 为箭头提供了一些最常用的图标类,主要用于导航到下一页或指示一些重要点等。

语义 UI 图标集箭头类:

  • 角度双下:该类用于显示角度双下图标。
  • 左双角:该类用于显示左双角图标。
  • 角度双右:该类用于显示角度双右图标。
  • 角度加倍:该类用于显示角度加倍图标。
  • 向下角度:该类用于显示向下角度图标。
  • 左角:该类用于显示左角图标。
  • 右角:该类用于显示右角图标。
  • 角度向上:该类用于显示角度向上图标。
  • 向下箭头交替向下:该类用于向下箭头交替向下图标。
  • 箭头交替向下圆圈轮廓:该类用于显示箭头交替向下圆圈图标的轮廓。
  • 左箭头交替圆圈:该类用于显示箭头交替圆圈左图标。
  • 箭头交替圆圈左轮廓:该类用于显示箭头交替圆圈左图标的轮廓。
  • 箭头交替圆圈右:该类用于显示箭头交替圆圈右图标。
  • 箭头交替圆圈右轮廓:该类用于显示箭头交替圆圈右图标的轮廓。
  • 箭头交替上圈:该类用于显示箭头交替上圈图标。
  • 箭头交替上圈轮廓:该类用于显示箭头交替上圈图标的轮廓。
  • 向下箭头:该类用于显示向下箭头图标。
  • 左箭头圈:该类用于显示箭头圈左图标。
  • arrow circle right:该类用于显示箭头圈右图标。
  • arrow circle up:该类用于显示箭头上圈图标。
  • 向下箭头:该类用于显示向下箭头图标。
  • 左箭头:该类用于显示左箭头图标。
  • 右箭头:该类用于显示右箭头图标。
  • 向上箭头:此类用于显示向上箭头图标。
  • 箭头交替:该类用于显示箭头交替图标。
  • 箭头交替水平:该类用于显示箭头交替水平图标。
  • 箭头交替垂直:该类用于显示箭头交替垂直图标。
  • caret down:此类用于显示 caret down 图标。
  • caret left:这个类用于显示 caret left 图标。
  • caret right:此类用于显示插入符号右图标。
  • caret square down:此类用于显示 caret square down 图标。
  • caret square down outline:此类用于显示 caret square down 轮廓图标。
  • caret square left:此类用于显示 caret square left 图标。
  • caret square left outline:此类用于显示 caret square 左轮廓图标。
  • caret square right:此类用于显示 caret square right 图标。
  • 插入符号右轮廓:此类用于显示插入符号右轮廓图标。
  • caret square up:此类用于显示 caret square up 图标。
  • caret square up outline:此类用于显示 caret square up 轮廓图标。
  • caret up:此类用于显示插入符号图标。
  • 购物车向下箭头:此类用于显示购物车向下箭头图标。
  • 图表线:该类用于显示图表线图标。
  • chevron circle down:该类用于显示 chevron circle down 图标。
  • chevron circle left:该类用于显示 chevron circle left 图标。
  • chevron circle right:该类用于显示 chevron circle right 图标。
  • chevron circle up:这个类用于显示 chevron circle up 图标。
  • chevron down:此类用于显示 chevron down 图标。
  • chevron left:此类用于显示 chevron left 图标。
  • chevron right:此类用于显示 chevron right 图标。
  • chevron up:此类用于显示 chevron up 图标。
  • 云下载:该类用于显示云下载图标。
  • 云上传:该类用于显示云上传图标。
  • download:该类用于显示下载图标。
  • 交换备用:该类用于显示交换备用图标。
  • 展开箭头交替:该类用于显示展开箭头交替图标。
  • 外部备用:该类用于显示外部备用图标。
  • 外部方形备用:该类用于显示外部方形备用图标。
  • hand point down:这个类用于显示hand point down图标。
  • hand point down outline:这个类用于显示hand point down outline图标。
  • hand point left:该类用于显示手点左图标。
  • 手点左轮廓:该类用于显示手点左轮廓图标。
  • hand point right:这个类用于显示hand point right icon。
  • 手点右轮廓:该类用于显示手点右轮廓图标。
  • hand point up:这个类用于显示hand point up icon。
  • hand point up outline:这个类用于显示hand point up outline图标。
  • 手形指针:该类用于显示音频描述图标。
  • 手形指针轮廓:该类用于显示手形指针轮廓图标。
  • history:该类用于显示历史图标。
  • 降级备用:该类用于显示降级备用图标。
  • 升级备用:该类用于显示升级备用图标。
  • 位置箭头:该类用于显示位置箭头图标。
  • 长箭头交替向下:该类用于显示长箭头交替向下图标。
  • 长箭头左交替:该类用于显示长箭头左交替图标。
  • 长箭头交替右:该类用于显示长箭头交替右图标。
  • 长箭头交替向上:该类用于显示长箭头交替向上图标。
  • 鼠标指针:该类用于显示鼠标指针图标。
  • play:该类用于显示播放图标。
  • random:此类用于显示随机图标。
  • recycle:该类用于显示回收图标。
  • redo:该类用于显示重做图标。
  • redoalternate:这个类用于显示redoalternate 图标。
  • 回复:该类用于显示回复图标。
  • 全部回复:该类用于显示全部回复图标。
  • retweet:该类用于显示转推图标。
  • share:该类用于显示共享图标。
  • 分享广场:这个类用于显示分享广场图标。
  • 分享方形轮廓:此类用于显示分享方形轮廓图标。
  • 登录备用:此类用于在备用图标中显示登录。
  • 退出替代:此类用于显示退出替代图标。
  • sort:该类用于显示排序图标。
  • 向下排序字母:该类用于显示字母向下排序图标。
  • 向上排序字母:此类用于显示字母向上排序图标。
  • 向下排序数量:该类用于显示向下排序数量图标。
  • sort amount up:该类用于显示排序数量增加图标。
  • sort down:该类用于显示排序图标。
  • 数字向下排序:此类用于显示数字向下排序图标。
  • 数字向上排序:此类用于显示数字向上排序图标。
  • sort up:该类用于显示排序图标。
  • sync:此类用于显示同步图标。
  • 同步备用:此类用于显示同步备用图标。
  • 文字高度:该类用于显示文字高度图标。
  • 文字宽度:该类用于显示文字宽度图标。
  • undo:该类用于显示撤消图标。
  • 撤消备用:此类用于显示撤消备用图标。
  • upload:该类用于显示上传图标。

句法:

示例 1:此代码演示了所有 Arrows 图标集类。

HTML


  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Arrows                  
        
           
            
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                                          
                
                                                          
                
                                                          
                
                                                          
                
                                                          
                
                                                          
                
                                                          
                
                                                          
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
            
        
    
  


HTML


  

    Semantic-UI Icon Set Arrows
    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Arrows                  
        
           
            
                                                                                                                                                                     
        
    
  


输出:

语义 UI 图标集箭头

语义 UI 图标集箭头

示例 2:此代码演示了箭头图标集类的示例。

HTML



  

    Semantic-UI Icon Set Arrows
    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Arrows                  
        
           
            
                                                                                                                                                                     
        
    
  

输出:

语义 UI 图标集箭头

语义 UI 图标集箭头

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