README.md

Super Tiny Icons

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