语义 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
输出:
示例 2:此代码演示了箭头图标集类的示例。
HTML
Semantic-UI Icon Set Arrows
GeeksforGeeks
Semantic-UI Icon Set Arrows
输出:
参考: https://semantic-ui.com/elements/icon.html#arrows