语义 UI 图标集业务
Semantic UI是一个开源开发框架,它提供预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。
Semantic UI为用户提供了各种不同的图标,这些图标可用于不同的目的,并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。
在这篇文章中,让我们了解一下Business的图标集。 Semantic UI 为商业提供了一些最常用的图标类,这些图标类主要用于商业或金融应用程序。
语义 UI 图标集业务类:
- address book :该类用于显示地址簿图标。
- 地址簿大纲:该类用于显示地址簿大纲图标。
- 地址卡:该类用于显示地址卡图标。
- 地址卡大纲:该类用于显示地址卡大纲图标。
- archive :此类用于显示存档图标。
- balance scale : 此类用于显示平衡刻度图标。
- 生日蛋糕:这个类用于显示生日蛋糕图标。
- book :该类用于显示书本图标。
- 公文包:此类用于显示公文包图标。
- building :此类用于显示建筑物图标。
- building outline : 该类用于显示建筑轮廓图标。
- Bullhorn :此类用于显示扩音器图标。
- Bullseye :此类用于显示靶心图标。
- 计算器:此类用于显示计算器图标。
- calendar :此类用于显示日历图标。
- 日历大纲:此类用于显示日历大纲图标。
- 日历备用:此类用于显示日历备用图标。
- 日历备用大纲:此类用于显示日历备用大纲图标。
- certificate :此类用于显示证书图标。
- chart area :该类用于显示图表区域图标。
- 图表栏:该类用于显示图表栏图标。
- chart bar outline :此类用于显示图表栏轮廓图标。
- chart line : 该类用于显示图表线图标。
- chart pie :该类用于显示图表饼图图标。
- 剪贴板:此类用于显示剪贴板图标。
- 剪贴板轮廓:此类用于显示剪贴板轮廓图标。
- coffee :这个类用于显示咖啡图标。
- columns :此类用于显示列图标。
- compass :此类用于显示指南针图标。
- 罗盘大纲:该类用于显示罗盘大纲图标。
- copy :此类用于显示复制图标。
- 复制大纲:此类用于显示复制大纲图标。
- copyright :此类用于显示版权图标。
- copyright outline : 该类用于显示版权大纲图标。
- cut : 这个类是 用于显示剪切图标。
- edit :此类用于显示编辑图标。
- 编辑大纲:此类用于显示编辑大纲图标。
- 信封:此类用于显示信封图标。
- 信封轮廓:此类用于显示信封轮廓图标。
- 信封打开:此类用于显示信封打开图标。
- 信封打开轮廓:此类用于显示信封打开轮廓图标。
- 信封正方形:此类用于显示信封正方形图标。
- 橡皮擦:此类用于显示橡皮擦图标。
- 传真:此类用于显示传真图标。
- file :此类用于显示文件图标。
- 文件大纲:此类用于显示文件大纲图标。
- 文件备用:此类用于显示文件备用图标。
- 文件备用大纲:此类用于显示文件备用大纲图标。
- folder :此类用于显示文件夹图标。
- 文件夹大纲:此类用于显示文件夹大纲图标。
- folder open :此类用于显示文件夹打开图标。
- 文件夹打开大纲:此类用于显示文件夹打开大纲图标。
- 地球:这个类用于显示地球图标。
- 行业:此类用于显示音频行业图标。
- paperclip :此类用于显示回形针图标。
- paste :此类用于显示粘贴图标。
- pen square :此类用于显示钢笔方形图标。
- 铅笔替代:这个类用于显示铅笔替代图标。
- percent :此类用于显示百分比图标。
- phone :此类用于显示电话图标。
- phone square :此类用于显示电话方形图标。
- phone volume :该类用于显示电话音量图标。
- 注册:该类用于显示注册图标。
- 注册大纲:该类用于显示注册大纲图标。
- save :此类用于显示保存图标。
- 保存大纲:此类用于显示保存大纲图标。
- sitemap :此类用于显示站点地图图标。
- sticky note :这个类用于显示便签图标。
- 便笺大纲:此类用于显示便笺大纲图标。
- 手提箱:这个类用于显示手提箱图标。
- table :此类用于显示表格图标。
- tag :此类用于显示标签图标。
- tags :此类用于显示标签图标。
- tasks :此类用于显示任务图标。
- thumbtack :此类用于显示图钉图标。
- 商标:该类用于显示商标图标。
句法:
示例 1:此代码演示了所有业务图标集类。
HTML
GeeksforGeeks
Semantic-UI Icon Set Business
HTML
GeeksforGeeks
Semantic-UI Icon Set Business
输出:
示例 2:此代码演示了业务图标集类的示例。
HTML
GeeksforGeeks
Semantic-UI Icon Set Business
输出:
参考: https://semantic-ui.com/elements/icon.html#business