` tag. This isn’t strictly necessary – but some web browsers won’t display them as an image without it.
- Rounded corners can be dropped –
rx="80"– the effect can be done in CSS if you want.
- The background colour can also be excluded if you’re including it elsewhere.
- Colours can be simplified.
- The precision of the paths is mostly 0 decimal places. A few logos have 1 or 2 dp to make them look more accurate. The precision can be reduced if necessary.
Think you can make them smaller? Tell me by raising an issue!
Want more icons? Tell me by raising an issue!
Think the icons look wrong? Compare them against the official logos. If they still look wrong, tell me by raising an issue!
The super tiny icons are accessible by default. Each icon has:
role="img", to expose the
<svg>elements as images in the browser’s accessibility tree
aria-label="XYZ"(where XYZ is the icon’s brand name), to give the icon an accessible name
Note: if using the
<svg> as the
src for an
<img> element, the
alt attribute should still be used on the
<img> element because the ARIA is not recognised in this context.
I’d love you to submit something 😸