Font Awesome for Wikidot
The Font Awesome examples page translated into Wikidot syntax.
Basic Icons
nbsp; fa-camera-retro
[[span class="fa fa-camera-retro"]]@<nbsp;>@[[/span]] fa-camera-retro
Larger Icons
nbsp; fa-lg
nbsp; fa-2x
nbsp; fa-3x
nbsp; fa-4x
nbsp; fa-5x
[[span class="fa fa-camera-retro fa-lg"]]@<nbsp;>@[[/span]] fa-lg
[[span class="fa fa-camera-retro fa-2x"]]@<nbsp;>@[[/span]] fa-2x
[[span class="fa fa-camera-retro fa-3x"]]@<nbsp;>@[[/span]] fa-3x
[[span class="fa fa-camera-retro fa-4x"]]@<nbsp;>@[[/span]] fa-4x
[[span class="fa fa-camera-retro fa-5x"]]@<nbsp;>@[[/span]] fa-5x
Fixed Width Icons
[[div class="list-group"]]
[[a class="list-group-item" href="#"]][[span class="fa fa-home fa-fw"]]@<nbsp;>@[[/span]] Home[[/a]][[a class="list-group-item" href="#"]][[span class="fa fa-book fa-fw"]]@<nbsp;>@[[/span]] Library[[/a]][[a class="list-group-item" href="#"]][[span class="fa fa-pencil fa-fw"]]@<nbsp;>@[[/span]] Applications[[/a]][[a class="list-group-item" href="#"]][[span class="fa fa-cog fa-fw"]]@<nbsp;>@[[/span]] Settings[[/a]]
[[/div]]
List Icons
- nbsp;List icons
- nbsp;can be used
- nbsp;as bullets
- nbsp;in lists
[[ul class="fa-ul"]]
[[li]][[span class="fa-li fa fa-check-square"]]@<nbsp;>@[[/span]]List icons[[/li]]
[[li]][[span class="fa-li fa fa-check-square"]]@<nbsp;>@[[/span]]can be used[[/li]]
[[li]][[span class="fa-li fa fa-spinner fa-spin"]]@<nbsp;>@[[/span]]as bullets[[/li]]
[[li]][[span class="fa-li fa fa-square"]]@<nbsp;>@[[/span]]in lists[[/li]]
[[/ul]]
Bordered & Pulled Icons
nbsp; …tomorrow we will run faster, stretch out our arms farther… And then one fine morning— So we beat on, boats against the current, borne back ceaselessly into the past.
[[span class="fa fa-quote-left fa-3x pull-left fa-border"]]@<nbsp;>@[[/span]] ...tomorrow we will run faster, stretch out our arms farther... And then one fine morning— So we beat on, boats against the current, borne back ceaselessly into the past.
Animated Icons
nbsp; fa-spinner fa-spin
nbsp; fa-circle-o-notch fa-spin
nbsp; fa-refresh fa-spin
nbsp; fa-cog fa-spin
nbsp; fa-spinner fa-pulse
[[span class="fa fa-spinner fa-spin"]]@<nbsp;>@[[/span]] fa-spinner fa-spin
[[span class="fa fa-circle-o-notch fa-spin"]]@<nbsp;>@[[/span]] fa-circle-o-notch fa-spin
[[span class="fa fa-refresh fa-spin"]]@<nbsp;>@[[/span]] fa-refresh fa-spin
[[span class="fa fa-cog fa-spin"]]@<nbsp;>@[[/span]] fa-cog fa-spin
[[span class="fa fa-spinner fa-pulse"]]@<nbsp;>@[[/span]] fa-spinner fa-pulse
Rotated & Flipped
nbsp; normal
nbsp; fa-rotate-90
nbsp; fa-rotate-180
nbsp; fa-rotate-270
nbsp; fa-flip-horizontal
nbsp; icon-flip-vertical
[[span class="fa fa-shield"]]@<nbsp;>@[[/span]] normal
[[span class="fa fa-shield fa-rotate-90"]]@<nbsp;>@[[/span]] fa-rotate-90
[[span class="fa fa-shield fa-rotate-180"]]@<nbsp;>@[[/span]] fa-rotate-180
[[span class="fa fa-shield fa-rotate-270"]]@<nbsp;>@[[/span]] fa-rotate-270
[[span class="fa fa-shield fa-flip-horizontal"]]@<nbsp;>@[[/span]] fa-flip-horizontal
[[span class="fa fa-shield fa-flip-vertical"]]@<nbsp;>@[[/span]] icon-flip-vertical
Stacked Icons
nbsp;nbsp; fa-twitter on fa-square-o
nbsp;nbsp; fa-flag on fa-circle
nbsp;nbsp; fa-terminal on fa-square
nbsp;nbsp; fa-ban on fa-camera
[[span class="fa-stack fa-lg"]][[span class="fa fa-square-o fa-stack-2x"]]@<nbsp;>@[[/span]][[span class="fa fa-twitter fa-stack-1x"]]@<nbsp;>@[[/span]][[/span]] fa-twitter on fa-square-o
[[span class="fa-stack fa-lg"]][[span class="fa fa-circle fa-stack-2x"]]@<nbsp;>@[[/span]][[span class="fa fa-flag fa-stack-1x fa-inverse"]]@<nbsp;>@[[/span]][[/span]] fa-flag on fa-circle
[[span class="fa-stack fa-lg"]][[span class="fa fa-square fa-stack-2x"]]@<nbsp;>@[[/span]][[span class="fa fa-terminal fa-stack-1x fa-inverse"]]@<nbsp;>@[[/span]][[/span]] fa-terminal on fa-square
[[span class="fa-stack fa-lg"]][[span class="fa fa-camera fa-stack-1x"]]@<nbsp;>@[[/span]][[span class="fa fa-ban fa-stack-2x text-danger"]]@<nbsp;>@[[/span]] [[/span]] fa-ban on fa-camera