Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/edent/SuperTinyIcons

Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos
https://github.com/edent/SuperTinyIcons

hacktoberfest logo social-media svg svg-icons tiny-social-icons

Last synced: 3 months ago
JSON representation

Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos

Awesome Lists containing this project

README 

        
# 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!



[![Buy me a coffee](https://www.ko-fi.com/img/donate_sm.png)](https://ko-fi.com/edent)



## 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](https://yqnn.github.io/svg-path-editor/), [svgo](https://github.com/svg/svgo), and [svgcleaner](https://github.com/RazrFalcon/svgcleaner). Further smallification may be possible. Try it!



- Each of these has an `xmlns="http://www.w3.org/2000/svg"` in the `` 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](https://github.com/edent/SuperTinyIcons/blob/master/images/reference/index.md). If they still look wrong, tell me by raising an issue!



## Android Vector Drawables



Icons also available as [Android Vector Drawables](https://developer.android.com/guide/topics/graphics/vector-drawable-resources.html), 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

 ... 

```



### Icon accessibility



The super tiny icons are accessible by default. Each icon has:



- `role="img"`, to expose the `` 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 `` as the `src` for an `` element, the `alt` attribute should still be used on the `` element because the ARIA is not recognised in this context.



CSS-Tricks has also an [article about accessible SVG icons](https://css-tricks.com/accessible-svgs/).



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



A template for logos



- **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



```sh

npm install --save super-tiny-icons

```



## Usage



The old-school way:



```html



```



The modern way, the React (JSX) example:



```jsx

import logo from "super-tiny-icons/images/svg/github.svg";



;

```



[CSS](https://developer.mozilla.org/docs/Web/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:



```html



  .small-square {

    width: 20px;

  }

  .medium-rounded {

    width: 50px;

    border-radius: 10%;

  }

  .large-circular {

    width: 100px;

    border-radius: 50%;

  }









```



## Contributors



### Code Contributors



This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].




### Financial Contributors



Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/SuperTinyIcons/contribute)]



#### Individuals






#### Organizations



Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/SuperTinyIcons/contribute)]
























## Licenses



The majority of these vector logos are based on someone else's work.



- [Social Media Icons by Aha-Soft](https://www.iconfinder.com/iconsets/social-flat-rounded-rects) - CC-BY

- [Phone Icon](https://www.iconfinder.com/icons/1807538/phone_icon#size=128) - Free

- [Lock Icon](https://www.iconfinder.com/icons/1814107/lock_padlock_secure_icon#size=512) - MIT

- [Wire Logo](https://commons.wikimedia.org/wiki/File:Wire_software_logo.svg) - Public Domain

- [Signal Logo](https://github.com/WhisperSystems/Signal-iOS/blob/master/Signal/Images.xcassets/logoSignal.imageset/logoSignal.pdf) - GPLv3

- [RSS Icon](https://commons.wikimedia.org/wiki/File:Generic_Feed-icon.svg) - MPL 1.1

- [PDF Icon](https://www.iconfinder.com/iconsets/line-icons-set) - Free

- [Google+](https://commons.wikimedia.org/wiki/File:Google_Plus_logo_2015.svg) - Public Domain

- [Google](http://svgshare.com/s/q)

- [Mastodon](https://github.com/tootsuite/mastodon/blob/0ad694f96b7f0e951950e7525bde52cd11454cb2/app/assets/images/logo.svg) - AGPLv3

- [GitLab](https://about.gitlab.com/press/)

- [HTML5 Shield](https://www.w3.org/html/logo/) - CC-BY

- [npm Logo](https://commons.wikimedia.org/wiki/File:Npm-logo.svg) - CC-BY

- [Docker Logo](https://github.com/docker/docker.github.io/blob/master/LICENSE) - Apache

- [Steam](https://commons.wikimedia.org/wiki/File:Steam_icon_logo.svg)

- [Symantec](https://commons.wikimedia.org/wiki/File:Symantec_logo10.svg)

- [Yubico](https://github.com/Yubico/yubikey-manager-qt/blob/master/resources/icons/ykman.png) - BSD

- [Keybase](https://github.com/keybase/client/blob/master/shared/images/iconfont/kb-iconfont-keybase-16.svg) - BSD

- [eBay](https://commons.wikimedia.org/wiki/File:EBay_logo.svg)

- [Kickstarter](https://www.kickstarter.com/help/brand_assets)

- [Bitcoin](https://commons.wikimedia.org/wiki/File:Bitcoin_logo.svg) - CC0

- [Bluetooth](https://commons.wikimedia.org/wiki/File:Bluetooth.svg)

- [Blogger](https://commons.wikimedia.org/wiki/File:Blogger_icon.svg)

- [Medium](https://medium.design/logos-and-brand-guidelines-f1a01a733592)

- [Ghost](https://commons.wikimedia.org/wiki/File:Ghost-Logo.svg)

- [Tumblr](https://www.tumblr.com/logo)

- [Intel](https://commons.wikimedia.org/wiki/File:Intel-logo.svg)

- [Badoo](https://team.badoo.com/new/)

- [YouTube](https://www.youtube.com/yt/about/brand-resources/#logos-icons-colors)

- [Google Play](https://commons.wikimedia.org/wiki/File:Google_Play_symbol_2016.svg)

- [Gmail](https://commons.wikimedia.org/wiki/File:Gmail_Icon.svg)

- [Samsung Internet](https://github.com/edent/SuperTinyIcons/pull/74/commits/8824bdaf1346a472ab425347f958e8e64c0948ee)

- [Plex](https://github.com/plexinc/plex-media-player/blob/master/resources/images/icon.svg) - GPLv2

- [NHS](https://www.england.nhs.uk/nhsidentity/identity-guidelines/nhs-logo/)

- [Threema.](https://threema.ch/de/press)

- [CoreUI](https://github.com/coreui/coreui-icons) - CC-BY

- [NixOS](https://github.com/NixOS/nixos-artwork) - CC-BY



From [SVGporn](https://github.com/gilbarbara/logos/) - 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.