📜  Semantic-UI 图标集手和手势(1)

📅  最后修改于: 2023-12-03 14:47:23.122000             🧑  作者: Mango

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