2.0 KiB
2.0 KiB
Thanks for submitting or fixing an icon! Here is a helpful guide to what you need to include.
- New file which is under 1,024 bytes
- Edit Readme
- Add reference image
- Edit reference page
- (optional) Android Image
New File
Filename should be nameofservice.svg
- all in lower-case.
Place the file in /images/svg/
At a minimum, your icon needs these components:
<svg
xmlns="http://www.w3.org/2000/svg"
aria-label="..." role="img"
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%"
fill="#fff"/>...</svg>
Please keep the whitespace as-is. This makes viewing diffs easier.
Guidelines
This is the standard guideline. Use this to help with sizing your icons and they will look good no matter what border radius is chosen.
- Green is the safe zone, where the main body of the icon should be.
- Yellow is like a road shoulder, it is there if more space is needed. It should be used for protruding elements, like corners or ornaments.
- Red is off limits. It should not be touched by the icons. Red is also how a circular icon would look.
Edit Readme
Add a table cell to README.md - it must be in this format:
<td>Name of Service<br><img src="images/svg/nameofservice.svg" width="125" title="Name Of Service" /><br>123 Bytes</td>
Please add the correct file size.
Reference Image
- Find an official logo.
- Add it to
/images/reference/
Reference Page
- Edit the file
/images/reference/index.md
- Add a link to the official style guide or brand guidelines.
- For example
| <img src="/images/svg/nameofservice.svg" width="256" /> | <img src="/images/reference/nameofservice.jpg" width="256" /> | https://example.com/press |
(Optional) Create Android Version
- Use https://inloop.github.io/svg2android/ to create an Android-compatible XML file.
- Add the file to
/images/android-vector-drawable/