Icons

Application

The icon set (with the exception to certain full-color variants like credit card logos) should be monochromatic. The color of the icons should be able to change for hover/active effects or to be used on a dark background.

Toggle the color of this section to see if the icons have exported correctly.

arrow-left
box
checked-box
checkmark
chevron-circle-left
chevron-circle-right
chevron-left
chevron-left-thin
chevron-right
chevron-right-thin
clock
close
exclamation-circle
flag
gear
gift
lock
menu-burger
pause-circle
plus
search
shopping-cart
shopping-tag
triangle-circle-right
triangle-down
user
zoom

Social

social-facebook
social-facebook-circle
social-instagram
social-instagram-circle
social-pinterest
social-pinterest-circle
social-twitter
social-twitter-circle

Credit Cards

credit-card-amex
credit-card-discover
credit-card-mastercard
credit-card-visa

Usage

Included by attribute

1
<span custicon="exclamation-circle"></span>

As a custicon element

1
<custicon icon="exclamation-circle"></custicon>

Loading

Dark

1
<span custicon="loading-spinner-dark"></span>

Light

1
<span custicon="loading-spinner-light"></span>