Editing Template:Icon

<noinclude>
Font Awesome icons

== {{icon|cog|spin=yes}} Attributes ==

Effects (only one effect can be applied, all are optional):
*'''spin''' - value '''yes''' for spin effect
*'''pulse''' - value '''yes''' for 6 frames per spin
*'''rotate-90''' - value '''yes''' to rotate the icon 90 degrees clockwise
*'''rotate-180''' - value '''yes''' to rotate the icon 180 degrees clockwise
*'''rotate-270''' - value '''yes''' to rotate the icon 270 degrees clockwise
*'''flip-horizontal''' - value '''yes''' to flip the icon horizontally
*'''flip-vertical''' - value '''yes''' to flip the icon vertically

Other attributes:
*''the first attribute'' - name of the icon used (search: https://fontawesome.com/icons?d=gallery&q=comments, pro icons not supported)
*'''size''' - size in pixels (optional, inherits)
*'''color''' - html, hex or rgb color (optional, defaults to black)
*'''type''' - value '''regular''' for a bordered icon (optional, defaults to solid icons)

== {{icon|highlighter}} Examples ==

Various attributes: <nowiki>{{icon|cog|spin=yes|size=36|color=gray}}</nowiki>

Outputs: {{icon|cog|spin=yes|size=36|color=gray}}

Minimalist: <nowiki>{{icon|comments}}</nowiki>

Outputs: {{icon|comments}}</noinclude><includeonly><span style="{{#if:{{{size|}}}|font-size: {{{size}}}px; |}}color: {{{color|#000}}}" class="{{#ifeq:{{{type}}}|regular|far|fas}} fa-{{{1|comments}}} {{#switch: yes
| {{{spin}}} = fa-spin
| {{{pulse}}} = fa-pulse
| {{{rotate-90}}} = fa-rotate-90
| {{{rotate-180}}} = fa-rotate-180
| {{{rotate-270}}} = fa-rotate-270
| {{{flip-horizontal}}} = fa-flip-horizontal
| {{{flip-vertically}}} = fa-flip-vertically
| }}"></span></includeonly>