Iconography

Overview

Firefox mobile has 3 standard icon sizes:

16×16

This size is typically used for badging.

20×20

This is a secondary size.

24×24

This is the default icon size.

Library

If you need usage clarification or help choosing an appropriate icon for your project, please reach out to #acorn-design-system on Slack.

checkmark-16

Alias: success

chevron-right-16

Alias: arrow

email-mask-16

email-shield-16

pause-badge-fill-16

Badge icon

Alias: control, action, media, badge

pin-badge-fill-16

Badge icon

Alias: thumbtack, shortcuts, top sites

play-badge-fill-16

Badge icon

Alias: media, control, action

shield-checkmark-fill-16

Alias: ETP, enhanced tracking protection, trackers, protection panel

shield-slash-fill-16

Alias: ETP, enhanced tracking protection, trackers, protection panel

sponsored-star-16

No results found for your search.

arrow-clockwise-20

Alias: reload, refresh, rotate

bookmark-20

Alias: star

bookmark-fill-20

Alias: star

bookmark-badge-fill-20

Badge icon

Alias: star, badge

chevron-down-20

Alias: arrow

chevron-up-20

Alias: arrow

cross-20

Alias: x, cross, quit

cross-circle-fill-20

email-mask-20

email-shield-20

lightning-20

Alias: flash

lock-20

Alias: security, secure, SSL, https, safe, encrypted

microphone-20

Alias: permissions, audio

notification-dot-badge-fill-20

Badge icon

Alias: alert

private-mode-circle-fill-20

Alias: mask, incognito, hidden, private, PBM

private-mode-circle-fill-stroke-20

Alias: mask, incognito, hidden, private, PBM

reader-view-20

Alias: page, view, text-only, reading

search-20

Alias: magnifying glass, find, look, explore

share-ios-20

Alias: arrow, up, tray

star-fill-20

Alias: star, rate, rating

star-half-fill-20

Alias: star, rate, rating

star-one-half-fill-20

Alias: star, rate, rating

sun-20

Alias: brightness

sun-fill-20

tab-badge-fill-20

Badge icon

Alias: tabs

warning-fill-20

Alias: alert, notification, notice, exclamation point, triangle

No results found for your search.

add-to-homescreen-24

Default icon size

Alias: device

app-menu-24

Default icon size

Alias: hamburger, 3 lines, main, app, application

app-menu-space-24

Default icon size

Alias: hamburger, 3 lines, main, app, application, new

append-down-left-24

Default icon size

Alias: arrow

append-up-left-24

Default icon size

Alias: arrow

append-up-right-24

Default icon size

Alias: arrow

arrow-clockwise-24

Default icon size

Alias: reload, refresh, rotate

arrow-counter-clockwise-24

Default icon size

Alias: redo, restart

autoplay-24

Default icon size

Alias: permissions, media, control, action

avatar-circle-24

Default icon size

Alias: user, account

avatar-circle-fill-24

Default icon size

Alias: user, account

avatar-info-circle-fill-24

Default icon size

Alias: user, account

avatar-warning-circle-fill-24

Default icon size

Alias: user, account

back-24

Default icon size

Alias: previous, before

bookmark-24

Default icon size

Alias: star

bookmark-fill-24

Default icon size

Alias: star

bookmark-slash-24

Default icon size

Alias: star, remove

bookmark-tray-24

Default icon size

Alias: star

bookmark-tray-fill-24

Default icon size

Alias: star

camera-24

Default icon size

Alias: permissions, camera, webcam, web RTC

checkmark-24

Default icon size

Alias: success

chevron-down-24

Default icon size

Alias: arrow

chevron-left-24

Default icon size

Alias: arrow

chevron-right-24

Default icon size

Alias: arrow

chevron-up-24

Default icon size

Alias: arrow

clipboard-24

Default icon size

Alias: clipboard

cloud-24

Default icon size

Alias: synchronize, devices, desktop, computer, phone, tablet

competitiveness-24

Default icon size
Alias: competition, competitor, trophy

collection-24

Default icon size

cookies-24

Default icon size

Alias: third party, tracking

cookies-slash-24

Default icon size

Alias: third party, tracking

copy-24

Default icon size

Alias: clipboard

credit-card-24

Default icon size

Alias: credit card

critical-24

Default icon size

Alias: exclamation mark

critical-fill-24

Default icon size

