Iconography

Overview

Firefox desktop has 3 standard icon sizes:

12×12

This size is typically used for badging.

16×16

This is the default icon size.

20×20

This size is primarily used for navigation icons in about:preferences.

Larger sizes

Any larger sizes are for edge cases only and should be used sparingly.

Library

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

add-12

add-circle-fill-12

airplane-12

audio-12

audio-muted-12

audio-muted-smaller-12

audio-smaller-12

chevron-down-12

chevron-left-12

chevron-right-12

chevron-up-12

barbell-12

bike-12

book-12

bookmark-12

bookmark-fill-12

briefcase-12

close-12

close-circle-fill-12

craft-12

diamond-12

edit-active-12

email-mask-12

email-shield-12

external-link-12

flower-12

gift-box-12

globe-12

hammer-12

heart-12

heart-rate-12

keyboard-12

leaf-12

makeup-12

media-fill-no-circle-12

musical-note-12

notification-fill-12

palette-12

pause-fill-12

paw-print-12

play-circle-fill-12

play-circle-fill-slash-12

play-fill-12

pin-fill-12

search-12

shopping-cart-12

sparkle-single-12

soccer-ball-12

sync-12

tab-notes-12

video-game-controller-12

vpn-disconnected-12

vpn-off-12

vpn-on-12

vpn-on-off-site-12

warning-fill-12

No results found for your search.

accessibility-16

avatar-signed-in-fill-16

avatar-signed-in-fill-custom-initial-16

avatar-signed-out-16

activity-16

add-16

add-circle-fill-16

add-text-16

add-user-16

all-tabs-16

app-menu-16

app-menu-space-16

apple-16

applied-policy-16

archive-16

arrow-clockwise-16

arrow-counterclockwise-16

arrow-down-line-16

arrow-trending-16

ask-16

audio-16

audio-muted-16

auto-play-16

authenticated-user-16

back-16

back-small-16

barbell-16

bike-16

block-16

block-download-16

blocked-popup-16

book-16

bookmark-16

bookmark-fill-16

bookmarks-tray-16

briefcase-16

camera-16

canvas-16

checkmark-16

checkmark-circle-fill-16

chevron-double-right-16

chevron-down-16

chevron-down-small-16

chevron-left-16

chevron-right-16

chevron-up-16

chevron-up-small-16

close-16

close-circle-fill-16

closed-caption-16

closed-tabs-16

color-picker-16

comment-16

competitiveness-16

copy-16

craft-16

critical-16

critical-fill-16

cryptominer-16

current-view-16

cursor-arrow-16

custom-model-16

dashboard-16

data-clearance-16

delete-16

device-mobile-16

diamond-16

downloaded-file-16

downloads-16

download-progress-16

edit-active-16

edit-active-16

edit-squiggle-16

edit-squiggle-16

email-mask-16

email-shield-16

error-16

error-fill-16

even-spreads-16

export-data-16

extension-16

extension-critical-16

extension-cut-16

extension-fill-16

extension-warning-16

external-link-16

find-in-page-16

fingerprinter-16

firefox-16

firefox-bridge-16

firefox-browser-bridge-16

flower-16

folder-16

folder-arrow-down-16

folder-fill-16

footprints-16

forward-16

forward-small-16

fullscreen-disabled-16

fullscreen-exit-16

fullscreen-expand-16

fx-view-16

gift-16

globe-16

globe-slash-16

globe-warning-16

hammer-16

hand-16

heart-16

heart-rate-16

help-16

help-fill-16

highlighter-16

history-16

home-16

horizontal-scrolling-16

identity-16

image-tracker-16

import-data-16

import-export-16

information-16

information-fill-16

keyboard-16

knife-and-fork-16

labs-16

layer-16

leaf-16

library-16

lightbulb-16

lightning-bolt-16

line-arrow-up-16

list-16

list-arrow-left-16

local-network-16

localhost-16

location-16

lock-16

lock-document-16

lock-slash-16

lock-slash-duotone-16

lock-warning-16

login-16

makeup-16

mic-16

microphone-16

midi-16

memories-16

memories-slash-16

moon-16

move-16

mozilla-16

musical-note-16

newsfeed-16

no-spreads-16

notifications-16

odd-spreads-16

off-16

open-tabs-16

