@mozilla-protocol/assets

Protocol Assets

This repository contains a set of reusable assets for Mozilla's websites. These assets are available as both svg and png files. Assets include logos and icons.

Protocol icons are a derivative of Feather icons, used under the MIT License

What's included

Icons

For the most part icons are black SVGs. There are a few white variations for historical reasons. These have the sufix -white in the file name.

There is also a set of colorful "brand" icons in SVG format, in four different color schemes drawn from the Firefox brand palette.

Logos

SVG logo and logo + wordmark files are included for a number of Mozilla and Firefox products. Sizing varies; you should declare the height and width you want when you use them.

Variations

• logo = the logo is part of the file
• word = the wordmark is in the file
• ver = the logo is above the wordmark
• hor = the logo is to the left of the wordmark
• stack = each word in the wordmark is on a new line
• flat = the image is a single, solid color with no shading or gradients
• white = the image is intended for use on a dark background
  • if the image does not have "white" in the file name it's meant for use on a light background
• og = this is an open graph image for the product

Favicons are not included at this time; we encourage you to generate them yourself from the files included here.

Code of Conduct

This repository is governed by Mozilla's code of conduct and etiquette guidelines. For more details, please see the Mozilla Community Participation Guidelines and Developer Etiquette Guidelines.

License

This software is licensed under the MPL version 2.0. For more information, read the file LICENSE.

Changelog

5.0.0

• logos Update Firefox Focus logo [#73]
• logos Add wordmark assets for Firefox Klar (#60)
• logos (breaking) Remove PNG assets for logos and wordmarks (#65)
• logos (breaking) Remove Firefox Send assets
• 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. Update any references to those assets.
• 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 find an alternative source.