Skip to content

edent/SuperTinyIcons

Repository files navigation

Super Tiny Icons

Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourite logos. There are currently 475 icons and the average size is under 534 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.

DOI

How Small?

527 Bytes SVG 3,328 Bytes PNG 352 Bytes SVG 2,987 Bytes PNG 235 Bytes SVG 1,615 Bytes PNG
Image Image Image Image Image Image

What's Available so far?

1Password
Image
360 bytes
Acast
Image
420 bytes
Access
Image
349 bytes
ActivityPub
Image
337 bytes
Adobe
Image
220 bytes
Adyen
Image
642 bytes
Airbnb
Image
356 bytes
Alpine Linux
Image
541 bytes
Amazon
Image
642 bytes
Amazon Alexa
Image
252 bytes
Amazon Simple Storage Service
Image
527 bytes
Amber Framework
Image
415 bytes
andOTP
Image
253 bytes
Android
Image
780 bytes
AngelList
Image
965 bytes
Angular
Image
247 bytes
Ansible
Image
311 bytes
Apache AGE
Image
720 bytes
Apereo Foundation
Image
453 bytes
Apple
Image
354 bytes
Apple Music
Image
490 bytes
Apple Podcasts
Image
939 bytes
appwrite
Image
724 bytes
Arch Linux
Image
308 bytes
arduino
Image
869 bytes
Atom
Image
347 bytes
Auth0
Image
599 bytes
Authy
Image
329 bytes
Azure
Image
841 bytes
Backbone
Image
337 bytes
Badoo
Image
298 bytes
Baidu
Image
783 bytes
Bandcamp
Image
188 bytes
Bash
Image
756 bytes
Behance
Image
666 bytes
Bing
Image
939 bytes
Bitbucket
Image
665 bytes
Bitcoin
Image
514 bytes
Bitwarden
Image
286 bytes
Blender
Image
368 bytes
Blogger
Image
339 bytes
Bluesky
Image
397 bytes
Bluetooth
Image
366 bytes
Brave
Image
996 bytes
Briar
Image
436 bytes
Buffer
Image
422 bytes
Bugcrowd
Image
774 bytes
Bun
Image
1012 bytes
C
Image
592 bytes
Calendar
Image
744 bytes
Cash App
Image
772 bytes
CentOS
Image
856 bytes
ChatGPT
Image
763 bytes
Chrome
Image
401 bytes
Chromium
Image
403 bytes
Citrix
Image
743 bytes
Citrix
Image
348 bytes
ClickHouse
Image
595 bytes
Clojure
Image
560 bytes
Cloudflare
Image
478 bytes
Codeberg
Image
463 bytes
CodePen
Image
303 bytes
CodeRabbit
Image
484 bytes
Coderwall
Image
244 bytes
CoffeeScript
Image
513 bytes
Coil
Image
500 bytes
coinpot
Image
722 bytes
Google Colab
Image
373 bytes
Coursera
Image
295 bytes
C++
Image
666 bytes
Crystal
Image
214 bytes
CSS3
Image
384 bytes
Dart
Image
545 bytes
DataCamp
Image
476 bytes
Debian
Image
922 bytes
Deezer
Image
690 bytes
Delicious
Image
259 bytes
dev.to
Image
521 bytes
DeviantArt
Image
263 bytes
Digidentity
Image
366 bytes
DigitalOcean
Image
244 bytes
Discord
Image
345 bytes
Disqus
Image
259 bytes
Django Project
Image
428 bytes
Docker
Image
416 bytes
Dolibarr
Image
308 bytes
Dovecot
Image
523 bytes
Downpour
Image
981 bytes
Draw.io
Image
425 bytes
Dribble
Image
368 bytes
Drone
Image
291 bytes
Dropbox
Image
246 bytes
Drupal
Image
857 bytes
Drupal
Image
842 bytes
DuckDuckGo
Image
877 bytes
Electronic Arts
Image
279 bytes
eBay
Image
800 bytes
Ecosia
Image
730 bytes
Edge
Image
1013 bytes
elastic
Image
695 bytes
Element
Image
414 bytes
Elementary OS
Image
451 bytes
Email
Image
326 bytes
Endeavour OS
Image
622 bytes
Ente Auth
Image
574 bytes
ePub
Image
308 bytes
Espressif
Image
577 bytes
Ethereum
Image
381 bytes
Etsy
Image
462 bytes
Evernote
Image
610 bytes
ExpressionEngine
Image
628 bytes
Express.js
Image
633 bytes
F-Droid
Image
960 bytes
Facebook
Image
258 bytes
Fediverse
Image
1003 bytes
Fedora
Image
461 bytes
Figma
Image
619 bytes
Filestash
Image
267 bytes
Finder
Image
661 bytes
Firebase
Image
688 bytes
Firefox
Image
1005 bytes
Fitbit
Image
600 bytes
Flask
Image
877 bytes
Flatpak
Image
561 bytes
Flattr
Image
331 bytes
Flickr
Image
235 bytes
Floatplane
Image
823 bytes
Flutter
Image
489 bytes
foobar2000
Image
455 bytes
FreeBSD
Image
700 bytes
freeCodeCamp
Image
701 bytes
Friendica
Image
821 bytes
Fritz!
Image
567 bytes
Gandi
Image
749 bytes
GateHub
Image
391 bytes
GeeksForGeeks
Image
504 bytes
Gemini
Image
614 bytes
Ghost
Image
256 bytes
Git
Image
365 bytes
Gitea
Image
748 bytes
GitHub
Image
514 bytes
GitLab
Image
425 bytes
Gitpod
Image
543 bytes
Glitch
Image
962 bytes
Gmail
Image
442 bytes
Gmail
Image
567 bytes
Go
Image
566 bytes
Godot
Image
568 bytes
GOG.com
Image
648 bytes
Gojek
Image
258 bytes
Goodreads
Image
716 bytes
Google
Image
447 bytes
Google Assistant
Image
366 bytes
Google Authenticator
Image
640 bytes
Google Calendar
Image
579 bytes
Google Collaborative content tools
Image
485 bytes
Google Docs Editors
Image
470 bytes
Google Drive
Image
560 bytes
Google Drive
Image
298 bytes
Google Find Hub
Image
684 bytes
Google Fit
Image
893 bytes
Google Maps
Image
553 bytes
Google Maps
Image
634 bytes
Google Meet
Image
513 bytes
GPay
Image
834 bytes
Google Photos
Image
475 bytes
Google Play
Image
420 bytes
Google+
Image
380 bytes
Google Podcasts
Image
444 bytes
Google Scholar
Image
517 bytes
Google TV
Image
552 bytes
Google Wallet
Image
510 bytes
Gradle
Image
815 bytes
Grafana
Image
674 bytes
Loki
Image
566 bytes
GrapheneOS
Image
748 bytes
GraphQL
Image
509 bytes
Grok
Image
552 bytes
Guacamole
Image
655 bytes
Guilded
Image
330 bytes
h-card
Image
399 bytes
h-entry
Image
385 bytes
h-feed
Image
474 bytes
Hacker News
Image
213 bytes
HackerOne
Image
426 bytes
HAML
Image
873 bytes
Heroku
Image
435 bytes
Homekit
Image
732 bytes
HP
Image
471 bytes
HTML5
Image
435 bytes
Hulu
Image
459 bytes
Humble Bundle
Image
399 bytes
i18next
Image
713 bytes
IBM
Image
477 bytes
iHeartRadio
Image
768 bytes
IMDb
Image
506 bytes
Imgur
Image
263 bytes
Inkscape
Image
886 bytes
Instagram
Image
697 bytes
Intel
Image
553 bytes
Intercom
Image
414 bytes
Internet Archive
Image
800 bytes
itch.io
Image
852 bytes
iTunes
Image
744 bytes
Jacobin
Image
238 bytes
Java
Image
779 bytes
JavaScript
Image
404 bytes
Jellyfin
Image
612 bytes
jQuery
Image
984 bytes
JSON-LD
Image
890 bytes
JSON
Image
508 bytes
JSON Feed
Image
665 bytes
JSR
Image
411 bytes
Julia
Image
283 bytes
JustGiving
Image
351 bytes
Kaggle
Image
297 bytes
Kagi
Image
479 bytes
KeePassDX
Image
516 bytes
KeePassXC
Image
673 bytes
Kemal Framework
Image
325 bytes
Keskonfai
Image
679 bytes
Keybase
Image
632 bytes
Kickstarter
Image
273 bytes
Ko-fi
Image
916 bytes
Kodi
Image
752 bytes
Kotlin
Image
382 bytes
Language Icon
Image
803 bytes
Laravel
Image
384 bytes
lastfm
Image
549 bytes
LastPass
Image
281 bytes
LeetCode
Image
553 bytes
Liberapay
Image
544 bytes
LibreSpeed
Image
942 bytes
LINE
Image
454 bytes
Linear
Image
390 bytes
LinkedIn
Image
355 bytes
Linux Foundation
Image
290 bytes
Linux
Image
950 bytes
Linux Mint
Image
355 bytes
LinuxContainers
Image
548 bytes
Lobste.rs
Image
504 bytes
Lock
Image
377 bytes
Logitech
Image
309 bytes
Lucky Framework
Image
471 bytes
macOS
Image
754 bytes
Mail
Image
551 bytes
Mailchimp
Image
981 bytes
Malt
Image
412 bytes
Manjaro
Image
222 bytes
Markdown
Image
418 bytes
mastercard
Image
322 bytes
Mastodon
Image
574 bytes
matrix
Image
641 bytes
Mattermost
Image
291 bytes
McAfee
Image
262 bytes
McDonald's
Image
402 bytes
MediaWiki
Image
899 bytes
Medium
Image
225 bytes
Meetup
Image
898 bytes
Messenger
Image
491 bytes
microformats
Image
783 bytes
micropython
Image
256 bytes
Microsoft
Image
321 bytes
Minecraft
Image
953 bytes
MongoDB
Image
353 bytes
MySQL
Image
1007 bytes
NetBeans
Image
521 bytes
NetBSD
Image
419 bytes
Netflix
Image
435 bytes
NewPipe
Image
260 bytes
NextCloud
Image
250 bytes
NGINX
Image
450 bytes
NHS
Image
474 bytes
NixOS
Image
528 bytes
nobara
Image
834 bytes
Node.js
Image
651 bytes
NordVPN
Image
382 bytes
Notion
Image
967 bytes
npm
Image
277 bytes
obs-logo
Image
743 bytes
OK.ru
Image
348 bytes
Olympic Rings
Image
661 bytes
OnlyFans
Image
401 bytes
OpenBenches
Image
613 bytes
Open Bug Bounty
Image
487 bytes
Opencast
Image
294 bytes
Open Collective
Image
304 bytes
OpenCores
Image
265 bytes
Open Source
Image
278 bytes
OpenStreetMap
Image
951 bytes
OpenVPN
Image
278 bytes
Opera
Image
293 bytes
Orcid
Image
311 bytes
Origin
Image
630 bytes
Outlook
Image
876 bytes
Overcast
Image
760 bytes
Overleaf
Image
437 bytes
ParrotOS
Image
512 bytes
Patreon
Image
379 bytes
PayPal
Image
495 bytes
PDF
Image
650 bytes
PeerTube
Image
278 bytes
Perplexity
Image
423 bytes
Phone
Image
574 bytes
Photoshop
Image
630 bytes
PHP
Image
524 bytes
Pinboard
Image
241 bytes
Pinterest
Image
508 bytes
Pixelfed
Image
971 bytes
Plausible
Image
960 bytes
PlayStation
Image
515 bytes
Plex
Image
205 bytes
pnpm
Image
356 bytes
Pocket
Image
293 bytes
Pocket Casts
Image
263 bytes
Pop!_OS
Image
427 bytes
Pornhub
Image
811 bytes
portronics
Image
837 bytes
PostGreSQL
Image
1002 bytes
Postman
Image
730 bytes
postmarketOS
Image
384 bytes
PowerShell
Image
943 bytes
Preact
Image
333 bytes
Printer
Image
272 bytes
Prisma
Image
354 bytes
ProductHunt
Image
400 bytes
Prometheus
Image
979 bytes
Proton Drive
Image
930 bytes
Proton VPN
Image
1012 bytes
Proton Mail
Image
628 bytes
Python
Image
495 bytes
QQ
Image
924 bytes
quora
Image
264 bytes
R
Image
952 bytes
Raspberry Pi
Image
905 bytes
React
Image
339 bytes
Reddit
Image
716 bytes
RedHat
Image
534 bytes
Redis
Image
491 bytes
Replit
Image
531 bytes
Research Gate
Image
866 bytes
Riot
Image
385 bytes
Roblox
Image
281 bytes
Rockstar Games
Image
835 bytes
Roundcube
Image
514 bytes
RSS
Image
276 bytes
Ruby
Image
941 bytes
Ruby Gems
Image
271 bytes
Ruby On Rails
Image
447 bytes
Rust
Image
900 bytes
Safari
Image
685 bytes
Samsung
Image
830 bytes
Samsung Internet
Image
312 bytes
Samsung
Image
602 bytes
Samsung
Image
867 bytes
Sass
Image
501 bytes
Semantic Web
Image
411 bytes
Semaphore CI
Image
385 bytes
Sentry
Image
359 bytes
Signal
Image
423 bytes
Sketch
Image
353 bytes
Skype
Image
468 bytes
Slack
Image
384 bytes
SlideShare
Image
646 bytes
Snapchat
Image
674 bytes
socket_io
Image
305 bytes
SOGo
Image
824 bytes
solana
Image
394 bytes
Solidity
Image
548 bytes
SonarQube Community
Image
360 bytes
SonarQube Server
Image
376 bytes
SoundCloud
Image
944 bytes
SPARQL
Image
784 bytes
Spotify
Image
418 bytes
SQLite
Image
851 bytes
Stack Exchange
Image
385 bytes
Stack Overflow
Image
286 bytes
Steam
Image
440 bytes
Stitcher
Image
372 bytes
Strava
Image
269 bytes
StumbleUpon
Image
343 bytes
Sublime Merge
Image
551 bytes
Sublime Text
Image
589 bytes
SubscribeStar
Image
584 bytes
Supabase
Image
798 bytes
Svelte
Image
470 bytes
SVG
Image
746 bytes
SVGOMG
Image
345 bytes
Swift
Image
659 bytes
Symantec
Image
596 bytes
Symfony
Image
609 bytes
taiga.io
Image
731 bytes
Tailwind CSS
Image
536 bytes
TATA
Image
1009 bytes
Teamspeak
Image
921 bytes
Telegram
Image
476 bytes
TensorFlow
Image
435 bytes
Terraform
Image
284 bytes
Tezos
Image
490 bytes
This American Life
Image
277 bytes
Threads
Image
365 bytes
Threema
Image
483 bytes
TikTok
Image
339 bytes
Todoist
Image
737 bytes
Tox
Image
479 bytes
Trello
Image
261 bytes
TripAdvisor
Image
642 bytes
Tumblr
Image
251 bytes
TuneIn
Image
570 bytes
Tuta
Image
319 bytes
Tutanota
Image
522 bytes
Twilio
Image
311 bytes
Twitch
Image
271 bytes
Twitter
Image
352 bytes
TypeScript
Image
435 bytes
Uber
Image
588 bytes
Ubiquiti
Image
637 bytes
Ubisoft
Image
504 bytes
Ubuntu
Image
438 bytes
Udemy
Image
289 bytes
Unicode
Image
360 bytes
Unreal Engine
Image
953 bytes
Untappd
Image
395 bytes
Uphold
Image
800 bytes
UPI
Image
242 bytes
Uplay
Image
517 bytes
Upstash
Image
615 bytes
Upwork
Image
484 bytes
Vagrant
Image
288 bytes
Vegetarian
Image
668 bytes
Venmo
Image
271 bytes
Vercel
Image
180 bytes
Viber
Image
692 bytes
VictoriaMetrics
Image
372 bytes
Vim
Image
699 bytes
Vimeo
Image
332 bytes
visa
Image
623 bytes
Visual Studio Code
Image
895 bytes
Vivino
Image
279 bytes
VK
Image
519 bytes
VLC
Image
636 bytes
Vue
Image
257 bytes
W3C
Image
523 bytes
Wayland
Image
905 bytes
Wear OS
Image
428 bytes
WebAssembly
Image
475 bytes
WebMention
Image
261 bytes
WebToons
Image
973 bytes
WeChat
Image
606 bytes
Wekan
Image
966 bytes
WhatsApp
Image
435 bytes
WHATWG
Image
313 bytes
WiFi
Image
562 bytes
Wikipedia
Image
563 bytes
Windows
Image
226 bytes
Wire
Image
256 bytes
WireGuard
Image
948 bytes
WordPress
Image
488 bytes
Workato
Image
899 bytes
X
Image
287 bytes
X11
Image
659 bytes
Xbox
Image
493 bytes
XING
Image
347 bytes
XMPP
Image
677 bytes
Yahoo!
Image
280 bytes
YAML
Image
396 bytes
Yammer
Image
464 bytes
Yarn
Image
497 bytes
Yelp
Image
448 bytes
Yii
Image
763 bytes
YouTube
Image
333 bytes
Youtube Music
Image
324 bytes
Yubico
Image
250 bytes
Zoom
Image
635 bytes
Zorinos
Image
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.

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.

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]. Image

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Image

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

Image Image Image Image Image Image Image Image Image Image

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.

The Nu Validator is Copyright ⓒ 2007-2016 Mozilla Foundation

About

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

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Contributors