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.

• 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
• Google
• 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.
• CoreUI - CC-BY
• NixOS - CC-BY

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.