Semantic-UI 图标集：手和手势

Semantic-UI 提供了丰富的图标集，其中手和手势这个系列的图标，可以用来展示手势、指向、滚动等操作。

在网页中使用 Semantic-UI 图标集

要使用 Semantic-UI 图标集，首先需要在网页中引入 Semantic-UI 样式库，并将图标字体文件下载到本地。然后，在 HTML 文件中使用 <i> 标签进行图标的引用，如下所示：

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/semantic-ui/dist/semantic.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/semantic-ui-icon-fonts@2.0.10/css/icons.min.css">

<i class="hand paper outline icon"></i> // 手掌图标
<i class="eye icon"></i> // 眼睛图标
<i class="hourglass half icon"></i> // 沙漏图标

手和手势系列图标的详细介绍

Semantic-UI 的手和手势系列图标，在表达手势、指示等方面具有较高的可用性。下面是该系列图标的详细介绍：

手掌系列

• hand spock icon - Spock 手势图标，表示胜利、成功等情形。
• hand scissors icon - 剪刀手势图标，表示剪辑、截取等操作。
• hand rock icon - 石头手势图标，表示力量、坚定等概念。
• hand pointer icon - 指向手势图标，表示指明、指导等意图。
• hand peace icon - 和平手势图标，表示和谐、平和等概念。
• hand paper outline icon - 纸张手势图标，表示归档、保存等操作。
• hand lizard outline icon - 蜥蜴手势图标，表示陷阱、欺骗等情形。
• thumbs up outline icon - 点赞手势图标，表示喜爱、肯定等态度。
• thumbs down outline icon - 踩踏手势图标，表示不喜欢、否定等态度。

其他手势系列

• eye icon - 眼睛图标，表示观察、监视等状态。
• video icon - 摄像机图标，表示录制、拍照等操作。
• record icon - 录音机图标，表示录音、记录等操作。
• volume down icon - 降低音量图标，表示减小音量。
• volume up icon - 增加音量图标，表示增大音量。
• microphone icon - 麦克风图标，表示录音、通话等操作。
• phone icon - 电话图标，表示拨打、接听等通话相关操作。

总结

Semantic-UI 图标集的手和手势系列，是非常实用的图标集。在开发网页应用时，我们可以使用这些图标来传达操作、状态等信息，以提高用户的使用体验。