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-3-filled
arrow-button-down
arrow-button-left-3-bold
arrow-button-left
arrow-button-right-3-bold
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
headphones
home
house
lab-flask-experiment
laptop
left-quote
legal-hammer
like
loading
menu
money-bag-dollar
moon
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
sun
switch
time
touch-finger
wifi
wrench
Copied!