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	3,328 Bytes PNG	358 Bytes SVG	2,987 Bytes PNG	241 Bytes SVG	1,615 Bytes PNG

What's Available so far?

1Password 366 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 323 bytes	Ansible 317 bytes	Apereo Foundation 464 bytes	Apple 360 bytes	Apple Music 496 bytes
Arch Linux 316 bytes	Atom 353 bytes	Auth0 398 bytes	Authy 338 bytes	Backbone 454 bytes	Badoo 304 bytes
Baidu 790 bytes	Bandcamp 194 bytes	Bash 762 bytes	Behance 677 bytes	Bing 945 bytes	Bitbucket 672 bytes
Bitcoin 520 bytes	Bitwarden 292 bytes	Blender 375 bytes	Blogger 345 bytes	Bluetooth 372 bytes	Brave 1003 bytes
Briar 565 bytes	Buffer 480 bytes	Bugcrowd 790 bytes	Bun 1023 bytes	Calendar 744 bytes	CentOS 734 bytes
Chrome 407 bytes	Chromium 409 bytes	Citrix 751 bytes	Citrix 349 bytes	Clojure 567 bytes	Cloudflare 491 bytes
Codeberg 469 bytes	CodePen 309 bytes	Coderwall 250 bytes	CoffeeScript 525 bytes	Coil 507 bytes	coinpot 730 bytes
Google Colab 380 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 265 bytes	Django Project 434 bytes	Docker 422 bytes	Dribble 371 bytes
Drone 297 bytes	Dropbox 253 bytes	Drupal 890 bytes	DuckDuckGo 916 bytes	Electronic Arts 287 bytes	eBay 810 bytes
Ecosia 782 bytes	Edge 1023 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 388 bytes	Etsy 468 bytes	Evernote 619 bytes
ExpressionEngine 634 bytes	F-Droid 1021 bytes	Facebook 264 bytes	Fediverse 1009 bytes	Filestash 273 bytes	Finder 675 bytes
Firefox 1013 bytes	Flattr 338 bytes	Flickr 241 bytes	Floatplane 832 bytes	Flutter 497 bytes	foobar2000 461 bytes
FreeBSD 747 bytes	freeCodeCamp 717 bytes	Friendica 835 bytes	Fritz! 622 bytes	Gandi 756 bytes	GateHub 453 bytes
Ghost 250 bytes	Git 373 bytes	Gitea 756 bytes	GitHub 533 bytes	GitLab 431 bytes	Gitpod 549 bytes
Glitch 1023 bytes	Gmail 452 bytes	Gmail 575 bytes	Go 573 bytes	Godot 689 bytes	GOG.com 709 bytes
Gojek 264 bytes	Goodreads 377 bytes	Google 455 bytes	Google Assistant 372 bytes	Google Calendar 586 bytes	Google Collaborative content tools 493 bytes
Google Docs Editors 478 bytes	Google Drive 567 bytes	Google Drive 304 bytes	Google Maps 560 bytes	Google Maps 704 bytes	Google Meet 520 bytes
Google Play 426 bytes	Google+ 388 bytes	Google Podcasts 450 bytes	Google Scholar 524 bytes	Gradle 681 bytes	Grafana 680 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 824 bytes
JavaScript 410 bytes	Jellyfin 661 bytes	jQuery 1012 bytes	JSON-LD 912 bytes	JSON 514 bytes	JSON Feed 672 bytes
Julia 289 bytes	Kaggle 508 bytes	KeePassDX 522 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	LibreSpeed 948 bytes	LINE 469 bytes	Linear 396 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 297 bytes	Medium 231 bytes	Meetup 515 bytes	Messenger 685 bytes	microformats 789 bytes
Microsoft 327 bytes	Minecraft 1009 bytes	MongoDB 359 bytes	MySQL 1013 bytes	NetBeans 528 bytes	Netflix 441 bytes
NextCloud 256 bytes	NGINX 456 bytes	NHS 482 bytes	NixOS 534 bytes	Node.js 659 bytes	npm 283 bytes
OK.ru 621 bytes	Olympic Rings 669 bytes	OpenBenches 754 bytes	Open Bug Bounty 494 bytes	Opencast 300 bytes	Open Collective 310 bytes
OpenCores 273 bytes	Open Source 284 bytes	OpenStreetMap 958 bytes	OpenVPN 284 bytes	Opera 300 bytes	Orcid 317 bytes
Origin 644 bytes	Outlook 886 bytes	Overcast 780 bytes	Overleaf 443 bytes	Patreon 211 bytes	PayPal 508 bytes
PDF 665 bytes	Phone 582 bytes	PHP 586 bytes	Pinboard 249 bytes	Pinterest 517 bytes	Pixelfed 980 bytes
Plex 212 bytes	Pocket 299 bytes	Pocket Casts 269 bytes	Pop!_OS 436 bytes	Pornhub 829 bytes	PowerShell 998 bytes
Preact 339 bytes	Printer 278 bytes	Proton Mail 635 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 947 bytes	Ruby Gems 280 bytes	Ruby On Rails 466 bytes	Rust 998 bytes	Safari 699 bytes
Samsung 863 bytes	Samsung Internet 318 bytes	Samsung 608 bytes	Samsung 884 bytes	Sass 519 bytes	Semaphore CI 463 bytes
Sentry 370 bytes	Signal 430 bytes	Sketch 359 bytes	Skype 478 bytes	Slack 522 bytes	SlideShare 652 bytes
Snapchat 640 bytes	SOGo 842 bytes	Solidity 554 bytes	SoundCloud 950 bytes	Spotify 424 bytes	Square Cash 782 bytes
Stack Exchange 398 bytes	Stack Overflow 294 bytes	Steam 446 bytes	Stitcher 378 bytes	Strava 277 bytes	StumbleUpon 350 bytes
Sublime Merge 557 bytes	Sublime Text 595 bytes	SubscribeStar 590 bytes	Svelte 477 bytes	SVG 755 bytes	Symantec 605 bytes
Symfony 615 bytes	taiga.io 742 bytes	Teamspeak 927 bytes	Telegram 485 bytes	Terraform 294 bytes	This American Life 293 bytes
Threads 371 bytes	Threema 387 bytes	TikTok 398 bytes	Todoist 761 bytes	Tox 486 bytes	Trello 267 bytes
TripAdvisor 703 bytes	Tumblr 257 bytes	TuneIn 599 bytes	Tutanota 567 bytes	Twilio 317 bytes	Twitch 277 bytes
Twitter 358 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 319 bytes
WiFi 574 bytes	Wikipedia 574 bytes	Windows 232 bytes	Wire 262 bytes	WireGuard 961 bytes	WordPress 494 bytes
Workato 368 bytes	XING 353 bytes	XMPP 732 bytes	Yahoo! 286 bytes	Yammer 470 bytes	Yarn 506 bytes
Yelp 454 bytes	YouTube 342 bytes	Yubico 256 bytes	Zoom 521 bytes	Zorinos 260 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.

codingdudecom/SuperTinyIcons