SuperTinyIcons/README.md

Super Tiny Icons

Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourite logos. The average size is under 582 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	5,897 Bytes PNG	414 Bytes SVG	4,743 Bytes PNG	250 Bytes SVG	4,478 Bytes PNG

What's Available so far?

1Password 757 bytes	Acast 412 bytes	Access 355 bytes	ActivityPub 343 bytes	Adobe 226 bytes	Airbnb 362 bytes
Amazon 648 bytes	Amazon Alexa 258 bytes	Amazon Simple Storage Service 533 bytes	Amber Framework 421 bytes	andOTP 259 bytes	Android 378 bytes
AngelList 974 bytes	Angular 379 bytes	Ansible 421 bytes	Apereo Foundation 464 bytes	Apple 408 bytes	Apple Music 505 bytes
Arch Linux 416 bytes	Atom 371 bytes	Auth0 398 bytes	Authy 338 bytes	Backbone 454 bytes	Badoo 257 bytes
Baidu 790 bytes	Bandcamp 191 bytes	Behance 677 bytes	Bing 230 bytes	Bitbucket 672 bytes	Bitcoin 520 bytes
imgur 288 bytes	Blender 375 bytes	Blogger 345 bytes	Bluetooth 244 bytes	Brave 1003 bytes	Briar 565 bytes
Buffer 480 bytes	Bugcrowd 790 bytes	Calendar 959 bytes	CentOS 734 bytes	Chrome 367 bytes	Chromium 369 bytes
Citrix 805 bytes	Citrix 430 bytes	Clojure 623 bytes	Cloudflare 491 bytes	Codeberg 583 bytes	CodePen 334 bytes
CoffeeScript 525 bytes	Coil 507 bytes	coinpot 730 bytes	Google CoLaboratory 590 bytes	C++ 766 bytes	Crystal 220 bytes
CSS3 384 bytes	Dart 554 bytes	DataCamp 482 bytes	Debian 928 bytes	Deezer 724 bytes	Delicious 344 bytes
dev.to 544 bytes	DeviantArt 518 bytes	Digidentity 374 bytes	DigitalOcean 250 bytes	Discord 356 bytes	Disqus 271 bytes
Django Project 434 bytes	Docker 422 bytes	Dribble 632 bytes	Drone 481 bytes	Dropbox 253 bytes	Drupal 890 bytes
DuckDuckGo 916 bytes	Electronic Arts 287 bytes	eBay 810 bytes	Edge 955 bytes	elastic 720 bytes	Element 426 bytes
Elementary OS 457 bytes	Email 333 bytes	Endeavour OS 630 bytes	ePub 314 bytes	Espressif 632 bytes	Ethereum 403 bytes
Etsy 468 bytes	Evernote 619 bytes	ExpressionEngine 634 bytes	Facebook 267 bytes	Finder 718 bytes	Firefox 1013 bytes
Flattr 338 bytes	Flickr 241 bytes	Floatplane 935 bytes	Flutter 683 bytes	foobar2000 757 bytes	FreeBSD 747 bytes
freeCodeCamp 717 bytes	Friendica 835 bytes	Fritz! 698 bytes	Gandi 756 bytes	GateHub 453 bytes	Ghost 250 bytes
Git 373 bytes	Gitea 756 bytes	GitHub 533 bytes	GitLab 417 bytes	Gitpod 785 bytes	Glitch 1003 bytes
Gmail 473 bytes	Gmail 575 bytes	Go 573 bytes	Godot 989 bytes	GOG.com 709 bytes	Gojek 285 bytes
Goodreads 660 bytes	Google 475 bytes	Google Assistant 480 bytes	Google Calendar 623 bytes	Google Collaborative content tools 493 bytes	Google Docs Editors 478 bytes
Google Drive 520 bytes	Google Drive 304 bytes	Google Maps 769 bytes	Google Maps 704 bytes	Google Meet 520 bytes	Google Play 495 bytes
Google+ 388 bytes	Google Podcasts 457 bytes	Google Scholar 524 bytes	Gradle 681 bytes	Grafana 963 bytes	Guacamole 676 bytes
Guilded 802 bytes	Hacker News 220 bytes	HackerOne 437 bytes	HAML 928 bytes	Heroku 441 bytes	Homekit 812 bytes
HP 487 bytes	HTML5 399 bytes	Hulu 472 bytes	Humble Bundle 969 bytes	i18next 719 bytes	IBM 494 bytes
iHeartRadio 884 bytes	IMDb 517 bytes	Imgur 269 bytes	Instagram 758 bytes	Intel 748 bytes	Intercom 830 bytes
Internet Archive 837 bytes	itch.io 861 bytes	iTunes 770 bytes	Jacobin 232 bytes	Java 826 bytes	JavaScript 410 bytes
Jellyfin 661 bytes	JSON-LD 912 bytes	JSON 514 bytes	JSON Feed 672 bytes	Julia 289 bytes	Kaggle 508 bytes
KeePassDX 699 bytes	Kemal Framework 331 bytes	Keskonfai 691 bytes	Keybase 638 bytes	Kickstarter 279 bytes	Ko-Fi 412 bytes
Kodi 762 bytes	Kotlin 242 bytes	Laravel 390 bytes	LastPass 288 bytes	Liberapay 556 bytes	LINE 469 bytes
Linear App 474 bytes	LinkedIn 361 bytes	Linux 956 bytes	Linux Mint 365 bytes	Lobste.rs 524 bytes	Lock 384 bytes
Logitech 360 bytes	Lucky Framework 477 bytes	macOS 765 bytes	Mail 563 bytes	Mailchimp 990 bytes	Malt 419 bytes
Manjaro 358 bytes	Markdown 440 bytes	Mastodon 588 bytes	matrix 662 bytes	Mattermost 605 bytes	Medium 370 bytes
Meetup 515 bytes	Messenger 685 bytes	microformats 789 bytes	Microsoft 338 bytes	Minecraft 1014 bytes	NetBeans 667 bytes
Netflix 782 bytes	NextCloud 302 bytes	NGINX 456 bytes	NHS 482 bytes	NixOS 534 bytes	npm 289 bytes
OK.ru 621 bytes	Olympic Rings 669 bytes	OpenBenches 754 bytes	Open Bug Bounty 494 bytes	Opencast 303 bytes	OpenCollective 465 bytes
OpenCores 300 bytes	Open Source 241 bytes	OpenStreetMap 946 bytes	OpenVPN 546 bytes	Opera 460 bytes	Orcid 412 bytes
Origin 644 bytes	Outlook 886 bytes	Overcast 780 bytes	Overleaf 443 bytes	Patreon 240 bytes	PayPal 539 bytes
PDF 665 bytes	Phone 582 bytes	PHP 586 bytes	Pinboard 249 bytes	Pinterest 517 bytes	Pixelfed 980 bytes
Plex 212 bytes	Pocket 508 bytes	Pocket Casts 283 bytes	Pop!_OS 436 bytes	Pornhub 829 bytes	Preact 521 bytes
Printer 441 bytes	ProtonMail 428 bytes	Python 550 bytes	QQ 941 bytes	quora 272 bytes	Raspberry Pi 964 bytes
React 351 bytes	Reddit 598 bytes	RedHat 540 bytes	Research Gate 904 bytes	Roundcube 525 bytes	RSS 298 bytes
Ruby 951 bytes	Ruby Gems 369 bytes	Ruby On Rails 466 bytes	Rust 998 bytes	Safari 699 bytes	Samsung 863 bytes
Samsung Internet 337 bytes	Samsung 608 bytes	Samsung 884 bytes	Sass 519 bytes	Semaphore CI 463 bytes	Sentry 370 bytes
Signal 430 bytes	Sketch 399 bytes	Skype 478 bytes	Slack 522 bytes	SlideShare 652 bytes	Snapchat 640 bytes
SOGo 842 bytes	Solidity 554 bytes	SoundCloud 950 bytes	Spotify 427 bytes	Square Cash 782 bytes	Stack Exchange 398 bytes
Stack Overflow 300 bytes	Steam 446 bytes	Stitcher 378 bytes	Strava 277 bytes	StumbleUpon 350 bytes	Sublime Merge 557 bytes
Sublime Text 720 bytes	SubscribeStar 858 bytes	Svelte 988 bytes	SVG 755 bytes	Symantec 605 bytes	taiga.io 742 bytes
Teamspeak 927 bytes	Telegram 410 bytes	Terraform 294 bytes	This American Life 293 bytes	Threema 736 bytes	TikTok 398 bytes
Todoist 761 bytes	Tox 486 bytes	Trello 267 bytes	TripAdvisor 703 bytes	Tumblr 413 bytes	TuneIn 599 bytes
Tutanota 567 bytes	Twilio 429 bytes	Twitch 299 bytes	Twitter 405 bytes	TypeScript 609 bytes	Uber 855 bytes
Ubiquiti 549 bytes	Ubisoft 520 bytes	Ubuntu 446 bytes	Udemy 297 bytes	Unicode 603 bytes	Untappd 401 bytes
Uphold 810 bytes	Uplay 533 bytes	Upwork 657 bytes	Vagrant 544 bytes	Vegetarian 291 bytes	Venmo 334 bytes
Viber 704 bytes	Vim 770 bytes	Vimeo 367 bytes	Visual Studio Code 914 bytes	Vivino 285 bytes	VK 525 bytes
VLC 661 bytes	Vue 263 bytes	W3C 529 bytes	WebAssembly 489 bytes	WebMention 315 bytes	WeChat 631 bytes
Wekan 972 bytes	WhatsApp 470 bytes	WHATWG 411 bytes	WiFi 574 bytes	Wikipedia 574 bytes	Windows 243 bytes
Wire 262 bytes	WireGuard 961 bytes	WordPress 494 bytes	Workato 422 bytes	XING 353 bytes	XMPP 748 bytes
Yahoo! 286 bytes	Yammer 470 bytes	Yarn 506 bytes	Yelp 454 bytes	YouTube 342 bytes	Yubico 297 bytes
Zoom 521 bytes	Zorinos 403 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">
   <rect
      width="512" height="512"
      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} />;

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
• 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.