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-down
chevron-left
chevron-left-thin
chevron-right
chevron-right-thin
chevron-up
clock
close
exclamation-circle
flag
gear
gift
lock
lock-shield
megaphone
menu-burger
minus
pause-circle
perks-badge
play-circle
play-circle-light
plus
question-mark
question-mark-circle
quotation-mark-opening
search
shopping-cart
shopping-tag
star
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>