Icons

Use icons to chunk content, add aesthetic appeal, or provide a visual cue.

Alert-triangle

Default icon for the notice component

Circle-check

  • Shows a completed action
  • Default icon for the success notice

Cog

Indicates an action that is currently in process

Touch-finger

Default icon for the link notice component

Circle-x

Default icon for the error notice component

Bulb

  • Indicates an idea or innovation
  • Default icon for the aside notice component

Paper-edit

Default icon for the info notice component

Wrench

Default icon for the link maintenance component

 

Available icons

Make sure to have all choices peer-reviewed by a designer.

add
adobe
alarm
alert-circle
alert-diamond
alert-triangle
analytics-bars
angle-brackets
arrow-button-down
arrow-button-left
arrow-button-right
arrow-button-up
arrow-circle-down
arrow-circle-left
arrow-circle-right
arrow-circle-up
arrow-down-1
arrow-down
arrow-left-1
arrow-left
arrow-right-1
arrow-right
arrow-up-1
arrow-up
bank
bitcoin-bubble
bluetooth
book-open
bookmarks-document
bookmarks
briefcase
bubble-question
bubble-typing
bulb
button-pause
button-play
calculator
calendar
cash-briefcase
chat
circle-check
circle-plus
circle-x
cog
conference
copy
cursor
design-board
dislike
document
dollar
empty
eye
graph-stats-ascend
graph-stats-descend
graph-stats
guillemotleft
guillemotright
house
lab-flask-experiment
laptop
left-quote
legal-hammer
like
menu
money-bag-dollar
multiple-users-1
office-desk
office-file-text
paper-edit
pencil
phone
pin
print
qr-code
question-circle
redo
remove
rss-feed
rss-feed2
rss-feed3
saving-safe
screen
search
send-email-2
send-email
share
shop
slider
star
study-book
study-owl
subtract
switch
time
touch-finger
wifi
wrench
Copied!