organizational-unit-16

packaging-16

page-actions-16

page-landscape-16

page-portrait-16

page-scrolling-16

page-thumbnails-16

palette-16

paperclip-16

passkey-16

pause-fill-16

paw-print-16

payment-methods-16

pdf-16

permission-16

picture-in-picture-closed-16

picture-in-picture-open-16

pin-16

pin-fill-16

plane-16

play-circle-fill-16

play-fill-16

playback-forward-16

playback-rewind-16

plugin-16

popup-subitem-16

pocket-16

pocket-fill-16

policy-16

presentation-mode-16

price-16

print-16

private-mode-circle-fill-16

private-mode-fill-16

quality-16

reader-mode-16

remove-user-16

restore-16

routed-16

routed-slash-16

screenshare-16

screenshot-16

search-16

search-in-circle-16

search-in-circle-right-16

send-tab-to-device-left-16

send-tab-to-device-right-16

settings-16

share-macos-16

share-winos-16

shield-16

shield-checkmark-16

shield-cross-16

shield-exclamation-mark-16

shield-slash-16

shield-slash-duotone-16

shipping-16

shopping-16

shopping-cart-16

show password-16

sidebar-collapsed-16

sidebar-collapsed-right-16

sidebar-expanded-16

sidebar-expanded-right-16

sidebar-hidden-16

sidebar-left-16

sidebar-right-16

signature-16

signature-properties-16

single-user-16

site-restrictions-16

smart-window-16

smart-window-color-16

soccer-ball-16

social-tracker-16

sort-16

sparkles-16

sparkle-single-16

split-view-16

split-view-left-16

split-view-right-16

stop-fill-16

storage-16

subtract-16

subtract-circle-fill-16

sun-16

sync-16

synced-tabs-16

tab-16

tab-group-16

tab-group-label-16

tab-group-label-fill-16

tab-notes-16

taskbar-add-tab-16

taskbar-move-tab-16

taskbar-remove-tab-16

text-cursor-16

themes-16

top-sites-16

tracking-cookies-16

tracking-cookies-fill-16

translate-16

unauthenticated-user-16

update-16

update-circle-fill-16

users-16

vertical-scrolling-16

vertical-tabs-16

video-game-controller-16

vpn-disconnected-16

vpn-off-16

vpn-on-16

vpn-on-off-site-16

warning-16

warning-fill-16

webserial-16

window-16

window-firefox-16

wrapped-scrolling-16

xr-16

No results found for your search.

add-20

airplane-20

all-tabs-20

ask-20

barbell-20

bike-20

book-20

bookmark-20

briefcase-20

calendar-20

color-picker-20

competitiveness-20

content-width-20

craft-20

critical-20

critical-fill-20

custom-model-20

delete-20

diamond-20

email-mask-20

email-shield-20

experiments-20

extension-20

extension-fill-20

flower-20

gift-20

globe-20

hammer-20

heart-20

heart-rate-20

help-20

help-fill-20

history-20

home-20

information-20

information-fill-20

justify-center-20

justify-left-20

justify-right-20

languages-20

leaf-20

letter-spacing-20

line-spacing-20

location-20

lock-20

makeup-20

memories-20

memories-slash-20

musical-note-20

newsfeed-20

palette-20

passkey-20

paw-print-20

plugin-20

private-mode-circle-fill-20

search-20

send-tab-to-device-left-20

send-tab-to-device-right-20

settings-20

shield-20

shield-blocked-20

shopping-cart-20

skip-backward-20

skip-forward-20

soccer-ball-20

sparkles-20

sparkle-single-20

stocks-20

swap-horizontal-20

sync-20

themes-20

thumbs-down-20

thumbs-up-20

update-circle-20

video-game-controller-20

warning-20

warning-fill-20

word-spacing-20

weather-20

No results found for your search.

baseball-32

basketball-32

cricket-32

football-32

golf-32

hockey-32

racing-32

soccer-ball-32

No results found for your search.

book-40

briefcase-40

flower-40

heart-40

shopping-cart-40

No results found for your search.

vpn-on-10

vpn-off-10

vpn-error-10

tab-group-label-22

tab-group-label-fill-22

foxmask-v1

foxmask-v2

foxmask-v3

foxmask-v4

smart-window-color-64

No results found for your search.