Github url

SuperTinyIcons

by edent

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

8.8K Stars 494 Forks Last release: Not found MIT License 730 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Super Tiny Icons

Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourite logos. The average size is under 465 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

How Small?

| 542 Bytes SVG | 7,225 Bytes PNG | 433 Bytes SVG | 5,568 Bytes PNG | 251 Bytes SVG | 5,031 Bytes PNG | | ------------- | --------------- | ------------- | --------------- | ------------- | --------------- | | | | | | | |

What's Available so far?

Social Media

| flickr

251 Bytes | Facebook

311 Bytes | Tumblr

422 Bytes | Twitter

433 Bytes | LinkedIn

370 Bytes | Instagram

768 Bytes | | Reddit

607 Bytes | Pinterest

526 Bytes | VK

534 Bytes | Mastodon

550 Bytes | imgur

279 Bytes | Slack

533 Bytes | | dev.to

735 Bytes | Goodreads

684 Bytes | TikTok

447 Bytes |

Media

| SoundCloud

959 Bytes | Vimeo

376 Bytes | Spotify

436 Bytes | YouTube

359 Bytes | Apple Music

780 Bytes | Bandcamp

201 Bytes | | Deezer

959 Bytes | iHeartRadio

911 Bytes | Kodi

771 Bytes |

Google

| Google

484 Bytes | Google+

397 Bytes | Google Play

505 Bytes | Gmail

585 Bytes | Google Maps

778 Bytes | Google Scholar

533 Bytes | | Google Drive

314 Bytes | Google Maps (old)

713 Bytes |

Communications

| WhatsApp

589 Bytes | Telegram

419 Bytes | Skype

487 Bytes | Snapchat

649 Bytes | WeChat

639 Bytes | Signal

440 Bytes | | Phone

591 Bytes | LINE

478 Bytes | Viber

713 Bytes | Mailchimp

1010 Bytes | Threema

768 Bytes | Mattermost

617 Bytes | | Protonmail

437 Bytes | XMPP/Jabber

989 Bytes | Tutanota

627 Bytes | Messenger

833 Bytes |  Discord

505 Bytes | Zoom

530 Bytes | | Wire

276 Bytes |

Websites

| Hacker News

229 Bytes | StackOverflow

309 Bytes | StackExchange

406 Bytes | WordPress

513 Bytes | GitHub

542 Bytes | Wikipedia

595 Bytes | | GitLab

426 Bytes | Meetup

524 Bytes | eBay

819 Bytes | Kickstarter

288 Bytes | Yahoo!
296 Bytes | Evernote

704 Bytes | | Yammer

479 Bytes | Blogger

355 Bytes | Cloudflare

500 Bytes | Amazon

673 Bytes | Strava

286 Bytes | Dribbble

641 Bytes | | CodePen

375 Bytes | DigitalOcean

263 Bytes | Medium

379 Bytes | AirBnB

427 Bytes | Delicious

354 Bytes | Disqus

281 Bytes | | Ghost

259 Bytes | Sketch

408 Bytes | Trello

276 Bytes | QQ

993 Bytes | Badoo

297 Bytes | Yelp

463 Bytes | | Workato

445 Bytes | Untappd

410 Bytes | Vivino

296 Bytes | Apereo

473 Bytes | Twilio

438 Bytes | Plex

221 Bytes | | XING

362 Bytes | Pinboard

258 Bytes | Internet Archive

846 Bytes | Access

399 Bytes | Baidu

799 Bytes | Twitch

308 Bytes | | OK.ru

652 Bytes | Pocket

517 Bytes | StumbleUpon

598 Bytes | Opencast

312 Bytes | Buffer

489 Bytes | Upwork

670 Bytes | | Duck Duck Go

925 Bytes | Bing

241 Bytes | IMDb

526 Bytes | Heroku

450 Bytes | Research Gate

913 Bytes | OpenCores

309 Bytes | | OpenBenches

796 Bytes | TripAdvisor

712 Bytes | Sentry

506 Bytes | Behance

873 Bytes | Taiga.io

759 Bytes | Coil.com

515 Bytes |

Internet

| RSS

308 Bytes | Mail

572 Bytes | Email

342 Bytes | HTML5

399 Bytes | WiFi

602 Bytes | W3C

539 Bytes | | Unicode

613 Bytes | Markdown

458 Bytes | HAML

937 Bytes |

Browsers

| Chrome

378 Bytes | Firefox

1023 Bytes | Samsung Internet

347 Bytes | Edge

964 Bytes | Opera

721 Bytes | Safari

698 Bytes | Chromium

379 Bytes |

Podcasts

| iTunes

786 Bytes | Google

