Font Awesome 手势图标学习笔记

Font Awesome 是一个非常流行的用于图标展示的开源工具库,其中也包括了各种手势图标供我们使用。下面是一些常用的手势图标及其对应的代码:

手指指向上方

使用 fa-hand-point-up 可以展示一个手指向上的手势。

htmlCopy Code
<i class="fas fa-hand-point-up"></i>

<i class="fas fa-hand-point-up"></i>

手指指向下方

使用 fa-hand-point-down 可以展示一个手指向下的手势。

htmlCopy Code
<i class="fas fa-hand-point-down"></i>

<i class="fas fa-hand-point-down"></i>

手指指向左侧

使用 fa-hand-point-left 可以展示一个手指向左的手势。

htmlCopy Code
<i class="fas fa-hand-point-left"></i>

<i class="fas fa-hand-point-left"></i>

手指指向右侧

使用 fa-hand-point-right 可以展示一个手指向右的手势。

htmlCopy Code
<i class="fas fa-hand-point-right"></i>

<i class="fas fa-hand-point-right"></i>

喜欢的手势

如果你想展示一个喜欢的手势,你可以使用 fa-thumbs-up 或者 fa-thumbs-down 分别表示点赞和踩。

htmlCopy Code
<i class="fas fa-thumbs-up"></i> <i class="fas fa-thumbs-down"></i>

<i class="fas fa-thumbs-up"></i> <i class="fas fa-thumbs-down"></i>

OK的手势

使用 fa-check-circle 可以展示一个OK的手势。

htmlCopy Code
<i class="fas fa-check-circle"></i>

<i class="fas fa-check-circle"></i>

以上是一些常见的手势图标,可以视情况选择使用。另外,Font Awesome 还提供了更多的手势图标,你可以在官网上查看更多。