Icons

Guidance and suggestions for using external icon libraries with our theme.

Font

Get vector icons and social logos on your website with Feather, simply beautiful open source icons.

Usage

In order to use these icons on your page you will need to include the following script at the end of the <body> section of your page before the theme’s main style:

<script src="/assets/libs/feather-icons/dist/feather.min.js"></script>

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.

<i data-feather="monitor"></i>

Examples

Click on the icon to copy and paste it in your project: