Font Awesome icons

Some Font Awesome (opens new window) webfont icons are also included to the bundle.

You can use those curated FA icons by just adding .i-{icon-name} class, eg.:

<i class="i-shopping-bag"></i>

Icons list

i-facebook

i-facebook-f

i-linkedin

i-google

i-windows

i-pinterest

i-twitter

i-youtube

i-instagram

i-whatsapp

i-telegram

i-facebook-messenger

i-tiktok

i-tag

i-hashtag

i-shopping-bag

i-shopping-cart

i-shopping-basket

i-user

i-user-circle

i-sign-out

i-bell

i-search

i-chevron-up

i-chevron-down

i-chevron-left

i-chevron-right

i-arrow-down

i-arrow-left

i-arrow-right

i-arrow-up

i-times

i-times-circle

i-phone

i-envelope

i-history

i-bars

i-shipping-fast

i-credit-card

i-receipt

i-barcode

i-money-check

i-exchange

i-percent

i-home

i-trash

i-check

i-check-circle

i-truck

i-lock

i-shield

i-filter

i-sort

i-pencil

i-ruler

i-copy

i-print

i-edit

i-plus

i-info-circle

i-question-circle

i-exclamation-triangle

i-comment-dots

i-heart

i-stopwatch

i-gift

i-map-marked

i-store

i-blog

i-wifi

i-play

i-forward

The list above may by out of date, check all available icons at scss/_icons.scss (opens new window).

Change icons fonts

You can use Line Awesome (opens new window) in place of Font Awesome with easy by setting the Sass variable:

$icon-font: "line-awesome";