Icons

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

Alert-triangle

Default icon for the notice component

Bulb

  • Indicates an idea or innovation.
  • Is the default icon for the aside notice component.

Check-circle

  • Shows a completed action.
  • Is the default icon for the success notice

Circle-x

Default icon for the error notice component

Cog

Indicates an action that is currently in process.

Paper-edit

Default icon for the info notice component

Touch-finger

Default icon for the link notice component

Wrench

Default icon for the link maintenance component

 

Other Icons

Below are examples of the icons available. 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
check-circle
circle-plus
circle-x
cog
conference
copy
cursor
design-board
dislike
document
dollar
empty
view-1
graph-stats-ascend
graph-stats-descend
graph-stats
house
lab-flask-experiment
laptop
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
saving-safe
screen
search
send-email-2
send-email
share
shop
slider
star
study-book
study-owl
subtract
switch
time-clock-circle
touch-finger-1
wifi
tools-wench
Copied!