|
|
| (未显示同一用户的17个中间版本) |
| 第1行: |
第1行: |
| 本模板可以生成一个FontAwesome符号库中的符号。 | | 本模版可以生成一个FontAwesome符号库中的符号。 |
|
| |
|
| 请在参数1中填写所需的符号标识。 | | 请在参数1中填写所需的符号标识。 |
|
| |
|
| 符号标识可以前往[https://fontawesome.com/icons?d=gallery&p=2&m=free Font Awesome官网]查询。 | | 符号标识可以前往[//fontawesome.com/v6/search?o=r&m=free Font Awesome官网]查询。 |
|
| |
|
| ==使用方法== | | ==使用方法== |
| 在参数1中填写标识即可。 | | 在参数1中填写标识即可。 |
| *{{fa|cog}}设置 | | *{{Fa|cog}}设置 |
| *{{fa|envelope}}邮箱 | | *{{fa|envelope}}邮箱 |
| *{{fa|history}}历史 | | *{{fa|history}}历史 |
| 第28行: |
第28行: |
| <pre>请阅读[[模板:fa/doc|{{fa|flag}} Font Awesome快速引用模板文档]]</pre> | | <pre>请阅读[[模板:fa/doc|{{fa|flag}} Font Awesome快速引用模板文档]]</pre> |
|
| |
|
| ==参数说明== | | ==样式== |
| | 默认使用 fa 样式。 |
|
| |
|
| ===核心参数===
| | 在图标名后的任何位置加入s、r、b参数,将对应使用 fas、far、fab 样式(即 Solid、Regular、Brands 样式)。 |
| ; <code>icon</code> 或 参数1
| |
| : 图标名称(必需)。可在[https://fontawesome.com/icons Font Awesome官网]查询可用图标。
| |
|
| |
|
| ; <code>style</code> 或 参数2
| |
| : 图标样式类型。支持以下缩写:
| |
| :* <code>s</code> 或 <code>solid</code> - 实心样式(默认)
| |
| :* <code>r</code> 或 <code>regular</code> - 常规样式
| |
| :* <code>b</code> 或 <code>brands</code> - 品牌样式
| |
| :* <code>l</code> 或 <code>light</code> - 细线样式
| |
| :* <code>d</code> 或 <code>duotone</code> - 双色样式
| |
|
| |
|
| ===样式参数===
| | 在图标名后的任何位置加入没有参数名的参数,将视为类(class)。 |
| ; <code><span style="color:purple;">|size</span></code>
| |
| : 图标的尺寸。支持单位:<code>em</code>、<code>rem</code>、<code>px</code>、<code>%</code>。纯数字会自动添加<code>em</code>单位。
| |
|
| |
|
| ; <code><span style="color:purple;">|color</span></code>
| | 这种参数只能存在一个。如果你需要使用多个类,请写在同一个参数中,并使用空格分隔。 |
| : 图标的颜色。支持格式:
| |
| :* 十六进制:<code>#ff0000</code>、<code>#f00</code>
| |
| :* RGB:<code>rgb(255,0,0)</code>
| |
| :* 颜色名称:<code>red</code>、<code>blue</code>、<code>green</code>等
| |
| | |
| ; <code><span style="color:purple;">|spin</span></code>
| |
| : 旋转动画效果。设置为任意值启用旋转。
| |
| | |
| ===高级参数===
| |
| ; <code><span style="color:purple;">|version</span></code>
| |
| : FontAwesome版本。支持:<code>4</code>、<code>5</code>、<code>6</code>、<code>7</code>(默认)
| |
| | |
| ; <code><span style="color:purple;">|title</span></code> 或 <code><span style="color:purple;">|aria-label</span></code>
| |
| : 无障碍标签和悬浮提示文本。
| |
| | |
| ; <code><span style="color:purple;">|class</span></code>
| |
| : 自定义CSS类名。多个类名用空格分隔。
| |
| | |
| ; <code><span style="color:purple;">|id</span></code>
| |
| : HTML元素ID。
| |
| | |
| ; <code><span style="color:purple;">|mode</span></code>
| |
| : 安全模式。<code>strict</code>启用严格安全检查,<code>enhanced</code>为增强模式(默认)。
| |
| | |
| ==样式使用说明==
| |
| | |
| 在图标名后的任何位置加入s、r、l、b参数,将对应使用 solid、regular、light、brands 样式。
| |
|
| |
|
| 在图标名后的任何位置加入没有参数名的参数,将视为类(class)。
| |
|
| |
|
| 这种参数只能存在一个。如果你需要使用多个类,请写在同一个参数中,并使用空格分隔。
| | 此外,还有如下可选参数(不能省略参数名): |
|
| |
|
| ==图标别名==
| | <b><span style="color:purple;">|rotate</span></b>=图标旋转的角度(限制填写90、180、270) |
| 为方便使用,模板内置了图标别名系统:
| |
| * <code>cog</code> → <code>gear</code>
| |
| * <code>refresh</code> → <code>sync</code>
| |
| * <code>trash</code> → <code>trash-alt</code>
| |
| * <code>envelope</code> → <code>envelope-o</code>
| |
|
| |
|
| ==版本支持==
| | <b><span style="color:purple;">|color</span></b>=图标的颜色 |
| * <b>版本4</b>: 使用 <code>fa</code> 前缀
| |
| * <b>版本5-6</b>: 使用 <code>fas</code>/<code>far</code>/<code>fab</code> 前缀
| |
| * <b>版本7(默认)</b>: 使用 <code>fa-solid</code>/<code>fa-regular</code>/<code>fa-brands</code> 前缀
| |
|
| |
|
| ==安全特性== | | <b><span style="color:purple;">|size</span></b>=图标的尺寸 |
| 在严格模式(<code>mode=strict</code>)下:
| |
| * 图标尺寸限制在5em以内
| |
| * 颜色限制在安全颜色列表中
| |
| * 图标限制在安全图标列表中
| |
|
| |
|
| ==无障碍支持==
| | <b><span style="color:purple;">|style</span></b>=图标的其他CSS样式(不要使用引号) |
| 模板自动添加以下无障碍特性:
| |
| * <code>role="img"</code> 标识为图像
| |
| * <code>aria-hidden="true"</code> 对屏幕阅读器隐藏装饰性图标
| |
| * 自动为屏幕阅读器提供隐藏文本说明
| |
| * 支持自定义标题和无障碍标签
| |
|
| |
|
| ==范例== | | ==范例== |
| 第108行: |
第53行: |
| {{fa|qrcode}} | | {{fa|qrcode}} |
|
| |
|
| <pre>{{fa|qq|style=b|size=36px|color=skyblue}}</pre> | | <pre>{{fa|qq|b|size=36px|color=skyblue}}</pre> |
| {{fa|qq|style=b|size=36px|color=skyblue}} | | {{fa|qq|b|size=36px|color=skyblue}} |
| | |
| <pre>{{fa|spinner|color=#666600|class=fa-3x fa-spin}}</pre>
| |
| {{fa|spinner|color=#666600|class=fa-3x fa-spin}}
| |
|
| |
|
| <pre>{{fa|adjust|size=24px|color=red|style=text-shadow: 2px 2px 6px #000; border:solid 1px blue; padding:10px; }}</pre> | | <pre>{{fa|adjust|size=24px|color=red|style=text-shadow: 2px 2px 6px #000; border:solid 1px blue; padding:10px; }}</pre> |
| {{fa|adjust|size=24px|color=red|style=text-shadow: 2px 2px 6px #000; border:solid 1px blue; padding:10px; }} | | {{fa|adjust|size=24px|color=red|style=text-shadow: 2px 2px 6px #000; border:solid 1px blue; padding:10px; }} |
| | ===图标动画=== |
| | 使用class<code>fa-spin</code>可以使任何图标执行旋转动画,使用class<code>fa-pulse</code>可以使图标以8步为周期进行旋转。可以完美执行旋转动画的图标有:<code>fa-spinner</code>,<code>fa-refresh</code>和<code>fa-cog</code>。 |
| | |
| | <pre> |
| | {{fa|spinner|fa-spin}} |
| | {{fa|circle-o-notch|fa-spin}} |
| | {{fa|refresh|fa-spin}} |
| | {{fa|cog|fa-spin}} |
| | {{fa|spinner|fa-pulse}} |
| | </pre> |
| | {{fa|spinner|fa-spin}} |
| | {{fa|circle-o-notch|fa-spin}} |
| | {{fa|refresh|fa-spin}} |
| | {{fa|cog|fa-spin}} |
| | {{fa|spinner|fa-pulse}} |
|
| |
|
| <pre>{{fa|home|mode=strict|title=首页}}</pre> | | <pre>{{fa|spinner|color=#666600|fa-3x fa-spin}}</pre> |
| {{fa|home|mode=strict|title=首页}} | | {{fa|spinner|color=#666600|fa-3x fa-spin}} |
|
| |
|
| ==常用图标== | | ==常用图标== |
| <div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|anchor|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">anchor</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|archive|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">archive</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|asterisk|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">asterisk</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|at|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">at</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|ban|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">ban</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|bell|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">bell</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|binoculars|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">binoculars</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|bolt|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">bolt</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|book|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">book</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|bookmark|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">bookmark</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|box|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">box</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|bug|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">bug</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|bullhorn|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">bullhorn</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|burn|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">burn</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|certificate|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">certificate</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|chart-pie|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">chart-pie</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|check|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">check</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|chess-king|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">chess-king</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|chess-knight|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">chess-knight</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|chess-queen|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">chess-queen</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|code|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">code</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|code-branch|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">code-branch</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|code-branch|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">code-branch</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|coffee|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">coffee</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|comment|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">comment</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|compress|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">compress</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|crosshairs|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">crosshairs</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|desktop|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">desktop</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|door-open|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">door-open</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|dove|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">dove</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|edit|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">edit</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|eject|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">eject</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|exclamation|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">exclamation</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|exclamation-triangle|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">exclamation-triangle</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|eye|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">eye</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|feather|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">feather</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|fighter-jet|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">fighter-jet</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|filter|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">filter</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|flag|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">flag</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|flag-checkered|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">flag-checkered</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|font|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">font</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|gamepad|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">gamepad</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|gem|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">gem</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|gift|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">gift</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|glasses|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">glasses</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|graduation-cap|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">graduation-cap</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|hashtag|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">hashtag</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|heart|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">heart</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|h-square|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">h-square</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|inbox|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">inbox</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|infinity|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">infinity</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|info|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">info</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|key|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">key</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|lightbulb|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">lightbulb</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|link|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">link</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|location-arrow|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">location-arrow</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|magic|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">magic</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|map-marker-alt|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">map-marker-alt</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|map-signs|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">map-signs</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|meh|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">meh</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|moon|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">moon</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|palette|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">palette</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|play|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">play</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|poo|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">poo</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|quote-left|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">quote-left</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|robot|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">robot</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|search|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">search</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|share-alt|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">share-alt</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|shield-alt|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">shield-alt</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|shopping-cart|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">shopping-cart</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|skull|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">skull</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|star|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">star</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|stopwatch|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">stopwatch</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|subway|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">subway</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|sun|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">sun</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|tag|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">tag</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|thumbs-down|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">thumbs-down</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|thumbs-up|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">thumbs-up</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|thumbtack|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">thumbtack</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|trophy|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">trophy</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|user-secret|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">user-secret</span></div><div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px;">{{fa|wrench|size=28px|style= border-bottom:solid 1px; padding:8px; margin-bottom:8px; }}<br/><span style=font-size:12px; max-height:24px; line-height: 12px;">wrench</span></div>
| | {{iconcard|anchor}}{{iconcard|archive}}{{iconcard|asterisk}}{{iconcard|at}}{{iconcard|ban}}{{iconcard|bell}}{{iconcard|binoculars}}{{iconcard|bolt}}{{iconcard|book}}{{iconcard|bookmark}}{{iconcard|box}}{{iconcard|bug}}{{iconcard|bullhorn}}{{iconcard|burn}}{{iconcard|certificate}}{{iconcard|chart-pie}}{{iconcard|check}}{{iconcard|chess-king}}{{iconcard|chess-knight}}{{iconcard|chess-queen}}{{iconcard|code}}{{iconcard|code-branch}}{{iconcard|coffee}}{{iconcard|comment}}{{iconcard|compress}}{{iconcard|crosshairs}}{{iconcard|desktop}}{{iconcard|door-open}}{{iconcard|dove}}{{iconcard|edit}}{{iconcard|eject}}{{iconcard|exclamation}}{{iconcard|exclamation-triangle}}{{iconcard|eye}}{{iconcard|feather}}{{iconcard|fighter-jet}}{{iconcard|filter}}{{iconcard|flag}}{{iconcard|flag-checkered}}{{iconcard|font}}{{iconcard|gamepad}}{{iconcard|gem}}{{iconcard|gift}}{{iconcard|glasses}}{{iconcard|graduation-cap}}{{iconcard|hashtag}}{{iconcard|heart}}{{iconcard|h-square}}{{iconcard|inbox}}{{iconcard|infinity}}{{iconcard|info}}{{iconcard|key}}{{iconcard|lightbulb}}{{iconcard|link}}{{iconcard|location-arrow}}{{iconcard|magic}}{{iconcard|map-marker-alt}}{{iconcard|map-signs}}{{iconcard|meh}}{{iconcard|moon}}{{iconcard|palette}}{{iconcard|play}}{{iconcard|poo}}{{iconcard|quote-left}}{{iconcard|robot}}{{iconcard|search}}{{iconcard|share-alt}}{{iconcard|shield-alt}}{{iconcard|shopping-cart}}{{iconcard|skull}}{{iconcard|star}}{{iconcard|stopwatch}}{{iconcard|subway}}{{iconcard|sun}}{{iconcard|tag}}{{iconcard|thumbs-down}}{{iconcard|thumbs-up}}{{iconcard|thumbtack}}{{iconcard|trophy}}{{iconcard|user-secret}}{{iconcard|wrench}} |
|
| |
|
| ==参数列表== | | ==参数列表== |
| {{columns-list|3| | | {| class="wikitable mw-collapsible mw-collapsed" style="width:100%;text-align:left;margin-top:20px;font-size:12px" |
| | |- |
| | !常用图标 |
| | |- |
| | | |
| | {{columns-list| |
| | cols=3| <!-- 指定3列布局 --> |
| | colwidth=12em| <!-- 列宽适配图标+代码块 --> |
| | rules=solid| <!-- 显示列分隔线,直观确认3列 --> |
| | style=width:100%;| <!-- 占满容器宽度,优化适配 --> |
| | rules=none| |
| *{{fa|glass}} <code>glass</code> | | *{{fa|glass}} <code>glass</code> |
| *{{fa|music}} <code>music</code> | | *{{fa|music}} <code>music</code> |
| 第627行: |
第594行: |
| *{{fa|send}} <code>send</code> | | *{{fa|send}} <code>send</code> |
| *{{fa|paper-plane}} <code>paper-plane</code> | | *{{fa|paper-plane}} <code>paper-plane</code> |
| | *{{fa|send-o}} <code>send-o</code> |
| *{{fa|paper-plane-o}} <code>paper-plane-o</code> | | *{{fa|paper-plane-o}} <code>paper-plane-o</code> |
| *{{fa|send-o}} <code>send-o</code>
| |
| *{{fa|history}} <code>history</code> | | *{{fa|history}} <code>history</code> |
| *{{fa|circle-thin}} <code>circle-thin</code> | | *{{fa|circle-thin}} <code>circle-thin</code> |
| 第714行: |
第681行: |
| *{{fa|pinterest-p}} <code>pinterest-p</code> | | *{{fa|pinterest-p}} <code>pinterest-p</code> |
| *{{fa|whatsapp}} <code>whatsapp</code> | | *{{fa|whatsapp}} <code>whatsapp</code> |
| | *{{fa|server}} <code>server</code> |
| *{{fa|user-plus}} <code>user-plus</code> | | *{{fa|user-plus}} <code>user-plus</code> |
| *{{fa|user-times}} <code>user-times</code> | | *{{fa|user-times}} <code>user-times</code> |
| 第728行: |
第696行: |
| *{{fa|expeditedssl}} <code>expeditedssl</code> | | *{{fa|expeditedssl}} <code>expeditedssl</code> |
| *{{fa|battery-4}} <code>battery-4</code> | | *{{fa|battery-4}} <code>battery-4</code> |
| | *{{fa|battery}} <code>battery</code> |
| *{{fa|battery-full}} <code>battery-full</code> | | *{{fa|battery-full}} <code>battery-full</code> |
| *{{fa|battery-3}} <code>battery-3</code> | | *{{fa|battery-3}} <code>battery-3</code> |
| 第860行: |
第829行: |
| *{{fa|address-book}} <code>address-book</code> | | *{{fa|address-book}} <code>address-book</code> |
| *{{fa|address-book-o}} <code>address-book-o</code> | | *{{fa|address-book-o}} <code>address-book-o</code> |
| | *{{fa|vcard}} <code>vcard</code> |
| *{{fa|address-card}} <code>address-card</code> | | *{{fa|address-card}} <code>address-card</code> |
| | *{{fa|vcard-o}} <code>vcard-o</code> |
| *{{fa|address-card-o}} <code>address-card-o</code> | | *{{fa|address-card-o}} <code>address-card-o</code> |
| *{{fa|user-circle}} <code>user-circle</code> | | *{{fa|user-circle}} <code>user-circle</code> |
| 第866行: |
第837行: |
| *{{fa|user-o}} <code>user-o</code> | | *{{fa|user-o}} <code>user-o</code> |
| *{{fa|id-badge}} <code>id-badge</code> | | *{{fa|id-badge}} <code>id-badge</code> |
| | *{{fa|drivers-license}} <code>drivers-license</code> |
| *{{fa|id-card}} <code>id-card</code> | | *{{fa|id-card}} <code>id-card</code> |
| | *{{fa|drivers-license-o}} <code>drivers-license-o</code> |
| *{{fa|id-card-o}} <code>id-card-o</code> | | *{{fa|id-card-o}} <code>id-card-o</code> |
| *{{fa|quora}} <code>quora</code> | | *{{fa|quora}} <code>quora</code> |
| 第872行: |
第845行: |
| *{{fa|telegram}} <code>telegram</code> | | *{{fa|telegram}} <code>telegram</code> |
| *{{fa|thermometer-4}} <code>thermometer-4</code> | | *{{fa|thermometer-4}} <code>thermometer-4</code> |
| | *{{fa|thermometer}} <code>thermometer</code> |
| *{{fa|thermometer-full}} <code>thermometer-full</code> | | *{{fa|thermometer-full}} <code>thermometer-full</code> |
| *{{fa|thermometer-3}} <code>thermometer-3</code> | | *{{fa|thermometer-3}} <code>thermometer-3</code> |
| 第905行: |
第879行: |
| *{{fa|meetup}} <code>meetup</code> | | *{{fa|meetup}} <code>meetup</code> |
| }} | | }} |
| | |} |
本模版可以生成一个FontAwesome符号库中的符号。
请在参数1中填写所需的符号标识。
符号标识可以前往Font Awesome官网查询。
使用方法
在参数1中填写标识即可。
*{{fa|cog}}设置
*{{fa|envelope}}邮箱
*{{fa|history}}历史
*{{fa|warning}}警告
*{{fa|check-square}}选择
生成的符号是inline-block对象,颜色和大小与当前区域的文字一致。除了<nowiki>标签之外,你可以像处理文字一样处理这些符号。
为了美观,建议在该模板和文字之间增加一个空格。
你甚至可以将本模板插入链接的显示文本中。
例:请阅读 Font Awesome快速引用模板文档
请阅读[[模板:fa/doc|{{fa|flag}} Font Awesome快速引用模板文档]]
样式
默认使用 fa 样式。
在图标名后的任何位置加入s、r、b参数,将对应使用 fas、far、fab 样式(即 Solid、Regular、Brands 样式)。
在图标名后的任何位置加入没有参数名的参数,将视为类(class)。
这种参数只能存在一个。如果你需要使用多个类,请写在同一个参数中,并使用空格分隔。
此外,还有如下可选参数(不能省略参数名):
|rotate=图标旋转的角度(限制填写90、180、270)
|color=图标的颜色
|size=图标的尺寸
|style=图标的其他CSS样式(不要使用引号)
范例
{{fa|qrcode}}
{{fa|qq|b|size=36px|color=skyblue}}
{{fa|adjust|size=24px|color=red|style=text-shadow: 2px 2px 6px #000; border:solid 1px blue; padding:10px; }}
图标动画
使用classfa-spin可以使任何图标执行旋转动画,使用classfa-pulse可以使图标以8步为周期进行旋转。可以完美执行旋转动画的图标有:fa-spinner,fa-refresh和fa-cog。
{{fa|spinner|fa-spin}}
{{fa|circle-o-notch|fa-spin}}
{{fa|refresh|fa-spin}}
{{fa|cog|fa-spin}}
{{fa|spinner|fa-pulse}}
{{fa|spinner|color=#666600|fa-3x fa-spin}}
常用图标
anchor
archive
asterisk
at
ban
bell
binoculars
bolt
book
bookmark
box
bug
bullhorn
burn
certificate
chart-pie
check
chess-king
chess-knight
chess-queen
code
code-branch
coffee
comment
compress
crosshairs
desktop
door-open
dove
edit
eject
exclamation
exclamation-triangle
eye
feather
fighter-jet
filter
flag
flag-checkered
font
gamepad
gem
gift
glasses
graduation-cap
hashtag
heart
h-square
inbox
infinity
info
key
lightbulb
link
location-arrow
magic
map-marker-alt
map-signs
meh
moon
palette
play
poo
quote-left
robot
search
share-alt
shield-alt
shopping-cart
skull
star
stopwatch
subway
sun
tag
thumbs-down
thumbs-up
thumbtack
trophy
user-secret
wrench
参数列表