Alias: exclamation mark

cross-24

Default icon size

Alias: x, close, quit

cross-circle-24

Default icon size

Alias: x, close, quit

cross-circle-fill-24

Default icon size

Alias: x, close, quit

cryptominer-24

Default icon size

Alias: tracking

cursor-arrow-24

Default icon size

Alias: pointer, mouse

data-clearance-24

Default icon size
Alias: fire, clear, private, end, session

delete-24

Default icon size

Alias: remove, trash, garbage can, bin, action

device-desktop-24

Default icon size

Alias: computer

device-desktop-fill-24

Default icon size

Alias: computer, active

device-desktop-send-24

Default icon size

Alias: computer, link, tabs

device-mobile-24

Default icon size

Alias: phone

device-tablet-24

Default icon size

Alias: iPad

download-24

Default icon size

Alias: arrow, down, tray

edit-24

Default icon size

Alias: pencil, action, control

email-mask-24

Default icon size

email-shield-24

Default icon size

experiments-24

Default icon size

Alias: atom, molecule

extension-24

Default icon size

Alias: add-ons, puzzle, piece

extension-cog-24

Default icon size

Alias: add-ons, puzzle, piece

extension-critical-24

Default icon size

Alias: add-ons, puzzle, piece

extension-fill-24

Default icon size

Alias: add-ons, puzzle, piece

extension-warning-24

Default icon size

Alias: add-ons, puzzle, piece

external-link-24

Default icon size
Alias: open, new window, arrow

eye-24

Default icon size

Alias: visible, show, reveal, hide, pw, password

find-in-page-24

fingerprinter-24

Default icon size

Alias: tracking

folder-24

Default icon size

Alias: file

folder-add-24

Default icon size

Alias: file, plus, new

folder-arrow-right-24

Default icon size

Alias: file, arrow, right

forward-24

Default icon size

Alias: next, after

globe-24

Default icon size

Alias: site, default favicon, world, website, www, placeholder

grid-plus-24

Default icon size

Alias: homepage, edit, customize

help-circle-24

Default icon size

Alias: support, learn more, question mark, info

help-circle-fill-24

Default icon size

Alias: support, learn more, question mark, info

history-24

Default icon size

Alias: clock, recent, places, time, past

home-24

Default icon size

Alias: house, navigate, navigation, homepage

image-24

Default icon size

Alias: permissions, canvas, thumbnail

information-24

Default icon size

Alias: alert, notification, information, document properties, circle, i

information-fill-24

Default icon size

Alias: alert, notification, information, document properties, circle, i

lightbulb-24

Default icon size

lightning-24

Default icon size

Alias: flash

lightning-filled-24

Default icon size

Alias: flash

link-24

Default icon size

Alias: chain, links

local-host-24

local-network-24

location-24

Default icon size

Alias: map marker, pin, geo-location

lock-24

Default icon size

Alias: security, secure, SSL, https, safe, encrypted

lock-fill-24

Default icon size

Alias: security, secure, SSL, https, safe, encrypted

lock-slash-24

Default icon size

Alias: security, SSL, http, unsafe, alert, notification, not secure

lock-slash-fill-24

Default icon size

Alias: security, SSL, http, unsafe, alert, notification, not secure

lock-warning-24

Default icon size

Alias: security, SSL, http, unsafe, alert, notification, not secure, risk

lock-warning-fill-24

Default icon size

Alias: security, SSL, http, unsafe, alert, notification, not secure, risk

login-24

Default icon size

Alias: permissions, key, password, passwords, manager, logins

logo-chrome-24

Default icon size

Alias: google

logo-firefox-24

Default icon size

Alias: mozilla, fx

logo-safari-24

Default icon size

Alias: apple

microphone-24

Default icon size

Alias: permissions, audio

more-grid-24

Default icon size

Alias: app drawer, box, options, menu

more-horizontal-24

Default icon size

Alias: overflow, 3 dots, meatball, menu, page, action, options, ellipsis, kebab

more-horizontal-round-24

Default icon size

Alias: overflow, 3 dots, meatball, menu, page, action, options, ellipsis, kebab

more-vertical-24

Default icon size

Alias: overflow, 3 dots, kebab, menu, options, ellipsis, kebab

more-vertical-round-24

Default icon size

Alias: overflow, 3 dots, meatball, menu, page, action, options, ellipsis, kebab

