Add one of the following group of classes to a Custom HTML module:
To change the color of your icon use one of the availabe classes:
small to change the size of your icon:
You can use one of these classes to align your icon:
To add some space at the top, right, bottom or left of your icon, you can use the padding utility classes. For example, if you want to add 30px right padding:
icon-disc theme pr30
Find all utility classes here.
Once your Custom HTML module is ready you can add an icon:
Go to https://fontawesome.com/v4.7.0/icons/ and click the icon you need:
Then copy its code:
And paste it into your Custom HTML module in your template:
Or in your page:
Instead of a Font Awesome icon you can also add a number, with a code like this:
Please also see the Font Awesome asset.