2015-10-23 11:38:54 +02:00
|
|
|
# Simple Icons
|
|
|
|
|
|
2015-12-09 20:20:14 +02:00
|
|
|
## Want to contribute?
|
2015-10-23 11:38:54 +02:00
|
|
|
|
2015-12-09 20:20:14 +02:00
|
|
|
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).
|
2015-12-10 12:19:07 +02:00
|
|
|
- See [CSS Tricks](https://css-tricks.com/understanding-and-manually-improving-svg-optimization/)’s great article on manual SVG optimisation.
|
|
|
|
|
- Please centre icons in a 16×16 pixel viewbox, for consistency.
|
|
|
|
|
3. Optimise the SVG using [SVGO](https://github.com/svg/svgo) and add it to the `/icons` directory.
|
2015-12-09 20:20:14 +02:00
|
|
|
4. Add an entry to `/src/simple-icons.json` with:
|
|
|
|
|
- The icon title
|
|
|
|
|
- The HEX colour value
|
2015-12-10 12:19:07 +02:00
|
|
|
- The URL of the source vector image (or the page it’s available at)
|
