jepler/contributor_covenant
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
contributor_covenant/static/images
History
Alva 04ba9ee51c Add favicon, mask-icon, and apple-touch-icons 
Tweaked the logo a tiny bit, to have a square canvas.
See README.md for information on how to create assets from the SVG.
2017-09-02 09:41:03 -05:00
..
apple-touch-icon-57.png Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
apple-touch-icon-60.png Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
apple-touch-icon-72.png Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
apple-touch-icon-76.png Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
apple-touch-icon-114.png Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
apple-touch-icon-120.png Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
apple-touch-icon-144.png Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
apple-touch-icon-152.png Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
apple-touch-icon-180.png Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
favicon.ico Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
logo-inverted.svg Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
logo.svg Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
mask-icon.svg Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00
README.md Add favicon, mask-icon, and apple-touch-icons 2017-09-02 09:41:03 -05:00

README.md

Logo Info

The file logo.svg contains the white-on-transparent SVG logo. Additionally, logo-inverted.svg contains a purple-on-transparent SVG logo. Finally, mask-icon.svg contains a 16×16 monochrome icon, for Safari.

Creating the Favicon

To convert one of the SVGs to a multiple-size favicon, use the following ImageMagick incantation:

convert -background none -density 256x256 logo-inverted.svg -define icon:auto-resize favicon.ico

Creating the Apple Touch Icons

At the time of writing, here are the sizes.

convert -background '#5e0d73' -density 256x256 -gravity center -scale 135x135 -extent 180x180 logo.svg apple-touch-icon-180.png

Do this for every desired size with appropriate padding (scale / extent ≈ 0.75 seems good .) For good measure, run the PNG files through something like ImageOptim.