袖珍社交图标：Super Tiny Icons

` 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. #FF0000 becomes red.
• 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!

New! Icons also available in Android Vector Drawables so you can easily use them in Android apps. Converted using inloop.github.io/svg2android… – not guaranteed to be under 1KB.

Icon accessibility

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.

Submitting Icons

I’d love you to submit something ?