Icons

Nexgen ships with two popular icon libraries, giving you thousands of icons to use anywhere in your markup — in buttons, feature lists, contact details, and more. This article shows how to reference an icon and where to find the class name you need.

Simple Line IconsAn incredibly simple and beautiful set of thin, line-style icons.

Font AwesomeThe internet's icon library and toolkit — thousands of icons in solid, regular and brand styles.

Using an icon

Each library renders through an <i> tag with the library’s class names:

Simple Line Icons

<i class="icon-user"></i>
<i class="icon-settings"></i>
<i class="icon-envelope"></i>

Font Awesome

<i class="fa-solid fa-camera"></i>
<i class="fa-regular fa-heart"></i>
<i class="fa-brands fa-github"></i>

Find the right class name

Browse each library’s site, search for an icon, and it shows you the exact class to paste. Font Awesome’s free tier already covers most needs; Simple Line Icons is perfect for clean, minimal interfaces.

Wrapping upA few final notes and where to get help.