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! Purpose 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/@fortawesome/fontawesome-free/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>

See the official Docs

Icons

Check out the complete library and also find out more about the options Font Awesome PRO offers:

See all free icons Font Awesome PRO

Summary