night-mode-24

Default icon size

Alias: moon, dark, theme

night-mode-fill-24

Default icon size

Alias: moon, dark, theme

notification-24

Default icon size

Alias: message

notification-dot-24

Default icon size

Alias: read, reading list, reader mode

notification-dot-fill-24

Default icon size

Alias: unread, reading list, reader mode

other-device-shortcuts-24

Default icon size

Alias: computer, top sites, pin

packaging-24

Default icon size
Alias: package, parcel, box

page-portrait-24

page-zoom-24

Default icon size

Alias: zoom in, out

page-zoom-fill-24

Default icon size

Alias: zoom in, out

passkey-24

Default icon size

Alias: user

pause-24

Default icon size

Alias: pause, media

permission-24

Default icon size

Alias: settings

permissions-24

pin-24

Default icon size

Alias: thumbtack, shortcuts, top sites

pin-fill-24

Default icon size

Alias: thumbtack, shortcuts, top sites

pin-slash-24

Default icon size

Alias: thumbtack, shortcuts, top sites

play-fill-24

Default icon size

Alias: play, media

plugin-24

Default icon size

Alias: lego, building block, permissions

plus-24

Default icon size

Alias: plus

price-24

Default icon size
Alias: tag

print-24

Default icon size

Alias: printer, printing

private-mode-24

Default icon size

Alias: mask, incognito, hidden, private, PBM, outline

private-mode-fill-24

Default icon size

Alias: mask, incognito, hidden, private, PBM

private-mode-circle-fill-24

Default icon size

Alias: mask, incognito, hidden, private, PBM

qr-code-24

Default icon size

Alias: scan

quality-24

Default icon size
Alias: check

reader-view-24

Default icon size

Alias: page, view, text-only, reading

reader-view-customize-24

Default icon size

Alias: page, view, text-only, reading, edit, settings

reader-view-fill-24

Default icon size

Alias: page, view, text-only, reading

reading-list-24

Default icon size

Alias: page, view, reading

reading-list-add-24

Default icon size

Alias: page, view, reading

reading-list-slash-fill-24

Default icon size

Alias: page, view, reading, remove

save-24

Default icon size

save-file-24

Default icon size

Alias: document, file

search-24

Default icon size

Alias: magnifying glass, find, look, explore

settings-24

Default icon size

Alias: gear, cog, settings, preferences

share-android-24

Default icon size

Alias: 3 circles

share-ios-24

Default icon size

Alias: arrow, up, tray

shield-24

Default icon size

Alias: ETP, enhanced tracking protection, trackers, protection panel

shield-slash-24

Default icon size

Alias: ETP, enhanced tracking protection, trackers, protection panel

shipping-24

Default icon size
Alias: truck

shopping-24

Default icon size
Alias: checker, review

sort-24

Default icon size

Alias: List, order, filter

sparkle-24

Default icon size

Alias: star, sparkles, highlights, recent activity, new

storage-24

Default icon size

Alias: permissions, hard drive

subtract-24

Default icon size

Alias: minus

sun-24

Default icon size

sun-fill-24

Default icon size

sync-24

Default icon size

Alias: arrow, rotate

sync-tabs-24

Default icon size

Alias: synchronize, devices, desktop, computer, phone, tablet

tab-24

Default icon size

Alias: tabs, tray

tab-number-24

Default icon size

Alias: tabs, tray

tab-tray-24

Default icon size

Alias: tabs

themes-24

Default icon size

Alias: paintbrush

thumbs-down-24

Default icon size

Alias: rate, rating, dislike

thumbs-down-fill-24

Default icon size

Alias: rate, rating, dislike

thumbs-up-24

Default icon size

Alias: rate, rating, like

thumbs-up-fill-24

Default icon size

Alias: rate, rating, like

tool-24

Default icon size

Alias: wrench

translate-24

Default icon size

Alias: translation, convert, language, interpretation

translate-active-24

Default icon size

Alias: translation, convert, language, interpretation

update-circle-24

Default icon size

Alias: arrow, up

wallpaper-24

Default icon size

Alias: theme, background

warning-24

Default icon size

Alias: alert, notification, notice, exclamation point, triangle

warning-fill-24

Default icon size

Alias: alert, notification, notice, exclamation point, triangle

whats-new-24

Default icon size

Alias: updates, present, gift

No results found for your search.