图标小部件

Icon 小部件对于在页面上显示多种样式的FontAwesome 图标很有用。https://www.youtube.com/embed/osdgAw9gcVI?feature=oembed&enablejsapi=1&origin=https%3A%2F%2Felementor.com

小部件有 3 种不同的视图：Default、Stacked和Framed。
如果选择默认视图，则以下选项可用：

内容 #

1. 图标：从 Font Awesome 图标列表中选择
2. 视图：在默认、堆叠或框架之间选择
3. 链接：输入项目链接的 URL。单击链接选项 cog 以将 rel=nofollow 添加到链接或在新窗口中打开链接。
4. 对齐：将图标左对齐、居中或右对齐。

风格 #

图标 #

普通的

1. Primary : 选择图标的主要颜色和次要颜色
2. Size : 增加或减少图标的大小
3. 旋转：旋转图标

徘徊

1. Primary Color : 设置悬停颜色
2. 悬停动画：设置悬停状态的任何动画
3. 大小：设置图标的确切大小
4. 旋转：将图标旋转 360 度

如果选择堆叠或框架视图，则以下选项可用：

内容 #

1. 图标：从 Font Awesome 图标列表中选择
2. 视图：在默认、堆叠或框架之间选择
3. 形状：选择堆栈或框架的形状，圆形或方形
4. 链接：输入项目链接的 URL。单击链接选项cog 以将 rel=nofollow 添加到链接或在新窗口中打开链接。
5. 对齐：将图标左对齐、居中或右对齐。

风格 #

图标 #

普通的

1. Primary Color：选择图标的原色（背景或框架）颜色
2. Secondary Color：选择辅助颜色，也就是图标本身的颜色
3. Padding：设置图标周围的 padding 以控制堆栈或框架的大小
4. 大小：设置图标的大小。
5. 旋转：将图标旋转 360 度
6. Border Radius : 设置边框半径来控制堆栈或框架的圆角圆度

徘徊

1. Primary Color：选择图标的原色（背景或框架）颜色
2. Secondary Color：选择辅助颜色，也就是图标本身的颜色
3. 悬停动画：选择悬停在图标上时的动画效果，例如增长、脉冲、倾斜等。
4. Padding：设置图标周围的 padding 以控制堆栈或框架的大小
5. 大小：设置图标的大小。
6. 旋转：将图标旋转 360 度
7. Border Radius : 设置边框半径来控制堆栈或框架的圆角圆度