|
|
| (未显示同一用户的11个中间版本) |
| 第7行: |
第7行: |
| ==使用方法== | | ==使用方法== |
| 在参数1中填写标识即可。 | | 在参数1中填写标识即可。 |
| *{{fa|cog}}设置 | | *{{Fa|cog}}设置 |
| *{{fa|envelope}}邮箱 | | *{{fa|envelope}}邮箱 |
| *{{fa|history}}历史 | | *{{fa|history}}历史 |
| 第40行: |
第40行: |
|
| |
|
| 此外,还有如下可选参数(不能省略参数名): | | 此外,还有如下可选参数(不能省略参数名): |
| | |
| | <b><span style="color:purple;">|rotate</span></b>=图标旋转的角度(限制填写90、180、270) |
|
| |
|
| <b><span style="color:purple;">|color</span></b>=图标的颜色 | | <b><span style="color:purple;">|color</span></b>=图标的颜色 |
| 第53行: |
第55行: |
| <pre>{{fa|qq|b|size=36px|color=skyblue}}</pre> | | <pre>{{fa|qq|b|size=36px|color=skyblue}}</pre> |
| {{fa|qq|b|size=36px|color=skyblue}} | | {{fa|qq|b|size=36px|color=skyblue}} |
|
| |
| <pre>{{fa|spinner|color=#666600|fa-3x fa-spin}}</pre>
| |
| {{fa|spinner|color=#666600|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> |
| 第61行: |
第60行: |
| ===图标动画=== | | ===图标动画=== |
| 使用class<code>fa-spin</code>可以使任何图标执行旋转动画,使用class<code>fa-pulse</code>可以使图标以8步为周期进行旋转。可以完美执行旋转动画的图标有:<code>fa-spinner</code>,<code>fa-refresh</code>和<code>fa-cog</code>。 | | 使用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|spinner|fa-spin}} |
| {{fa|circle-o-notch|fa-spin}} | | {{fa|circle-o-notch|fa-spin}} |
| 第66行: |
第67行: |
| {{fa|cog|fa-spin}} | | {{fa|cog|fa-spin}} |
| {{fa|spinner|fa-pulse}} | | {{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|spinner|color=#666600|fa-3x fa-spin}}</pre> |
| | {{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> |
| 第859行: |
第879行: |
| *{{fa|meetup}} <code>meetup</code> | | *{{fa|meetup}} <code>meetup</code> |
| }} | | }} |
| | |} |
2025年11月27日 (四) 09:57的最新版本
本模版可以生成一个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
参数列表