7.0.2

June 8, 2026 · View on GitHub

logos: Removes inline style attribute for simple fill to avoid content security issues if used inline (#115)
logos: Fixes browser logo alignment between channels and provides current versions of brand assets (#122)

Migration tips

Intrinsic sizes were inconsistent between channels before. Now all are the same 512px dimension, replacing the older 80px and 300px assets. If you were relying on SVG width and height defaults, you may need to verify your sizing or style with CSS.

7.0.2

icons: Fixes missing viewBox attribute on new icons and updates "thumbs-up" default to include horizontal padding

7.0.1

icons: Adds and updates some icons missed in 7.0.0

Migration tips

New and updated icons have intrinsic width of 16 instead of 24x24. If you were relying on SVG width and height attributes for sizing, you may need to update by CSS sizing.

Updated icons are still square but do not have padding around the icon. This is particularly noticeable with menu and arrows. If you were relying on the icon for spacing, you may need to update to re-add that spacing through CSS.

7.0.0

icons: (breaking) Adds and updates icons according to new Refresh set. These icons use 16x16 width and height attributes. Some icons include a -narrow variant that removes horizontal padding for better inline alignment.

Migration tips

New and updated icons have intrinsic width of 16x16 instead of 24x24. If you were relying on SVG width and height attributes for sizing, you may need to update by CSS sizing.

Icons formerly known as "arrow" are now known as "caret" and there are new icon designs for "arrow" name. You will need to update naming to keep the "caret" design.

6.1.1

icons: Add bluesky social icons

6.0.1

logos: Remove padding from updated logo files

Migration tips

The new Mozilla wordmark files are the same height but longer. If you are explicitly declaring a width for them, you should update it (Tip: check your CSS background images too.)
The logo files are no longer square, so check their dimensions too.

6.0.0

logos: Update Mozilla logo and icon files. Adds the logo lockup (#100)

Migration tips

The new Mozilla wordmark files are the same height but longer. If you are explicitly declaring a width for them, you should update it (Tip: check your CSS background images too.)

5.4.0

logos: Update Firefox Monitor -> Mozilla Monitor (#95)
logos: Update Relay Logo to purple (#87)
icons: Fix highlight icon crop (#96)

Migration tips

The Monitor logos remain in the Firefox folder, no action is necessary for this update
If you have been over-riding the Relay logos locally to get the purple one on light backgrounds, you can remove that code

5.3.0

icons: Add social icon for X (formerly Twitter) (#90)

5.2.0

icons: Add social icon for Mastodon
icons: Add social icons for LinkedIn, TikTok, Spotify (#84)

5.1.0

logos: Add Firefox Relay logos (#79)

5.0.0

logos: (breaking) Remove PNG assets for logos and wordmarks (#65)
logos: (breaking) Remove Firefox Send assets
logos: Update Firefox Focus logo (#73)
logos: Add wordmark assets for Firefox Klar (#60)
icons: Re-rendered and optimized social icons

Migration tips

The Firefox Send logo and wordmark assets have been removed because that product has been discontinued. Remove any references to those assets, or host your own if you need to display them for historical reasons.
All PNG logo and wordmark assets have been removed in favor of SVG. Update any references to the PNG assets. If you require a PNG logo for some reason (e.g. for older browsers that don't support SVG) you'll need to include your own copy.

4.2.0

logos: Renamed and added Pocket wordmark SVGs to fully support dark theme and monochromatic brand guidelines (#61)
logos: Re-rendered Mozilla VPN logo and wordmark SVGs
logos: Re-rendered Firefox Focus logo and wordmark SVGs

4.1.0

logos: Remove transparent whitespace to right of Pocket wordmark PNGs (#59)

Migration tips

The Pocket wordmark PNGs have changed dimensions. If you've specified a size where this wordmark appears, update to the new width.

4.0.0

logos: Add VPN assets (#49)
logos: Add Focus assets (#51)
logos: (breaking) Add full size options to Mozilla assets (#54)
logos: (breaking) Update Pocket logo sizes (#55)

Migration tips

Updated Mozilla file names
- black.svg -> logo-word-hor.svg (the dimensions has increased, check you have coded a width where used)
- white.svg -> logo-word-hor-white.svg (the dimensions has increased, check you have coded a width where used)
- black.png -> logo-word-hor-xs.png
- black@2x.png -> logo-word-hor-sm.png
- black@3x.png -> logo-word-hor-md.png
- white.png -> logo-word-hor-white-xs.png
- white@2x.png -> logo-word-hor-white-sm.png
- white@3x.png -> logo-word-hor-white-md.png
Updated Pocket file names
- logo-word-horz-white.svg -> logo-word-hor-white.svg
- logo-word-horz.svg -> logo-word-hor.svg
- pocket.svg -> logo.svg
- the dimensions have increased for all SVG files, check you have coded a width where used

3.0.2

icons: Add a set of brand icons/spot illustration in a variety of colors (#47)

3.0.1

other: Add zap SVGs (#44)
logos: Add Monitor brand open graph image (#42)
logos: Add master brand open graph image (#39)

3.0.0

logos: Move to standard sized logos for Firefox browsers and products
logos: Remove Focus logos
logos: Remove duplicate social/icons folder in favour of /icons/social
logos: Add Pocket logo+wordmarks as SVGs
logos: Update /icons/social/firefox icons to new browser design
other: Add Open Graph images for products

Migration tips

If you were using the old browser logos files you can swap them with the lg versions of the new ones, they are the same dimensions
If you need the focus logos, you will need to host them locally
If you were using the social icons in the root folder you can update to use the new folder location, there have not been any name changes.