Font Awesome Icons
Font Awesome (fa) gives you scalable vector icons that can instantly be customized - size, color, drop shadow, and anything that can be done with the power of CSS.
- 600+ Vector based Icons
- Use with any Color and any Size
- Easily add Classes and IDs
- Animate them with CSS power
Icon Examples
Icon Colors
Minimal Shortcode
{icon-fa name="fa-heart"}
Shortcode with some Options
{icon-fa name="fa-heart" color="success" class="my-class"}
| Parameter Name | Description | Possible values | Default |
|---|---|---|---|
| name | The Name of the Icon, please use fa-name (fa-heart for example) | ||
| color | The Color for the Icon | default, success, info, warning, danger, white, dark, primary, secondary, tertiary | default |
| class | Add a optional Class to the Shortcode | ||
| id | Add a optional unique ID to the Shortcode | ||
| style | Add optional Style Attributes to the Shortcode | ||
| animation | Activates a Animation for this Element | Many, check the Animations Page | |
| animationduration | How long should the Animation run | Any positive Value for seconds | 1s |
| animationdelay | Should the Animation have a delay | Any positive Value for seconds | 0s |