478 Bytes | Pocket Casts

292 Bytes | Stitcher

387 Bytes | TuneIn

608 Bytes | acast

560 Bytes | | Overcast

789 Bytes |

Logos

| Apple

417 Bytes | npm

301 Bytes | Docker

431 Bytes | IBM

503 Bytes | Open Source

262 Bytes | Intel

948 Bytes | | VLC

670 Bytes | Vegetarian

310 Bytes | Espressif

670 Bytes | NHS

491 Bytes | Orcid

421 Bytes | HP

496 Bytes | | RedHat

561 Bytes | CentOS

761 Bytes | Git

480 Bytes | Microsoft

407 Bytes | Grafana

961 Bytes | Ubiquiti

916 Bytes | Adobe

261 Bytes | Homekit

822 Bytes | Pixelfed

990 Bytes |

Security

| Tox

494 Bytes | Lock / PGP

393 Bytes | LastPass

297 Bytes | Symantec

614 Bytes | Yubico

309 Bytes | Keybase

647 Bytes | | Authy

347 Bytes | HackerOne

446 Bytes | Bitwarden

297 Bytes | Auth0

490 Bytes | andOTP

623 Bytes | OpenBugBounty

507 Bytes | | OpenVPN

555 Bytes |

Payments

| PayPal

548 Bytes | Bitcoin

529 Bytes | Ethereum

463 Bytes | Liberapay

565 Bytes | Ko-Fi

423 Bytes | Flattr

347 Bytes | | Patreon

250 Bytes | Venmo

343 Bytes | Square Cash

791 Bytes | OpenCollective

474 Bytes | GateHub

462 Bytes |

Programming

| Python

559 Bytes | Julia

298 Bytes | PHP

595 Bytes | Laravel

583 Bytes | Drupal

899 Bytes | React

360 Bytes | | Angular

388 Bytes | Sass

531 Bytes | JSON

564 Bytes | Yarn

514 Bytes | Go

582 Bytes | Java

835 Bytes | | Rust

1007 Bytes | Clojure

632 Bytes | CoffeeScript

534 Bytes | JavaScript

531 Bytes | Flutter

824 Bytes | Backbone

463 Bytes | | Vue

286 Bytes | Gradle

738 Bytes | Amber

753 Bytes | Gitea

1006 Bytes | Drone.io

502 Bytes | Ruby Gems

402 Bytes | | Lucky Framework

685 Bytes | Wekan

981 Bytes | Kemal Framework

340 Bytes | Ruby On Rails

480 Bytes | Kotlin

252 Bytes | Crystal

245 Bytes | | Semaphore CI

640 Bytes | Django Project

443 Bytes | Ruby

984 Bytes | SVG

979 Bytes |

Operating Systems / Kernel

| Android

551 Bytes | Arch Linux

833 Bytes | GNU/Linux

965 Bytes | Ubuntu

492 Bytes | Windows

270 Bytes | Elementary OS

767 Bytes | | Debian

937 Bytes | Linux Mint

1017 Bytes | macOS

774 Bytes |

Gaming

| Steam

455 Bytes | GOG.com

718 Bytes | Ubisoft

530 Bytes | Uplay

543 Bytes | Electronic Arts

462 Bytes | Minecraft

891 Bytes |

Misc

| Calendar

974 Bytes | SlideShare

672 Bytes | Dropbox

262 Bytes | PDF

674 Bytes | Digidentity

383 Bytes | Bluetooth

253 Bytes | | ePub

323 Bytes | NextCloud

311 Bytes | Raspberry Pi

1010 Bytes | Printer

567 Bytes | Uber

864 Bytes | Amazon S3

766 Bytes | | Ansible

430 Bytes | Gojek

376 Bytes | Amazon Alexa

393 Bytes | Finder

780 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 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></svg>
    tag. This isn't strictly necessary - but some web browsers won't display them as an image without it.
  • Rounded corners can be dropped -
    rx="80"
    • the effect can be done in CSS if you want.
  • 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!

New! Icons also available in Android Vector Drawables so you can easily use them in Android apps. Converted using https://inloop.github.io/svg2android/ - 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" rx="15%" fill="#fff"></rect>
   ...
</svg>

Icon accessibility

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

  • role="img"
    , to expose the
    <svg></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></svg>

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.

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

npm install --save super-tiny-icons

Usage

The old-school way:

![](https://github.com/edent/SuperTinyIcons/raw/master/./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"; ![](%7Blogo%7D);

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.

From SVGporn - CC0

IBM, Yammer, Android, Authy, Cloudflare, CodePen, DigitalOcean, Discord, Airbnb, WiFi, Delicious, Open Source, Patreon

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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.