语义-UI 图标集设计
Semantic UI 是一个开源开发框架，它提供预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。
Semantic UI 为用户提供了各种不同的图标，这些图标可用于不同的目的，并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。在这篇文章中，让我们看看 Icon 集的设计。 Semantic UI 提供了一些最常用的设计图标类，这些类主要用于编辑器，这里是这些类。
语义 UI 图标集设计类：
- adjust：该类用于显示调整图标。
- clone：该类用于显示克隆图标
- 克隆轮廓：该类用于显示克隆图标的轮廓。
- 复制. ：该类用于显示复制图标。
- 复制大纲：该类用于显示复制图标的轮廓。
- crop：该类用于显示裁剪图标。
- crosshairs：此类用于显示十字准线图标。
- cut：该类用于显示剪切图标。
- edit：该类用于显示编辑图标。
- 编辑大纲：该类用于显示编辑图标的轮廓。
- 橡皮擦：该类用于显示橡皮擦图标。
- eye：该类用于显示眼睛图标。
- 滴管：该类用于显示滴管图标。
- eye slash：该类用于显示斜线图标。
- eye slash outline：该类用于显示眼睛斜线图标的轮廓。
- 对象组：该类用于显示对象组图标。
- 对象组轮廓：该类用于显示对象组图标的轮廓。
- 对象取消组合：该类用于显示对象取消组合图标。
- 对象取消组合轮廓：该类用于显示对象取消组合图标的轮廓。
- 画笔：此类用于显示画笔图标。
- paste：此类用于显示粘贴图标。
- 铅笔替代：这个类用于显示铅笔替代图标。
- save：这个类用于显示保存图标。
- 保存大纲：该类用于显示保存图标的轮廓。
- tint：这个类用于显示色调图标。
句法：
示例 1：此代码演示了所有设计图标集类。
HTML
GeeksforGeeks
Semantic-UI Icon Set Design
HTML
Geeksforgeeks
Semantic UI Icon Set Design
输出 ：
示例 2：此代码演示了设计图标集类的使用。
HTML
Geeksforgeeks
Semantic UI Icon Set Design
输出：
参考： https://semantic-ui.com/elements/icon.html#design