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/
839 Bytes SVG | 18,580 Bytes PNG | 436 Bytes SVG | 16,019 Bytes PNG | 251 Bytes SVG | 13,485 Bytes PNG |
---|---|---|---|---|---|
Bytes cost money. They cost money to store, transport, and process. Simplicity should be our goal in all endeavours.
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
becomesred
- 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!
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
- Reddit's Snoo - MIT
- HTML5 Shield - CC-BY
Where possible, they retain their original licenses. Some logos may be subject to copyright laws, but these files are small enough to memorise.