Notus NextJS Icons

Free open source icons for your website.

Font Awesome 5

Optionally, this product comes with Font Awesome which means 3000+ more vector icons made for you to use.


In order to use this icons on your project you will need to import them inside your mounting point, in our case it is the pages/_app.js file:

import "@fortawesome/fontawesome-free/css/all.min.css";


Start placing icons in your Nextjs components. We recommend using a consistent HTML element, like <i>. 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:

  1. its name, prefixed with fa{type} fa- and
  2. the style you want to use’s corresponding prefix.

NOTE: {type} can be one of s (solid), r (regular), l (light), d (duotone), or b (brands).

<i className="fas fa-heart"></i>


Get the icon you need on the official website:

Quick start here