Iconography
The design system uses a carefully curated and crafted set of icons designed to represent a wide range of concepts and actions. They render well and clearly communicate across all platforms.
For usage and implementation guidelines regarding icons, refer to the icon component page.
Are you unable to find the icon you need? Contribute to the library by proposing a new icon.
airplaneairplane, travel, jet, fly, transportation
alarm-clockalarm-clock, timer, alarm, ring, alert, notification
androidandroid, android-os, logo
appleapple, mac-os, ios, logo
apple-wholeapple-whole, groceries, fruit, food
arrow-circle-dollar-signarrow-circle-dollar-sign, automatic-payment, recurring, money, expense, refresh
arrow-down-smallarrow-down-small, direction, navigation
arrow-down-to-bracketarrow-down-to-bracket, download
arrow-down-to-linearrow-down-to-line, import, receive
arrow-from-aarrow-from-a, ach, transfer, payment, electronic-funds, automated-clearing-house, money
arrow-from-warrow-from-w, wires, send, transfer, initiate
arrow-leftarrow-left, arrow-back, direction, navigation
arrow-left-from-squarearrow-left-from-square, logout, exit, leave, sign-out, account
arrow-left-smallarrow-left-small, backward, direction, navigation
arrow-rightarrow-right, arrow-forward, direction, navigation
arrow-right-arrow-leftarrow-right-arrow-left, transfer, swap, exchange, move, repeat
arrow-right-arrow-left-filledarrow-right-arrow-left-filled, transfer, swap, exchange, move, repeat
arrow-right-smallarrow-right-small, forward, direction, navigation
arrow-right-to-squarearrow-right-to-square, login, enter, sign-in, account
arrow-rotate-rightarrow-rotate-right, refresh, retry, do-again, redo, cycle, reload, circular
arrow-trend-downarrow-trend-down, graph-down, line-chart, analytics, statistics, data, direction
arrow-trend-uparrow-trend-up, graph-up, line-chart, analytics, statistics, data, direction
arrow-turn-down-to-bracketarrow-turn-down-to-bracket, deposit, money
arrow-up-arrow-downarrow-up-arrow-down, sort, order, rearrange, mix-and-match, swap, reorder, filter
arrow-up-from-bracketarrow-up-from-bracket, upload
arrow-up-from-linearrow-up-from-line, export, share
arrow-up-from-squarearrow-up-from-square, action, share, export-variant
arrow-up-right-from-squarearrow-up-right-from-square, popout, launch, open
arrow-up-smallarrow-up-small, direction, navigation
arrows-repeatarrows-repeat, switch, swap, rotate, reorder, spin, exchange
arrows-up-down-left-rightarrows-up-down-left-right, move, all-directions, guidance, navigation, direction
atat, mention, symbol, at-a-rate-of, email, contact, communication
authyauthy, logo, business
bagbag, sack, shopping, gift, purse
barsbars, menu, hamburger-menu, symbol, layers, justify-text, mobile, three-lines
bellbell, notifications, ringer, chime, alarm, activity, alert
bell-slashbell-slash, notifications-off, ringer, chime, alarm, activity, alert
boltbolt, flash, camera
bolt-autobolt-auto, flash, camera
bolt-slashbolt-slash, flash, camera
bookmarkbookmark, save, marker, reference
briefcasebriefcase, luggage, suitcase, portfolio, business
browserbrowser, window, internet, website, www, url
buildingbuilding, business, tower, high-rise
building-columnsbuilding-columns, fi, financial-institution, bank, credit union
cake-candlecake-candle, birthday, dessert, food
calculatorcalculator, mathematics, accounting, finance, business
calendar-blockcalendar-block, date-block, schedule, event, appointment, time
calendar-daycalendar-day, date, schedule, event, appointment, time
calendar-pluscalendar-plus, date-add, schedule, event, appointment, time
calendar-rangecalendar-range, date-range, schedule, event, appointment, time
calendar-xmarkcalendar-xmark, date-remove, schedule, event, appointment, time
cameracamera, photography, photo, image, device, hardware
carcar, vehicle, loan, transport, automobile, drive, travel
caret-downcaret-down, arrow-drop-down, direction, navigation
caret-leftcaret-left, arrow-drop-left, back, direction, navigation
caret-rightcaret-right, arrow-drop-right, forward, direction, navigation
caret-upcaret-up, arrow-drop-up, direction, navigation
chart-barchart-bar, reports, graph, scale, data-visualization, statistics, analytics, rating, measure, marketing,
chart-piechart-pie, section, piece, total, category, statistics, analytics, analysis, money, business
checkmarkcheckmark, done, confirm, ok, success, complete, editing, symbol
chevron-down-smallchevron-down-small, navigation, direction, arrow
chevron-leftchevron-left, chevron-back, navigation, direction, arrow
chevron-left-smallchevron-left-small, back, navigation, direction, arrow
chevron-rightchevron-right, chevron-forward, navigation, direction, arrow
chevron-right-smallchevron-right-small, forward, navigation, direction, arrow
chevron-up-smallchevron-up-small, navigation, direction, arrow
chevrons-from-centerchevrons-from-center, expand, grow, more, enlarge, resize, maximize
chevrons-to-centerchevrons-to-center, collapse, compress, pinch, less, minimize, resize
circlecircle, dot, shape
circle-buildingcircle-building, circle-business, tower, high-rise
circle-checkmarkcircle-checkmark, done, confirm, ok, success, complete, symbol, editing
circle-checkmark-filledcircle-checkmark-filled, done, confirm, ok, success, complete, symbol, editing
circle-chevrons-leftcircle-chevrons-left, circle-rewind, media, back, previous, control, symbol
circle-chevrons-rightcircle-chevrons-right, circle-skip, media, next, fast-forward, control, symbol
circle-dollarcircle-dollar, coin, currency, money, symbol
circle-dollar-filledcircle-dollar-filled, coin, currency, money, symbol
circle-dotcircle-dot, circle-radio-selected, media, record, control
circle-dotscircle-dots, group, batch, assembly, category, collection
circle-exclamationcircle-exclamation, circle-warning, alert, danger, caution, notification
circle-filledcircle-filled, dot, shape
circle-half-filledcircle-half-filled, contrast, adjust
circle-infinitycircle-infinity, symbol, mathematics, unlimited, sign, loop
circle-infocircle-info, information, faq, help, details, product-detail, description, symbol
circle-minuscircle-minus, remove, dash, sign, subtract, symbol, mathematics
circle-pausecircle-pause, control, symbol
circle-playcircle-play, media, circle-triangle, control, symbol
circle-plugcircle-plug, plugin, power, cord, electric
circle-pluscircle-plus, add, enlarge, add, addition, create, symbol, mathematics
circle-plus-filledcircle-plus-filled, add, enlarge, add, addition, create, symbol, mathematics
circle-question-markcircle-question-mark, help, symbol, problem, faq, accessibility, punctuation
circle-smallcircle-small, paginate, bullet-point, dot
circle-starcircle-star, favorite, rating, shape
circle-stopcircle-stop, control, square, shape, media
circle-usercircle-user, person, avatar, profile, account
circle-xmarkcircle-xmark, circle-close, cancel, delete, erase, symbol
circle-xmark-filledcircle-xmark-filled, circle-close-filled, cancel, delete, erase, symbol
circles-dollar-signcircles-dollar-sign, coins, currency, money
clockclock, time, watch, hour, schedule
clock-rotate-leftclock-rotate-left, history, undo, rewind
codecode, brackets, html-element, css, chevron-left-chevron-right
credit-cardcredit-card, swipe, pay, form-of-payment, money, shopping, spend
crosshairscrosshairs, marketing, target, focus, pinpoint, track, goal, aim, business
cup-strawcup-straw, drink, glass, beverage
dashboarddashboard, columns, menu, applications, apps, grid
desktopdesktop, pc, monitor, screen, display, device, hardware
diamond-arrow-turn-rightdiamond-arrow-right, directions, navigation, travel, route, sign
documentdocument, paper, list, file, format, edit
document-arrow-rotate-rightdocument-arrow-rotate-right, renew, update-file, reload, replace
document-arrows-repeatdocument-arrows-repeat, template, file, redo, reload, reuse, format
document-invoicedocument-invoice, spreadsheet, database, table, charge, bill, payment, purchase-order, money
document-pendocument-pen, form, edit, fill-in
dogdog, fido, puppy, animal, pet, canine
dollar-signdollar-sign, money, currency, usd, symbol
dotted-linedotted-line, password, pin, dots, encryption, protected, security
ellipsisellipsis, view-more, additional-options, dots, details
envelopeenvelope, mail, letter, sent, message, email, communication
envelope-open-documentenvelope-open-document, read-message, letter, mail, email
eyeeye, show, see, view, display, security, privacy, visible
eye-slasheye-slash, hide, not-visible, invisible, privacy, security
face-babyface-baby, child, user, smile
face-frownface-frown, sad, emoji, emoticon, people, communication, user
face-hatface-hat, hacker, bandit, crime, cyber-spy, anonymous, fraud, criminal, user
face-smileface-smile, happy, emoji, emoticon, smiley, user
filefile, text, word, document, business
file-filledfile-filled, text, word, document, business
file-plusfile-plus, add-document, new
fingerprintfingerprint, android, scanner, unlock, function, identity, security
flagflag, report-abuse
floppy-diskfloppy-disk, save, memory, archive, storage
flowerflower, bloom, daisy, plant, nature
folderfolder, directory, files
footballfootball, sports, game, fitness
fork-knifefork-knife, dining, utensils, silverware, restaurant, meal, eat, cutlery, food
gaugegauge, meter, dial, dashboard, indicator, speed, measure, auto
geargear, settings, configure, cog, tools, adjust, settings
globeglobe, world-map, internet, www, world-wide-web, browser, travel, navigation
graduation-capgraduation-cap, education, college, degree, school, university, clothing
gridgrid, view, tile, layout, apps
grip-dots-verticalgrip-dots-vertical, grabber, thumb, edit, move, adjust
handshakehandshake, trust, deal, business, agreement, partnership, charity
hashtaghashtag, number-sign, pound, symbol, social
heartheart, love, like, health, shape, medical
heart-filledheart-filled, love, like, health, shape, medical
heart-pulseheart-pulse, heartbeat, health, lifeline, medical, shape
househouse, home, rent, residence, home, building
house-dollar-signhouse-dollar-sign, mortgage, home-loan, household-expenses, purchase, real-estate-tax, down-payment
id-badgeid-badge, assign, identification, profile, pass, user
id-cardid-card, picture, driver-license, badge, security, user, personal-identification
imageimage, assets, photo, picture
image-filledimage-filled, assets-filled, photo, picture
inboxinbox, tray, bin, letterbox, mailbox, communication
layer-grouplayer-group, cards
life-preserverlife-preserver, rescue, help, floatation-device, lifeline, buoy, safety, protection
lightbulblightbulb, energy, light, idea, illuminate, think
linklink, chain, hyperlink, connection, related, connect
linuxlinux, linux-os, logo
list-ullist-ul, bulleted-list, checklist, list-item, list-view, notes, tasks, writing
list-ul-penlist-ul-pen, list-edit, bullet-points, array, notes, tasks, formatting
list-ul-to-leftlist-ul-to-left, transactions, amount, itemized, accounting
locationlocation, map-marker, destination, place, gps, pin, navigation
location-slashlocation-slash, location-off, map-marker-hidden, destination, disabled, place, gps, pin, navigation
locklock, padlock, restrict, safe, security
magnifying-glassmagnifying-glass, search, focus, view, find, explore, search
mapmap, tutorial, pamphlet, brochure, location, directions, navigation
masksmasks, drama, theater, comedy, tragedy, play, entertainment, faces, emotions
mergemerge, arrow-merge, branch, combine, join, direction, navigation
message-dotsmessage-dots, typing, ellipsis, chat, conversation, communication
message-linesmessage-lines, conversation, text, speech-bubble, chat, discussion, communication, talk, comment
message-smsmessage-sms, speech-bubble, text, communication, smartphone
messagesmessages, support, conversation, discussion, help-center, communication
messages-filledmessages-filled, support, conversation, discussion, help-center, communication
messages-plusmessages-plus, start-conversation, new, add, discussion, chat, communication
minusminus, remove, dash, line, negative, minimize, sign, subtract, mathematics, symbol
mobilemobile, phone, device, cellphone, smartphone, communication, hardware, contact
mobile-signalmobile-signal, push, beacon, transmit, wifi, notification, alert
mobile-signal-asteriskmobile-signal-asterisk, 2fa-device, hardware-token, device, two-factor-authentification, security, alert
money-billmoney-bill, dollar-bill, currency, usd, cash
money-bill-heartmoney-bill-heart, donate, dollar, fundraise, charity, cash
money-checkmoney-check, payment
money-check-circle-xmarkmoney-check-circle-xmark, stop-payment, cancel, remove, void, withhold, block
money-checksmoney-checks, check-range, payment
paper-planepaper-plane, send, reply, message, fly, communication
paper-plane-filledpaper-plane-filled, send, reply, message, fly, communication
paperclippaperclip, attach, attachment
pencilpencil, edit, modify, change, write, create, draw, sketch, note
phonephone, handset, telephone, call, number, communication
piggy-bankpiggy-bank, savings, budget, charity, money
pizza-slicepizza-slice, food, fast-food, slice, eat
plusplus, add, addition, create, enlarge, mathematics, punctuation, symbols
printerprinter, device, hardware
questionquestion, help, symbol, ask, accessibility, punctuation, alert
receiptreceipt, bill-list, slip, stub, voucher, shopping, invoice, business, money
receipt-billreceipt-bill, payment, invoice, money
receipt-bill-filledreceipt-bill-filled, payment, invoice, money
receipt-billsreceipt-bills, payment, invoice, money
ring-diamondring-diamond, wedding, marriage, engagement, proposal, jewelry
sack-dollar-signsack-dollar-sign, moneybag, pouch, deposit
screwdriver-wrenchscrewdriver-wrench, tools, configure, settings, modify, adjust, hardware, repair
share-nodesshare-nodes, link, connect, social
shield-checkshield-check, 2fa, security, two-factor-authentification
shield-checkershield-checker, monitor, security, badge
shield-dollar-signshield-dollar-sign, payroll-protection, money, security
shirtshirt. t-shirt, clothing, clothes, shopping
sliderssliders, filter, tweak, adjustment, sort, options, settings, control
splitsplit, arrow-split, pathway, navigation, direction, divide
squaresquare, square-empty, box, rectangle, shape
square-checkmarksquare-checkmark, done, shape, select, pass
square-checkmark-filledsquare-checkmark-filled, done, shape, select, pass
square-minussquare-minus, square-dash, remove, shape, indeterminate, dash
square-minus-filledsquare-minus-filled, square-dash-filled, remove, shape, indeterminate, dash
squares-usersquares-user, payees, photos, portraits, ids, persons
starstar, favorite, bookmark, rating, shape
star-filledstar-filled, favorite, bookmark, rating, shape
storestore, sba, small-business, merchant, storefront, building
tablettablet, landscape, device, hardware
tablet-mobiletablet-mobile, devices, handheld, technology, display, screens, hardware
tagtag, price, label, category, shopping, sales
tag-filledtag-filled, price, label, category, shopping, sales
tag-xmarktag-xmark, remove-tag, backspace, delete-character, cancel, close
tag-xmark-filledtag-xmark-filled, remove-tag, backspace, delete-character, cancel, close
texttext, size, case, edit, style, scale, font, tool, format
trash-cantrash-can, delete, remove, bin
triangle-exclamationtriangle-exclamation, warning, alert, attention, hazard, notification
triangle-exclamation-filledtriangle-exclamation-filled, warning, alert, attention, hazard, notification
umbrellaumbrella, weather, protect, rainy-day, insure, shelter, retirement-plan, safety-net
useruser, person, customer, patron, avatar, profile
user-plususer-plus, add-person, customer, invite
usersusers, people, group, crowd, couple, partner
vaultvault, storage, lock-away, safe, protection, security
walletwallet, accounts, pocket-book, money
wallet-filledwallet-filled, accounts, pocket-book, money
windowwindow, card-normal
window-maximizewindow-maximize, card-expanded
window-minimizewindow-minimize, card-condensed
windowswindows, windows-os, logo, business
xmarkxmark, close, cancel, delete, denied, erase, symbol
xperiencexperience, direction, compass-arrow, app, logo
zellezelle, logo, transfer, business, money