github

edent / SuperTinySocialIcons

  • воскресенье, 16 апреля 2017 г. в 03:11:43
https://github.com/edent/SuperTinySocialIcons


Under 1KB each! Super Tiny Social Icons are miniscule SVG versions of your favourite logos



Super Tiny Social Icons

Under 1KB each! Super Tiny Social Icons are minuscule SVG versions of your favourite logos

The logos have a 512x512 viewbox and will scale up and down to suit your needs.

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

How Small?

839 Bytes SVG 18,580 Bytes PNG 436 Bytes SVG 16,019 Bytes PNG 251 Bytes SVG 13,485 Bytes PNG

What's Available so far?

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 minified using svgo and then hand edited. Further smallification is possible.

  • 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.
  • Newlines can be stripped - they've been kept for readability where possible.
  • Rounded corners can be dropped - rx="15%" ry="15%" - 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.

You can see the difference this makes in youtube.svg which is a ginormous 1,074 Bytes. By applying some of the above techniques we can get it down to a svelte 998 Bytes in youtube-tiny.svg.

Think you can make them smaller? Tell me by raising an issue!

Want more icons? Tell me by raising an issue!

Licenses

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

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