# Super Tiny Social Icons Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourite logos. The average size is *under* 465 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. Say thanks! [![Buy me a coffee](https://www.ko-fi.com/img/donate_sm.png)](https://ko-fi.com/edent) ## How Small? | 542 Bytes SVG | 2,956 Bytes PNG | 433 Bytes SVG | 3,373 Bytes PNG | 250 Bytes SVG | 3,145 Bytes PNG | |------ |----------- |------ |---------- |------ |----------- | |

| ## What's Available so far?

229 Bytes	250 Bytes	283 Bytes	422 Bytes	433 Bytes	589 Bytes
289 Bytes	419 Bytes	370 Bytes	329 Bytes	345 Bytes	513 Bytes
487 Bytes	607 Bytes	526 Bytes	548 Bytes	542 Bytes	595 Bytes
376 Bytes	672 Bytes	959 Bytes	436 Bytes	649 Bytes	673 Bytes
455 Bytes	484 Bytes	397 Bytes	639 Bytes	359 Bytes	674 Bytes
534 Bytes	309 Bytes	572 Bytes	342 Bytes	550 Bytes	286 Bytes
494 Bytes	426 Bytes	591 Bytes	393 Bytes	399 Bytes	524 Bytes
478 Bytes	320 Bytes	270 Bytes	389 Bytes	492 Bytes	684 Bytes
286 Bytes	329 Bytes	465 Bytes	754 Bytes	309 Bytes	647 Bytes
819 Bytes	704 Bytes	288 Bytes	379 Bytes	529 Bytes	253 Bytes
569 Bytes	479 Bytes	551 Bytes	365 Bytes	354 Bytes	500 Bytes
375 Bytes	263 Bytes	505 Bytes	379 Bytes	581 Bytes	683 Bytes
270 Bytes	281 Bytes	259 Bytes	262 Bytes	250 Bytes	276 Bytes
948 Bytes	297 Bytes	384 Bytes	583 Bytes	438 Bytes	641 Bytes
377 Bytes	221 Bytes	804 Bytes	362 Bytes	258 Bytes	846 Bytes
799 Bytes	308 Bytes	652 Bytes	517 Bytes	599 Bytes	744 Bytes
489 Bytes	998 Bytes	670 Bytes	956 Bytes	489 Bytes	491 Bytes
670 Bytes	1003 Bytes	399 Bytes	463 Bytes	313 Bytes	476 Bytes
994 Bytes	311 Bytes	800 Bytes	290 Bytes	500 Bytes	411 Bytes
514 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](https://github.com/svg/svgo) and [svgcleaner](https://github.com/RazrFalcon/svgcleaner). Further smallification may be possible. Try it! * Each of these has an `xmlns="http://www.w3.org/2000/svg"` in the ```` element, the `alt` attribute should still be used on the `````` element because the ARIA is not recognised in this context. CSS-Tricks has also an [article about accessible SVG icons](https://css-tricks.com/accessible-svgs/). ### 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. A template for logos

* **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. To see how the logos look, you can [play around with the corner radius size using our interactive tool](https://edent.github.io/SuperTinyIcons/radius.html) ## Installation ```sh npm install --save super-tiny-icons ``` ## Usage The old-school way: ```html

``` The modern way, the React (JSX) example: ```jsx import logo from 'super-tiny-icons/images/svg/github.svg';

``` The demo repository bootstrapped with `create-react-app`: [create-react-app-super-tiny-icons](https://github.com/limonte/create-react-app-super-tiny-icons) ## Licenses The majority of these vector logos are based on someone else's work. * [Social Media Icons by Aha-Soft](https://www.iconfinder.com/iconsets/social-flat-rounded-rects) - CC-BY * [Phone Icon](https://www.iconfinder.com/icons/1807538/phone_icon#size=128) - Free * [Lock Icon](https://www.iconfinder.com/icons/1814107/lock_padlock_secure_icon#size=512) - MIT * [Wire Logo](https://commons.wikimedia.org/wiki/File:Wire_software_logo.svg) - Public Domain * [Signal Logo](https://github.com/WhisperSystems/Signal-iOS/blob/master/Signal/Images.xcassets/logoSignal.imageset/logoSignal.pdf) - GPLv3 * [RSS Icon](https://commons.wikimedia.org/wiki/File:Generic_Feed-icon.svg) - MPL 1.1 * [PDF Icon](https://www.iconfinder.com/iconsets/line-icons-set) - Free * [Google+](https://commons.wikimedia.org/wiki/File:Google_Plus_logo_2015.svg) - Public Domain * [Google](http://svgshare.com/s/q) * [Mastodon](https://github.com/tootsuite/mastodon/blob/0ad694f96b7f0e951950e7525bde52cd11454cb2/app/assets/images/logo.svg) - AGPLv3 * [GitLab](https://about.gitlab.com/press/) * [HTML5 Shield](https://www.w3.org/html/logo/) - CC-BY * [npm Logo](https://commons.wikimedia.org/wiki/File:Npm-logo.svg) - CC-BY * [Docker Logo](https://github.com/docker/docker.github.io/blob/master/LICENSE) - Apache * [Steam](https://commons.wikimedia.org/wiki/File:Steam_icon_logo.svg) * [Symantec](https://commons.wikimedia.org/wiki/File:Symantec_logo10.svg) * [Yubico](https://github.com/Yubico/yubikey-manager-qt/blob/master/resources/icons/ykman.png) - BSD * [Keybase](https://github.com/keybase/client/blob/master/shared/images/iconfont/kb-iconfont-keybase-16.svg) - BSD * [eBay](https://commons.wikimedia.org/wiki/File:EBay_logo.svg) * [Kickstarter](https://www.kickstarter.com/help/brand_assets) * [Yahoo!](https://commons.wikimedia.org/wiki/File:Yahoo!_logo.svg) * [Bitcoin](https://commons.wikimedia.org/wiki/File:Bitcoin_logo.svg) - CC0 * [Bluetooth](https://commons.wikimedia.org/wiki/File:Bluetooth.svg) * [Blogger](https://commons.wikimedia.org/wiki/File:Blogger_icon.svg) * [Medium](https://medium.design/logos-and-brand-guidelines-f1a01a733592) * [Ghost](https://commons.wikimedia.org/wiki/File:Ghost-Logo.svg) * [Tumblr](https://www.tumblr.com/logo) * [Intel](https://commons.wikimedia.org/wiki/File:Intel-logo.svg) * [Badoo](https://team.badoo.com/new/) * [YouTube](https://www.youtube.com/yt/about/brand-resources/#logos-icons-colors) * [Google Play](https://commons.wikimedia.org/wiki/File:Google_Play_symbol_2016.svg) * [Gmail](https://commons.wikimedia.org/wiki/File:Gmail_Icon.svg) * [Samsung Internet](https://github.com/edent/SuperTinyIcons/pull/74/commits/8824bdaf1346a472ab425347f958e8e64c0948ee) * [Plex](https://github.com/plexinc/plex-media-player/blob/master/resources/images/icon.svg) - GPLv2 From [SVGporn](https://github.com/gilbarbara/logos/) - CC0 IBM, Yammer, Android, Authy, Cloudflare, CodePen, DigitalOcean, Discord, Airbnb, WiFi, Delicious, Open Source, 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.