Super Tiny Icons
Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourite logos. There are currently 369 icons and the average size is under 520 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?
527 Bytes SVG |
3,328 Bytes PNG |
352 Bytes SVG |
2,987 Bytes PNG |
235 Bytes SVG |
1,615 Bytes PNG |
|
|
|
|
|
|
What's Available so far?
1Password
360 bytes |
Acast
406 bytes |
Access
349 bytes |
ActivityPub
337 bytes |
Adobe
220 bytes |
Airbnb
356 bytes |
Amazon
642 bytes |
Amazon Alexa
252 bytes |
Amazon Simple Storage Service
527 bytes |
Amber Framework
415 bytes |
andOTP
253 bytes |
Android
372 bytes |
AngelList
968 bytes |
Angular
317 bytes |
Ansible
311 bytes |
Apereo Foundation
458 bytes |
Apple
354 bytes |
Apple Music
490 bytes |
Apple Podcasts
947 bytes |
Arch Linux
310 bytes |
Atom
347 bytes |
Auth0
392 bytes |
Authy
332 bytes |
Azure
847 bytes |
Backbone
337 bytes |
Badoo
298 bytes |
Baidu
784 bytes |
Bandcamp
188 bytes |
Bash
756 bytes |
Behance
671 bytes |
Bing
939 bytes |
Bitbucket
666 bytes |
Bitcoin
514 bytes |
Bitwarden
286 bytes |
Blender
369 bytes |
Blogger
339 bytes |
Bluesky
399 bytes |
Bluetooth
366 bytes |
Brave
997 bytes |
Briar
495 bytes |
Buffer
474 bytes |
Bugcrowd
784 bytes |
Bun
1017 bytes |
Calendar
744 bytes |
CentOS
728 bytes |
Chrome
401 bytes |
Chromium
403 bytes |
Citrix
745 bytes |
Citrix
349 bytes |
Clojure
561 bytes |
Cloudflare
485 bytes |
Codeberg
463 bytes |
CodePen
303 bytes |
Coderwall
244 bytes |
CoffeeScript
519 bytes |
Coil
501 bytes |
coinpot
724 bytes |
Google Colab
374 bytes |
C++
679 bytes |
Crystal
214 bytes |
CSS3
384 bytes |
Dart
548 bytes |
DataCamp
476 bytes |
Debian
922 bytes |
Deezer
718 bytes |
Delicious
259 bytes |
dev.to
538 bytes |
DeviantArt
263 bytes |
Digidentity
368 bytes |
DigitalOcean
244 bytes |
Discord
350 bytes |
Disqus
259 bytes |
Django Project
428 bytes |
Docker
416 bytes |
Dribble
365 bytes |
Drone
291 bytes |
Dropbox
247 bytes |
Drupal
884 bytes |
DuckDuckGo
901 bytes |
Electronic Arts
281 bytes |
eBay
804 bytes |
Ecosia
776 bytes |
Edge
1017 bytes |
elastic
714 bytes |
Element
420 bytes |
Elementary OS
451 bytes |
Email
327 bytes |
Endeavour OS
624 bytes |
ePub
308 bytes |
Espressif
578 bytes |
Ethereum
382 bytes |
Etsy
462 bytes |
Evernote
613 bytes |
ExpressionEngine
628 bytes |
F-Droid
1015 bytes |
Facebook
258 bytes |
Fediverse
1003 bytes |
Filestash
267 bytes |
Finder
669 bytes |
Firefox
1007 bytes |
Flattr
332 bytes |
Flickr
235 bytes |
Floatplane
826 bytes |
Flutter
491 bytes |
foobar2000
455 bytes |
FreeBSD
741 bytes |
freeCodeCamp
711 bytes |
Friendica
829 bytes |
Fritz!
616 bytes |
Gandi
750 bytes |
GateHub
447 bytes |
Ghost
244 bytes |
Git
367 bytes |
Gitea
750 bytes |
GitHub
527 bytes |
GitLab
425 bytes |
Gitpod
543 bytes |
Glitch
1017 bytes |
Gmail
446 bytes |
Gmail
569 bytes |
Go
567 bytes |
Godot
683 bytes |
GOG.com
703 bytes |
Gojek
258 bytes |
Goodreads
371 bytes |
Google
449 bytes |
Google Assistant
366 bytes |
Google Calendar
580 bytes |
Google Collaborative content tools
487 bytes |
Google Docs Editors
472 bytes |
Google Drive
561 bytes |
Google Drive
298 bytes |
Google Maps
554 bytes |
Google Maps
686 bytes |
Google Meet
514 bytes |
Google Play
420 bytes |
Google+
382 bytes |
Google Podcasts
444 bytes |
Google Scholar
518 bytes |
Gradle
675 bytes |
Grafana
674 bytes |
Guacamole
670 bytes |
Guilded
353 bytes |
h-card
400 bytes |
h-entry
388 bytes |
Hacker News
213 bytes |
HackerOne
431 bytes |
HAML
922 bytes |
Heroku
435 bytes |
Homekit
737 bytes |
HP
481 bytes |
HTML5
399 bytes |
Hulu
466 bytes |
Humble Bundle
963 bytes |
i18next
713 bytes |
IBM
488 bytes |
iHeartRadio
878 bytes |
IMDb
511 bytes |
Imgur
263 bytes |
Instagram
752 bytes |
Intel
553 bytes |
Intercom
417 bytes |
Internet Archive
831 bytes |
itch.io
855 bytes |
iTunes
764 bytes |
Jacobin
226 bytes |
Java
818 bytes |
JavaScript
404 bytes |
Jellyfin
655 bytes |
jQuery
1006 bytes |
JSON-LD
906 bytes |
JSON
508 bytes |
JSON Feed
666 bytes |
Julia
283 bytes |
JustGiving
367 bytes |
Kaggle
297 bytes |
KeePassDX
516 bytes |
Kemal Framework
325 bytes |
Keskonfai
685 bytes |
Keybase
632 bytes |
Kickstarter
273 bytes |
Ko-Fi
406 bytes |
Kodi
756 bytes |
Kotlin
236 bytes |
Laravel
384 bytes |
LastPass
282 bytes |
Liberapay
550 bytes |
LibreSpeed
942 bytes |
LINE
463 bytes |
Linear
390 bytes |
LinkedIn
355 bytes |
Linux
950 bytes |
Linux Mint
359 bytes |
Lobste.rs
518 bytes |
Lock
378 bytes |
Logitech
354 bytes |
Lucky Framework
471 bytes |
macOS
759 bytes |
Mail
557 bytes |
Mailchimp
983 bytes |
Malt
413 bytes |
Manjaro
222 bytes |
Markdown
434 bytes |
Mastodon
582 bytes |
matrix
656 bytes |
Mattermost
291 bytes |
Medium
225 bytes |
Meetup
509 bytes |
Messenger
679 bytes |
microformats
783 bytes |
Microsoft
321 bytes |
Minecraft
1003 bytes |
MongoDB
353 bytes |
MySQL
1007 bytes |
NetBeans
522 bytes |
Netflix
435 bytes |
NextCloud
250 bytes |
NGINX
450 bytes |
NHS
476 bytes |
NixOS
528 bytes |
Node.js
653 bytes |
npm
277 bytes |
OK.ru
351 bytes |
Olympic Rings
663 bytes |
OpenBenches
613 bytes |
Open Bug Bounty
488 bytes |
Opencast
294 bytes |
Open Collective
304 bytes |
OpenCores
267 bytes |
Open Source
278 bytes |
OpenStreetMap
952 bytes |
OpenVPN
278 bytes |
Opera
294 bytes |
Orcid
311 bytes |
Origin
638 bytes |
Outlook
880 bytes |
Overcast
774 bytes |
Overleaf
437 bytes |
Patreon
205 bytes |
PayPal
502 bytes |
PDF
659 bytes |
PeerTube
278 bytes |
Phone
576 bytes |
PHP
580 bytes |
Pinboard
243 bytes |
Pinterest
511 bytes |
Pixelfed
974 bytes |
Plex
206 bytes |
Pocket
293 bytes |
Pocket Casts
263 bytes |
Pop!_OS
430 bytes |
Pornhub
823 bytes |
PowerShell
992 bytes |
Preact
333 bytes |
Printer
272 bytes |
Proton Mail
629 bytes |
Python
544 bytes |
QQ
935 bytes |
quora
266 bytes |
Raspberry Pi
958 bytes |
React
345 bytes |
Reddit
592 bytes |
RedHat
534 bytes |
Research Gate
898 bytes |
Roundcube
519 bytes |
RSS
276 bytes |
Ruby
941 bytes |
Ruby Gems
274 bytes |
Ruby On Rails
460 bytes |
Rust
992 bytes |
Safari
693 bytes |
Samsung
857 bytes |
Samsung Internet
312 bytes |
Samsung
602 bytes |
Samsung
878 bytes |
Sass
513 bytes |
Semaphore CI
457 bytes |
Sentry
364 bytes |
Signal
424 bytes |
Sketch
353 bytes |
Skype
472 bytes |
Slack
384 bytes |
SlideShare
646 bytes |
Snapchat
634 bytes |
SOGo
836 bytes |
Solidity
548 bytes |
SoundCloud
944 bytes |
Spotify
418 bytes |
Square Cash
776 bytes |
Stack Exchange
392 bytes |
Stack Overflow
288 bytes |
Steam
440 bytes |
Stitcher
372 bytes |
Strava
271 bytes |
StumbleUpon
344 bytes |
Sublime Merge
551 bytes |
Sublime Text
589 bytes |
SubscribeStar
584 bytes |
Svelte
471 bytes |
SVG
749 bytes |
Swift
668 bytes |
Symantec
599 bytes |
Symfony
609 bytes |
taiga.io
736 bytes |
Teamspeak
921 bytes |
Telegram
479 bytes |
Terraform
288 bytes |
This American Life
287 bytes |
Threads
365 bytes |
Threema
381 bytes |
TikTok
392 bytes |
Todoist
755 bytes |
Tox
480 bytes |
Trello
261 bytes |
TripAdvisor
697 bytes |
Tumblr
251 bytes |
TuneIn
593 bytes |
Tutanota
561 bytes |
Twilio
311 bytes |
Twitch
271 bytes |
Twitter
352 bytes |
TypeScript
603 bytes |
Uber
596 bytes |
Ubiquiti
543 bytes |
Ubisoft
514 bytes |
Ubuntu
440 bytes |
Udemy
291 bytes |
Unicode
360 bytes |
Untappd
395 bytes |
Uphold
804 bytes |
Uplay
527 bytes |
Upwork
489 bytes |
Vagrant
538 bytes |
Vegetarian
249 bytes |
Venmo
272 bytes |
Viber
698 bytes |
Vim
764 bytes |
Vimeo
336 bytes |
Visual Studio Code
908 bytes |
Vivino
279 bytes |
VK
519 bytes |
VLC
655 bytes |
Vue
257 bytes |
W3C
523 bytes |
WebAssembly
483 bytes |
WebMention
261 bytes |
WebToons
983 bytes |
WeChat
625 bytes |
Wekan
966 bytes |
WhatsApp
436 bytes |
WHATWG
313 bytes |
WiFi
568 bytes |
Wikipedia
568 bytes |
Windows
226 bytes |
Wire
256 bytes |
WireGuard
955 bytes |
WordPress
488 bytes |
Workato
362 bytes |
X
289 bytes |
XING
347 bytes |
XMPP
726 bytes |
Yahoo!
280 bytes |
Yammer
464 bytes |
Yarn
500 bytes |
Yelp
448 bytes |
YouTube
336 bytes |
Yubico
250 bytes |
Zoom
515 bytes |
Zorinos
254 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 Yann Armelin's SVG Path Editor, 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.
- 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!
Android Vector Drawables
Icons also available as Android Vector Drawables, so you can easily use them in Android apps.
They are not guaranteed to be under 1KB.
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"><path
d="m0 0H512V512H0"
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 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.
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} />;
CSS can be used to customize an icon's appearance. The following example shows styles for small/medium/large icons with square/rounded/circular frames:
<style>
.small-square {
width: 20px;
}
.medium-rounded {
width: 50px;
border-radius: 10%;
}
.large-circular {
width: 100px;
border-radius: 50%;
}
</style>
<img src="images/svg/reddit.svg" class="small-square" />
<img src="images/svg/reddit.svg" class="medium-rounded" />
<img src="images/svg/reddit.svg" class="large-circular" />
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.
From SVGporn - CC0
IBM, Yammer, Android, Authy, Cloudflare, CodePen, DigitalOcean, Discord, Airbnb, WiFi, Delicious, Open Source, Patreon, Tim Cuthbertson
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.