How to add icon shortcodes to your WordPress page

How to add an icon

To add an icon, click on INSERT SHORTCODE and then choose icons.

Select your icon and your colour – usually it is best to choose your theme highlight colour, but you could use any colour you want.

Then choose your size and your position.

Then click on INSERT.

You can add even more icons …

There is a large selection of icons in the icon plugin but, if you can’t see what you are looking for go to Font Awesome, choose an icon and manually enter the icon name into the icon="icon-name" attribute.

For example, to add this icon:

You would add this code:
icon="user-secret"

And to choose the colour, size and position you would also add this to the code:

[icon icon="user-secret" color="custom" size="36" position="block"]

and you would get this:

Attributes include:
icon="" – Font awesome icon name without the “fa-“.
color="" – There are a few pre styled colors to make things easy like Black, White, Grey etc.
override="" – You can override the pre styled colors with your custom HEX color.
size="" – There are several size options.
position="" – This allows you to make the icon either stand alone or inline with text.

Example code:

[icon icon="heart-o" color="default" override="#f37358" size="36" position="block"]