Icons
Guidance and suggestions for using external icon libraries with Purpose.
Font Awesome 5
Get vector icons and social logos on your website with Font Awesome, the web’s most popular icon set and toolkit.
Note! MRGi ships with the free version of Font Awesome. Because of the license restrictions, we are not allowed to get a copy that can be included in our download package.
Usage
In order to use this icons on your page you will need to include the following script in the <head> section of your page before the theme’s main style:
<link href="/assets/libs/fontawesome/css/all.min.css" rel="stylesheet">Initialization
Start placing icons in your HTML’s <body>. We recommend using a consistent HTML element, like . Find the right icon and learn how to reference it in your markup.
You need to know two bits of information to reference an icon:
- the style prefix: fas, far, fal or fab
- the icon’s name you want to use
<i class="fas fa-alicorn"></i>Icons
Check out the complete library and also find out more about the options Font Awesome PRO offers: