You can see result of usage Shaped Icon Shortcode below:
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Shortcodes
Following Shaped Icon Shortcode can be used for adding of a simple icon with additional text and shape:
[fac_icontext icon="heart" text="Default"]
Shaped Icon Shortcode with additional attributes:
[fac_icontext icon="heart" text="Default" shape_type="round" shape_bg="#000000" icon_color="ffffff" text_color="000000"]
Attributes of a Shaped Icon Shortcode
| Attribute | Description |
|---|---|
| icon | Font Awesome icon name without “fa-” prefix |
| text | allows to set text value that displays at the right side of the icon |
| shape_type | preset shape type (square / rounded / round) |
| shape_bg | allows to set shape background color with HEX color value |
| icon_color | allows to set icon color with HEX color value |
| text_color | allows to set text color with HEX color value |