Last Updated on August 13, 2019
Filed under Shortcodes

Vector Icons

Sweetness v1.x Only

Take advantage of our theme framework’s integration of FontAwesome.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

[vector_icon icon="star"]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

[vector_icon icon="star" size="40px" color="gold"]

Options

Argument Default Description
icon star  Icon name (view icons).
Ex: arrow-right, chevron-right, twitter, etc.
Note: Do not prefix icon ID with fa-.
color The font color used for the icon.
size 20px Set the icon font size (25px, 2em, etc)
rotate none none, 90, 180, 270 - Select how you'd like to rotate the icon.
class A classname to allow CSS cusotmizations.
bg_color The background color behind the icon. Accepts any hex color value (#0099ff)
bg_size 40px Sets the icon background size (25px, 2em, etc). This applies to the height, width and line-height.
bg_radius 100% Sets the border radius of the Icon background.