Bootstrap Icons

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page.


Font Awesome 6

Optionally, Corporate UI Dashboard comes with Font Awesome which means 3000+ more vector icons made for you to use.

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:

<script src="https://kit.fontawesome.com/349ee9c857.js" crossorigin="anonymous"></script>

Initialization

Start placing icons in your HTML’s <body>. 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- and
  2. the style you want to use’s corresponding prefix.
<i class="fas fa-heart"></i>

Icons

Get the icon you need on the official website:

Go to Font Awesome

Heroicons

Another option for icons are Heroicons.