Super Tiny Social Icons

Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourite logos. The average size is under 550 bytes!

The logos have a 512x512 viewbox, they will fit in a circle with radius 256. They will scale up and down to suit your needs.

You can play around with the corner radius size using our interactive tool

Originally created for my contact page - https://edent.tel/

How Small?

747 Bytes SVG	3,549 Bytes PNG	428 Bytes SVG	3,388 Bytes PNG	252 Bytes SVG	2,581 Bytes PNG

What's Available so far?

230 Bytes	252 Bytes	270 Bytes	451 Bytes	438 Bytes	630 Bytes
326 Bytes	354 Bytes	372 Bytes	370 Bytes	316 Bytes	544 Bytes
492 Bytes	529 Bytes	532 Bytes	583 Bytes	747 Bytes	608 Bytes
375 Bytes	635 Bytes	964 Bytes	436 Bytes	619 Bytes	674 Bytes
859 Bytes	802 Bytes	374 Bytes	765 Bytes	423 Bytes	383 Bytes
597 Bytes	305 Bytes	573 Bytes	379 Bytes	664 Bytes	286 Bytes
493 Bytes	288 Bytes	632 Bytes	405 Bytes	399 Bytes	634 Bytes
479 Bytes	325 Bytes	269 Bytes	393 Bytes	634 Bytes	658 Bytes
503 Bytes	375 Bytes	526 Bytes	966 Bytes	313 Bytes	1010 Bytes
830 Bytes	799 Bytes	308 Bytes	575 Bytes	529 Bytes	255 Bytes
937 Bytes	946 Bytes	557 Bytes	402 Bytes	507 Bytes	569 Bytes
638 Bytes	267 Bytes	691 Bytes	379 Bytes	572 Bytes	648 Bytes
270 Bytes	398 Bytes	273 Bytes	256 Bytes	251 Bytes	276 Bytes
983 Bytes	286 Bytes	943 Bytes	879 Bytes	509 Bytes	745 Bytes
395 Bytes

Why so smallious?

Bytes cost money. They cost money to store, transport, and process. Simplicity should be our goal in all endeavours.

Scream if you want to go smaller

These files were edited by hand in Inkscape, then were minified using svgo and svgcleaner. Further smallification may be possible. Try it!

• Each of these has an xmlns="http://www.w3.org/2000/svg" in the <svg> 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 https://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 😸 The rules are simple, your icon must:

• be under 1024 bytes. That is, the maximum file size is 1023 bytes. No arguments.
• fit inside a circle with radius 256 pixels. Set rx="50%" to check.
• have solid colours. No gradients or fades.
• represent a popular service's current logo.

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.

Licenses

The majority of these vector logos are based on someone else's work.

• Social Media Icons by Aha-Soft - CC-BY
• Phone Icon - Free
• Lock Icon - MIT
• Wire Logo - Public Domain
• Signal Logo - GPLv3
• RSS Icon - MPL 1.1
• PDF Icon - Free
• Google+ - Public Domain
• Google
• Mastodon - AGPLv3
• GitLab
• HTML5 Shield - CC-BY
• NPM Logo - CC-BY
• Docker Logo - Apache
• Steam
• Symantec
• Yubico - BSD
• Keybase - BSD
• ebay
• Kickstarter
• Yahoo!
• BitCoin - CC0
• Bluetooth
• Blogger
• Medium
• Ghost
• tumblr
• intel
• Badoo
• YouTube
• Google Play
• Gmail
• Samsung Internet

From SVGporn - CC0

IBM, Yammer, Android, Authy, ClourFlare, CodePen, DigitalOcean, Discord, AirBnB, WiFi, delicious, opensource, Patreon

Where possible, they retain their original licenses. Some logos may be subject to copyright and trademark laws, but these files are small enough to memorise.