README
Super Tiny 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!
How Small?
542 Bytes SVG | 7,225 Bytes PNG | 433 Bytes SVG | 5,568 Bytes PNG | 251 Bytes SVG | 5,031 Bytes PNG |
---|---|---|---|---|---|
What's Available so far?
Social Media
flickr 251 Bytes |
Facebook 311 Bytes |
Tumblr 422 Bytes |
Twitter 433 Bytes |
LinkedIn 370 Bytes |
Instagram 768 Bytes |
reddit 607 Bytes |
Pinterest 526 Bytes |
VK 534 Bytes |
Mastodon 550 Bytes |
imgur 279 Bytes |
Slack 533 Bytes |
dev.to 624 Bytes |
Goodreads 684 Bytes |
TikTok 447 Bytes |
Friendica 877 Bytes |
Media
SoundCloud 959 Bytes |
Vimeo 376 Bytes |
Spotify 436 Bytes |
YouTube 359 Bytes |
Apple Music 515 Bytes |
Bandcamp 201 Bytes |
Deezer 733 Bytes |
iHeartRadio 911 Bytes |
Kodi 771 Bytes |
Google 484 Bytes |
Google Play 505 Bytes |
Gmail 483 Bytes |
Google calendar 633 Bytes |
Google collaborative content tools 503 Bytes |
Google docs editors 488 Bytes |
Google drive 530 Bytes |
Google meet 559 Bytes |
Google Maps 778 Bytes |
Google Scholar 533 Bytes |
Google Drive 314 Bytes |
Google (Old)
Google Maps (old) 713 Bytes |
Gmail (Old) 584 Bytes |
Google Drive (Old) 313 Bytes |
Google+ 397 Bytes |
Communications
WhatsApp 484 Bytes |
Telegram 419 Bytes |
Skype 487 Bytes |
Snapchat 649 Bytes |
WeChat 639 Bytes |
Signal 440 Bytes |
Phone 591 Bytes |
LINE 478 Bytes |
Viber 713 Bytes |
Mailchimp 1010 Bytes |
Threema 768 Bytes |
Mattermost 617 Bytes |
Protonmail 437 Bytes |
XMPP/Jabber 798 Bytes |
Tutanota 627 Bytes |
Messenger 833 Bytes |
Discord 505 Bytes |
Zoom 530 Bytes |
Wire 276 Bytes |
Teamspeak 937 Bytes |
Element 486 Bytes |
Websites
Hacker News 229 Bytes |
StackOverflow 309 Bytes |
StackExchange 406 Bytes |
WordPress 513 Bytes |
GitHub 542 Bytes |
Wikipedia 595 Bytes |
GitLab 426 Bytes |
Meetup 524 Bytes |
eBay 819 Bytes |
Kickstarter 288 Bytes |
Yahoo! 296 Bytes |
Evernote 704 Bytes |
Yammer 479 Bytes |
Blogger 355 Bytes |
Cloudflare 500 Bytes |
Amazon 673 Bytes |
Strava 286 Bytes |
Dribbble 641 Bytes |
CodePen 375 Bytes |
DigitalOcean 263 Bytes |
Medium 379 Bytes |
AirBnB 427 Bytes |
Delicious 354 Bytes |
Disqus 281 Bytes |
Ghost 259 Bytes |
Sketch 408 Bytes |
Trello 276 Bytes |
QQ 950 Bytes |
Badoo 297 Bytes |
Yelp 463 Bytes |
Workato 445 Bytes |
Untappd 410 Bytes |
Vivino 296 Bytes |
Apereo 473 Bytes |
Twilio 438 Bytes |
Plex 221 Bytes |
XING 362 Bytes |
Pinboard 258 Bytes |
Internet Archive 846 Bytes |
Access 399 Bytes |
Baidu 799 Bytes |
Twitch 308 Bytes |
OK.ru 652 Bytes |
Pocket 517 Bytes |
StumbleUpon 598 Bytes |
Opencast 312 Bytes |
Buffer 489 Bytes |
Upwork 670 Bytes |
Duck Duck Go 925 Bytes |
Bing 241 Bytes |
IMDb 526 Bytes |
Heroku 450 Bytes |
Research Gate 913 Bytes |
OpenCores 309 Bytes |
OpenBenches 796 Bytes |
TripAdvisor 712 Bytes |
Sentry 506 Bytes |
Behance 873 Bytes |
Taiga.io 759 Bytes |
Coil.com 515 Bytes |
Glitch 1012 Bytes |
AngelList 995 Bytes |
Jellyfin 988 Bytes |
Gandi 788 Bytes |
Kaggle 524 Bytes |
Humble Bundle 978 Bytes |
freeCodeCamp 1016 Bytes |
Codeberg 837 Bytes |
Internet
RSS 308 Bytes |
Mail 572 Bytes |
Email 342 Bytes |
HTML5 399 Bytes |
WiFi 602 Bytes |
W3C 539 Bytes |
Unicode 613 Bytes |
Markdown 458 Bytes |
HAML 937 Bytes |
microformats 798 Bytes |
Browsers
Chrome 378 Bytes |
Firefox 1023 Bytes |
Samsung Internet 347 Bytes |
Edge 964 Bytes |
Opera 721 Bytes |
Safari 709 Bytes |
Chromium 379 Bytes |
Podcasts
iTunes 780 Bytes |
Google 478 Bytes |
Pocket Casts 292 Bytes |
Stitcher 387 Bytes |
TuneIn 608 Bytes |
acast 461 Bytes |
Overcast 789 Bytes |
Logos
Apple 417 Bytes |
npm 301 Bytes |
Docker 431 Bytes |
IBM 503 Bytes |
Open Source 262 Bytes |
Intel 757 Bytes |
VLC 670 Bytes |
Vegetarian 310 Bytes |
Espressif 670 Bytes |
NHS 491 Bytes |
Orcid 421 Bytes |
HP 496 Bytes |
RedHat 561 Bytes |
CentOS 761 Bytes |
Git 480 Bytes |
Microsoft 407 Bytes |
Grafana 973 Bytes |
Ubiquiti 558 Bytes |
Adobe 261 Bytes |
Homekit 822 Bytes |
Pixelfed 990 Bytes |
Samsung 1023 Bytes |
Samsung (alt.) 894 Bytes |
Samsung (alt. 2) 935 Bytes |
Uphold 819 Bytes |
CoinPot 740 Bytes |
Security
Tox 494 Bytes |
Lock / PGP 393 Bytes |
LastPass 297 Bytes |
Symantec 614 Bytes |
Yubico 309 Bytes |
Keybase 647 Bytes |
Authy 347 Bytes |
HackerOne 446 Bytes |
Bitwarden 297 Bytes |
Auth0 490 Bytes |
andOTP 608 Bytes |
OpenBugBounty 507 Bytes |
OpenVPN 555 Bytes |
KeePassDX 772 Bytes |
WireGuard VPN 970 Bytes |
Payments
PayPal 548 Bytes |
Bitcoin 529 Bytes |
Ethereum 463 Bytes |
Liberapay 565 Bytes |
Ko-Fi 423 Bytes |
Flattr 347 Bytes |
Patreon 250 Bytes |
Venmo 343 Bytes |
Square Cash 791 Bytes |
OpenCollective 474 Bytes |
GateHub 462 Bytes |
Programming
Python 559 Bytes |
Julia 298 Bytes |
PHP 595 Bytes |
Laravel 583 Bytes |
Drupal 899 Bytes |
React 360 Bytes |
Angular 388 Bytes |
Sass 531 Bytes |
JSON 524 Bytes |
Yarn 514 Bytes |
Go 582 Bytes |
Java 835 Bytes |
Rust 1007 Bytes |
Clojure 632 Bytes |
CoffeeScript 534 Bytes |
JavaScript 531 Bytes |
Flutter 824 Bytes |
Backbone 463 Bytes |
Vue 286 Bytes |
Gradle 738 Bytes |
Amber 753 Bytes |
Gitea 1006 Bytes |
Drone.io 490 Bytes |
Ruby Gems 402 Bytes |
Lucky Framework 491 Bytes |
Wekan 981 Bytes |
Kemal Framework 340 Bytes |
Ruby On Rails 480 Bytes |
Kotlin 252 Bytes |
Crystal 245 Bytes |
Semaphore CI 640 Bytes |
Django Project 443 Bytes |
Ruby 984 Bytes |
SVG 979 Bytes |
Preact 543 Bytes |
Svelte 997 Bytes |
Operating Systems / Kernel
Android 551 Bytes |
Arch Linux 425 Bytes |
GNU/Linux 965 Bytes |
Ubuntu 492 Bytes |
Windows 270 Bytes |
Elementary OS 767 Bytes |
Debian 937 Bytes |
Linux Mint 1012 Bytes |
macOS 774 Bytes |
Gaming
Steam 455 Bytes |
GOG.com 718 Bytes |
Ubisoft 530 Bytes |
Uplay 543 Bytes |
Electronic Arts 296 Bytes |
Minecraft 1023 Bytes |
itch.io 870 Bytes |
Misc
Calendar 974 Bytes |
SlideShare 661 Bytes |
Dropbox 262 Bytes |
PDF 674 Bytes |
Digidentity 383 Bytes |
Bluetooth 253 Bytes |
ePub 323 Bytes |
NextCloud 311 Bytes |
Raspberry Pi 1010 Bytes |
Printer 567 Bytes |
Uber 864 Bytes |
Amazon S3 766 Bytes |
Ansible 430 Bytes |
Gojek 376 Bytes |
Amazon Alexa 393 Bytes |
Finder 780 Bytes |
Roundcube 838 Bytes |
Fritz! 719 Bytes |
Keskonfai.fr 701 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, Illustrator, or a text editor, 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
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.
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!
Android Vector Drawables
Icons also available as Android Vector Drawables, so you can easily use them in Android apps.
They are converted using Android Studio and are not guaranteed to be under 1KB.
To convert in Android Studio, go to Tools ➡ Resource Manager ➡ Drawable ➡ + ➡ Import Drawables ➡ then select the SVGs.
Note Android Studio doesn't like rounded corners. Before importing, run sed -i '/rx\=\"15\%\"/d' ./*.svg
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. - represent a popular service's current logo.
Template
At a minimum, your icon needs these components:
<svg
xmlns="http://www.w3.org/2000/svg"
aria-label="..." role="img"
viewBox="0 0 512 512">
<rect
width="512" height="512"
rx="15%"
fill="#fff"/>
...
</svg>
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 treearia-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.
CSS-Tricks has also an article about accessible SVG icons.
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.
Installation
npm install --save super-tiny-icons
Usage
The old-school way:
<img src="./node_modules/super-tiny-icons/images/svg/github.svg" />
The modern way, the React (JSX) example:
import logo from "super-tiny-icons/images/svg/github.svg";
<img src={logo} />;
The demo repository bootstrapped with create-react-app
: create-react-app-super-tiny-icons
Contributors
Code Contributors
This project exists thanks to all the people who contribute. [Contribute].
Financial Contributors
Become a financial contributor and help us sustain our community. [Contribute]
Individuals
Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]
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
- Mastodon - AGPLv3
- GitLab
- HTML5 Shield - CC-BY
- npm Logo - CC-BY
- Docker Logo - Apache
- Steam
- Symantec
- Yubico - BSD
- Keybase - BSD
- eBay
- Kickstarter
- Bitcoin - CC0
- Bluetooth
- Blogger
- Medium
- Ghost
- Tumblr
- Intel
- Badoo
- YouTube
- Google Play
- Gmail
- Samsung Internet
- Plex - GPLv2
- NHS
- Threema.
From SVGporn - 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.