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 |