Icons

Avant UI adopts icons from Font Awesome. Font Awesome provides more than 1500 free icons.

Start

Get your Font Awesome kit here. If new icons and features are added, your kit will update automatically. Follow the instructions to use the kit on your page.

Examples

Some icon examples.

<i class="far fa-check-square"></i>
<i class="far fa-check-circle"></i>
<i class="fas fa-user"></i>
<i class="fas fa-sync-alt"></i>
<i class="fas fa-map-marked-alt"></i>

Sizes

Add .fa-xs, .fa-sm, .fa-lg, .fa-2x, .fa-3x, .fa-5x, .fa-7x or .fa-10x to control the icons size.

<i class="far fa-check-circle fa-xs"></i>
<i class="far fa-check-circle fa-sm"></i>
<i class="far fa-check-circle fa-lg"></i>
<i class="far fa-check-circle fa-2x"></i>
<i class="far fa-check-circle fa-3x"></i>
<i class="far fa-check-circle fa-5x"></i>
<i class="far fa-check-circle fa-7x"></i>
<i class="far fa-check-circle fa-10x"></i>

Animating

Use the .fa-spin class to get any icon to rotate.

<i class="fas fa-sync-alt fa-spin"></i>

View the original documentation at Font Awesome website.

Loading...