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.

search
checkmark
play-circle
pause-circle
user
alert
question-mark-outline
play-circle-light
chevron-left-thin
chevron-circle-right
lock
arrow-left
question-mark-circle
zoom
question-mark
chevron-right
flag
chevron-left
logomark
plus
arrow-left-long
menu-burger
shopping-cart
chevron-circle-left
gear
close
gift-alt
shopping-tag
chevron-up
box
chevron-right-thin
lock-shield
trash
checked-box
star
exclamation-circle
bookmark-off
eye-slash
chevron-down
pencil
quotation-mark-opening
clock
eye
gift
perks-badge
bookmark-on
triangle-down
minus

Social

social-x-circle
social-x
social-instagram
social-facebook-circle
social-pinterest-circle
social-facebook
social-pinterest
social-youtube
social-youtube-circle
social-instagram-circle

Credit Cards

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

Usage

Included by attribute 

1

<span custicon="exclamation-circle" custicon-svg-classes="c-red" custicon-svg-title="Important"></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>