Nothing Prevents Misery

    super-tiny-icons

    0.4.0 • Public • Published

    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

    624 Bytes
    Goodreads

    684 Bytes
    TikTok

    447 Bytes
    Friendica

    877 Bytes

    Media

    SoundCloud

    959 Bytes
    Vimeo

    376 Bytes
    Spotify

    436 Bytes
    YouTube

    359 Bytes
    Apple Music

    515 Bytes
    Bandcamp

    201 Bytes
    Deezer

    733 Bytes
    iHeartRadio

    911 Bytes
    Kodi

    771 Bytes

    Google

    Google

    484 Bytes
    Google Play

    505 Bytes
    Gmail

    483 Bytes
    Google calendar

    633 Bytes
    Google collaborative content tools

    503 Bytes
    Google docs editors

    488 Bytes
    Google drive

    530 Bytes
    Google meet

    559 Bytes
    Google Maps

    778 Bytes
    Google Scholar

    533 Bytes
    Google Drive

    314 Bytes

    Google (Old)

    Google Maps (old)

    713 Bytes
    Gmail (Old)

    584 Bytes
    Google Drive (Old)

    313 Bytes
    Google+

    397 Bytes

    Communications

     
    WhatsApp

    484 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

    798 Bytes
    Tutanota

    627 Bytes
    Messenger

    833 Bytes
    Discord

    505 Bytes
    Zoom

    530 Bytes
    Wire

    276 Bytes
    Teamspeak

    937 Bytes
    Element

    486 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

    950 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
    Glitch

    1012 Bytes
    AngelList

    995 Bytes
    Jellyfin

    988 Bytes
    Gandi

    788 Bytes
    Kaggle

    524 Bytes
    Humble Bundle

    978 Bytes
    freeCodeCamp

    1016 Bytes
    Codeberg

    837 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
    microformats

    798 Bytes

    Browsers

    Chrome

    378 Bytes
    Firefox

    1023 Bytes
    Samsung Internet

    347 Bytes
    Edge

    964 Bytes
    Opera

    721 Bytes
    Safari

    709 Bytes
    Chromium

    379 Bytes

    Podcasts

    iTunes

    780 Bytes
    Google

    478 Bytes
    Pocket Casts

    292 Bytes
    Stitcher

    387 Bytes
    TuneIn

    608 Bytes
    acast

    461 Bytes
    Overcast

    789 Bytes

    Logos

    Apple

    417 Bytes
    npm

    301 Bytes
    Docker

    431 Bytes
    IBM

    503 Bytes
    Open Source

    262 Bytes
    Intel

    757 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

    973 Bytes
    Ubiquiti

    558 Bytes
    Adobe

    261 Bytes
    Homekit

    822 Bytes
    Pixelfed

    990 Bytes
    Samsung

    1023 Bytes
    Samsung (alt.)

    894 Bytes
    Samsung (alt. 2)

    935 Bytes
    Uphold

    819 Bytes
    CoinPot

    740 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

    608 Bytes
    OpenBugBounty

    507 Bytes
    OpenVPN

    555 Bytes
    KeePassDX

    772 Bytes
    WireGuard VPN

    970 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

    524 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

    490 Bytes
    Ruby Gems

    402 Bytes
    Lucky Framework

    491 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
    Preact

    543 Bytes
    Svelte

    997 Bytes

    Operating Systems / Kernel

    Android

    551 Bytes
    Arch Linux

    425 Bytes
    GNU/Linux

    965 Bytes
    Ubuntu

    492 Bytes
    Windows

    270 Bytes
    Elementary OS

    767 Bytes
    Debian

    937 Bytes
    Linux Mint

    1012 Bytes
    macOS

    774 Bytes

    Gaming

    Steam

    455 Bytes
    GOG.com

    718 Bytes
    Ubisoft

    530 Bytes
    Uplay

    543 Bytes
    Electronic Arts

    296 Bytes
    Minecraft

    1023 Bytes
    itch.io

    870 Bytes

    Misc

    Calendar

    974 Bytes
    SlideShare

    661 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
    Roundcube

    838 Bytes
    Fritz!

    719 Bytes
    Keskonfai.fr

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

    Android Vector Drawables

    Icons also available as Android Vector Drawables, so you can easily use them in Android apps.

    They are converted using Android Studio and are not guaranteed to be under 1KB.

    To convert in Android Studio, go to Tools ➡ Resource Manager ➡ Drawable ➡ + ➡ Import Drawables ➡ then select the SVGs.

    Note Android Studio doesn't like rounded corners. Before importing, run sed -i '/rx\=\"15\%\"/d' ./*.svg

    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"/>
       ...
    </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.

    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:

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

    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.

    Install

    npm i super-tiny-icons

    DownloadsWeekly Downloads

    864

    Version

    0.4.0

    License

    MIT

    Unpacked Size

    211 kB

    Total Files

    280

    Last publish

    Collaborators

    • edent