nk8 / simple-icons

SVG icons for popular brands

Simple Icons

Want to contribute?

1. Find an official source vector image.
2. Use your SVG editor of choice to produce a monochrome icon (with a view to keeping the file size as small as possible).
   • See CSS Tricks’s great article on manual SVG optimisation.
   • Please centre icons in a 16×16 pixel viewbox, for consistency.
3. Optimise the SVG using SVGO and add it to the /icons directory.
4. Add an entry to /src/simple-icons.json with:
   • The icon title
   • The HEX colour value
   • The URL of the source vector image (or the page it’s available at)