alarm-fill
alarm
align-bottom
align-center
align-left
align-middle
align-right
align-top
aperture-fill
aperture
archivebox-fill
archivebox
arrow-anticlockwise
arrow-back-left
arrow-back-right
arrow-clockwise
arrow-down-circle-fill
arrow-down-circle
arrow-down-left-and-arrow-up-right
arrow-down-wide
arrow-down
arrow-left-circle-fill
arrow-left-circle
arrow-left-wide
arrow-left
arrow-right-circle-fill
arrow-right-circle
arrow-right-wide
arrow-right
arrow-rounded
arrow-shape-right
arrow-up-and-arrow-down
arrow-up-circle-fill
arrow-up-circle
arrow-up-right-and-arrow-down-left
arrow-up-wide
arrow-up
article
badge
bandade-fill
bandade
bank-fill
bank
barcode-viewfinder
bell-fill
bell-slash-fill
bell-slash
bell
bezier
blood-pressure
book
bookmark-fill
bookmark
border-all
border-bottom
border-center
border-inner
border-left
border-middle
border-none
border-outer
border-right
border-top
box-in-arrow-down
box-in-arrow-right
box-out-arrow-right
box-out-arrow-up
braces
brush-fill
brush
bubble-circle-dot
bubble-circle-dots-fill
bubble-circle-plus-fill
bubble-circle-plus
bubble-circle-text-fill
bubble-circle-text
bubble-square-dots-fill
bubble-square-dots
bubble-square-plus-fill
bubble-square-plus
bubble-square-text-2-fill
bubble-square-text-2
bubble-square-text-fill
bubble-square-text
building-fill
building
bulb-fill
bulb
businessbag-fill
businessbag
calculator-fill
calculator
calendar-fill
calendar-month-fill
calendar-month
calendar-range-fill
calendar-range
calendar
camera-fill
camera-plus-fill
camera-plus
camera
cardboard-box
cart-fill
cart
chart-bar-horizontal-square-fill
chart-bar-horizontal-square
chart-bar-horizontal
chart-bar-square-fill
chart-bar-square
chart-bar
chart-line-square-fill
chart-line-square
chart-line
chart-pie-fill
chart-pie
checkmark-2
checkmark-circle-fill
checkmark-circle
checkmark-square-fill
checkmark-square
checkmark
chevron-down-2
chevron-down-circle-fill
chevron-down-circle
chevron-down-square-fill
chevron-down-square
chevron-down
chevron-left-2
chevron-left-circle-fill
chevron-left-circle
chevron-left-more
chevron-left-square-fill
chevron-left-square
chevron-left
chevron-right-2
chevron-right-circle-fill
chevron-right-circle
chevron-right-more
chevron-right-square-fill
chevron-right-square
chevron-right
chevron-up-2
chevron-up-circle-fill
chevron-up-circle
chevron-up-square-fill
chevron-up-square
chevron-up
circle-bold
circle-dash
circle-fill
circle-square
circle
clipboard
clock-fill
clock-rotate-left
clock-rotate-right
clock
cloud-arrow-up-fill
cloud-arrow-up
cloud-checkmark-fill
cloud-checkmark
cloud-drizzle
cloud-fill
cloud-rain-heavy
cloud-rain
cloud-slash-fill
cloud-slash
cloud
code-slash
code
coffee-fill
coffee
compass-fill
compass
conical-flask-fill
conical-flask
connection-fill
connection
connector-down-right-up-left
connector-down-right
cpu-fill
cpu
creditcard-fill
creditcard
crop
cube
cursor-fill
cursor
cylinder-horizontal
cylinder
db-dot-fill
db-dot
db-fill
db-front-dot-fill
db-front-dot
db
display
distribute-horizontally
distribute-verticaly
doc-checkmark-fill
doc-checkmark
doc-csv
doc-docx
doc-fill
doc-minus-fill
doc-minus
doc-pdf
doc-plus-fill
doc-plus
doc-pptx
doc-text-fill
doc-text
doc-txt
doc-xlsx
doc-yaml
doc-zip
doc
dots-6-horizontal
dots-6-vertical
dots-grid
dots-horizontal-circle
dots-horizontal
dots-vertical
ear-fill
ear
earth-fill
earth
exclamationmark-circle-fill
exclamationmark-circle
exclamationmark-triangle-fill
exclamationmark-triangle
exclamationmark
eye-fill
eye-slash-fill
eye-slash
eye
face-angry
face-baby
face-crying
face-frowing-little
face-frowing
face-grinning
face-neutral
face-pensive
face-smiling-little
face-smiling-plus
face-smiling-tightly-closed-eyes
face-smiling
filter
first-aid-kit-fill
first-aid-kit
flag-fill
flag
flame-fill
flame
folder-fill
folder-minus-fill
folder-minus
folder-plus-fill
folder-plus
folder
funnel-fill
funnel
gear-fill
gear
gift-fill
gift
graduationcap-fill
graduationcap
grid-2x1-fill
grid-2x1
grid-bordered
grid-fill
grid
hand-fist
hand-index-up
hand
headphones-fill
headphones
headset-fill
headset-operator
headset
heart-circle-fill
heart-circle
heart-fill
heart
heartbeat
hexagon-fill
hexagon
home-fill
home
hourglass-lower-filled
hourglass-split
hourglass-upper-filled
hourglass
informationmark-circle-fill
informationmark-circle
key-fill
key
keyboard-fill
keyboard
laptop
layer
lightbulb-fill
lightbulb
lightning-bolt-fill-slash
lightning-bolt-fill
lightning-bolt
lightning-fill
lightning-slash-fill
lightning-slash
lightning
line-arrow-down
line-arrow-up
link
list-bullet
list-check
list-number
list-start
list-todo
lock-fill
lock-open-fill
lock-open
lock
lungs-fill
lungs
magnifyingglass-minus-fill
magnifyingglass-minus
magnifyingglass-plus-fill
magnifyingglass-plus
magnifyingglass
mail-fill
mail
map-fill
map
mappin-fill
mappin
memory-ic-fill
memory-ic
menu
microphone-fill
microphone
minus-circle-fill
minus-circle
minus-square-fill
minus-square
minus
mobile-button-landscape
mobile-button
mobile-landscape
mobile
moon-fill
moon
musical-note-fill
musical-note
musical-notes-fill
musical-notes
network-fill
network
new-circle-fill
new-circle
new-square-fill
new-square
paperclip
paperplane-fill
paperplane
party-popper
pause-circle-fill
pause-circle
pause-fill
pencil-circle-fill
pencil-circle
pencil-to-square
pencil
person-2-fill
person-2-minus-fill
person-2-minus
person-2-plus-fill
person-2-plus
person-2
person-3-fill
person-3-minus-fill
person-3-minus
person-3-plus-fill
person-3-plus
person-3
person-card
person-checkmark-fill
person-checkmark
person-circle-checkmark-fill
person-circle-checkmark
person-circle-fill
person-circle-minus-fill
person-circle-minus
person-circle-plus-fill
person-circle-plus
person-circle-slash-fill
person-circle-slash
person-circle
person-fill
person-minus-fill
person-minus
person-plus-fill
person-plus
person-slash-fill
person-slash
person-tie-fill
person
photo-2
photo-fill
photo
pill
pin-fill
pin
play-circle-fill
play-circle
play-fill
play-square-fill
play-square
plus-circle-fill
plus-circle
plus-square-fill
plus-square
plus
printer-fill
printer
qr-code-viewfinder
questionmark-circle-fill
questionmark-circle
questionmark
receipt
recording
rectangle-arrow-up-fill
rectangle-arrow-up-right
rectangle-arrow-up
rectangle-in-arrow-down
rectangle-in-arrow-right
rectangle-on-rectangle-fill
rectangle-on-rectangle
rectangle-out-arrow-right
rectangle-out-arrow-up
robot-arm
scissors
sd-card-fill
sd-card
shield-check-fill
shield-check
shield-exclamationmark-fill
shield-exclamationmark
shield-fill
shield-shaded
shield-xmark-fill
shield-xmark
shield
sidebar-left
sidebar-right
slash-circle-fill
slash-circle
slash
snowflake
sparkles-fill-slash
sparkles-fill
sparkles
speaker-fill
speaker-slash-fill
speaker-slash
speaker-wave1-fill
speaker-wave1
speaker-wave2-fill
speaker-wave2
speaker-wave3-fill
speaker-wave3
speaker
square-dash
square-fill
square
star-fill
star
stethoscope
stick-sparkles
stickynote-fill
stickynote
stop-circle-fill
stop-circle
stop
stopwatch-fill
stopwatch
structure
subtitles-fill
subtitles
sun-fill
sun
syringe-fill
syringe
table
tablet-button-landscape
tablet-button
tablet-landscape
tablet
tag-fill
tag
target
terminal
text-align-center
text-align-justify-left
text-align-left
text-align-right
text-bold
text-double-quotes
text-h
text-italic
text-strikethrough
text-underline
text
thermometer
thumbsup-fill
thumbsup
timelapse
tooth-fill
tooth
translate
trash-fill
trash-xmark-fill
trash-xmark
trash
triangle-down-circle-fill
triangle-down-circle
triangle-down-small
triangle-down-square-fill
triangle-down-square
triangle-down
triangle-left-circle-fill
triangle-left-circle
triangle-left-small
triangle-left-square-fill
triangle-left-square
triangle-left
triangle-right-circle-fill
triangle-right-circle
triangle-right-small
triangle-right-square-fill
triangle-right-square
triangle-right
triangle-up-circle-fill
triangle-up-circle
triangle-up-small
triangle-up-square-fill
triangle-up-square
triangle-up
trim
trolley
truck-fill
truck
video-fill
video-plus-fill
video-plus
video
viewfinder
vitalsigns
wallet
watch-fill
watch
waveform-lines
wheelchair
wifi-slash
wifi
window-sidebar-left
window
xmark-circle-fill
xmark-circle
xmark-large
xmark-square-fill
xmark-square
xmark
yensign

Download

Manually download SVGs, icon fonts and CSS files.

Download ZIP

Usage

Embedded

The quickest way to use icons is to copy the SVG code of the icon you need and inline it directly into your HTML. You can get the SVG code by clicking on the icon on this page.

The size can be changed with the `width` and `height` attributes, and the color can be changed with the `fill` attribute.

Icon font

Install icon fonts and CSS files from npm:

Or install from CDN:

Then import CSS to your Javascript file:

After import, copy and paste the HTML code for the icon you want into your HTML. You can get the HTML code by clicking on the icons on this page.

Size and color can be changed by `font-size` and `color` with custom CSS.

React

Please see @exawizards/exabase-design-system-icons-react

Updates

License

exaBase Design System Icons is licensed under the MIT License.

icon-key

Tags:

HTML

Codepoint

Unicode:
CSS:
JS:
HTML:

SVG

Color

Code

File