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?

533 Bytes SVG	5,897 Bytes PNG	405 Bytes SVG	4,743 Bytes PNG	241 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
Bitwarden 292 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 751 bytes	Citrix 349 bytes	Clojure 623 bytes	Cloudflare 491 bytes	Codeberg 583 bytes	CodePen 334 bytes
CoffeeScript 525 bytes	Coil 507 bytes	coinpot 730 bytes	Google CoLaboratory 475 bytes	C++ 685 bytes	Crystal 220 bytes
CSS3 384 bytes	Dart 554 bytes	DataCamp 482 bytes	Debian 928 bytes	Deezer 724 bytes	Delicious 265 bytes
dev.to 544 bytes	DeviantArt 269 bytes	Digidentity 374 bytes	DigitalOcean 250 bytes	Discord 356 bytes	Disqus 271 bytes
Django Project 434 bytes	Docker 422 bytes	Dribble 420 bytes	Drone 310 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 584 bytes	Ethereum 403 bytes
Etsy 468 bytes	Evernote 619 bytes	ExpressionEngine 634 bytes	Facebook 267 bytes	Filestash 673 bytes	Finder 718 bytes
Firefox 1013 bytes	Flattr 338 bytes	Flickr 241 bytes	Floatplane 832 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 359 bytes	Hacker News 220 bytes	HackerOne 437 bytes	HAML 928 bytes	Heroku 441 bytes
Homekit 743 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 423 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 273 bytes	Open Source 241 bytes	OpenStreetMap 958 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 477 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 602 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 495 bytes	Vagrant 544 bytes	Vegetarian 291 bytes
Venmo 278 bytes	Viber 704 bytes	Vim 770 bytes	Vimeo 342 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 267 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 368 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} />;

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.

rishabhmehta / SuperTinyIcons