New Layout
Tidy up of everything. No more duplicate icons. More logical layout.
edent
171
README.md
@@ -1,5 +1,5 @@
|
|||||||
# Super Tiny Social Icons
|
# Super Tiny Social Icons
|
||||||
Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourite logos. The average size is *under* 600 bytes!
|
Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourite logos. The average size is *under* 550 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.
|
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.
|
||||||
|
|
||||||
@@ -11,119 +11,119 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
|
|||||||
|
|
||||||
| 747 Bytes SVG | 3,549 Bytes PNG | 425 Bytes SVG | 3,204 Bytes PNG | 252 Bytes SVG | 2,581 Bytes PNG |
|
| 747 Bytes SVG | 3,549 Bytes PNG | 425 Bytes SVG | 3,204 Bytes PNG | 252 Bytes SVG | 2,581 Bytes PNG |
|
||||||
|------ |----------- |------ |---------- |------ |----------- |
|
|------ |----------- |------ |---------- |------ |----------- |
|
||||||
| <img src="https://edent.github.io/SuperTinyIcons/tiniest/github.svg" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/original/github.png" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/tiniest/twitter.svg" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/original/twitter.png" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/tiniest/flickr.svg" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/original/flickr.png" width="100" /> |
|
| <img src="https://edent.github.io/SuperTinyIcons/images/svg/github.svg" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/images/png/github.png" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/images/svg/twitter.svg" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/images/png/twitter.png" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/images/svg/flickr.svg" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/images/png/flickr.png" width="100" /> |
|
||||||
|
|
||||||
## What's Available so far?
|
## What's Available so far?
|
||||||
|
|
||||||
<table>
|
<table>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/hackernews.svg" width="125" title="Hacker News" /><br>228 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/hackernews.svg" width="125" title="Hacker News" /><br>228 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/flickr.svg" width="125" title="flickr" /><br>252 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/flickr.svg" width="125" title="flickr" /><br>252 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/facebook.svg" width="125" title="Facebook" /><br>270 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/facebook.svg" width="125" title="Facebook" /><br>270 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/tumblr.svg" width="125" title="tumblr" /><br>451 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/tumblr.svg" width="125" title="tumblr" /><br>451 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/twitter.svg" width="125" title="Twitter" /><br>425 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/twitter.svg" width="125" title="Twitter" /><br>425 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/whatsapp.svg" width="125" title="WhatsApp" /><br>646 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/whatsapp.svg" width="125" title="WhatsApp" /><br>646 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/dropbox.svg" width="125" title="Dropbox" /><br>338 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/dropbox.svg" width="125" title="Dropbox" /><br>338 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/telegram.svg" width="125" title="Telegram" /><br>354 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/telegram.svg" width="125" title="Telegram" /><br>354 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/linkedin.svg" width="125" title="LinkedIn" /><br>372 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/linkedin.svg" width="125" title="LinkedIn" /><br>372 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/stackoverflow.svg" width="125" title="StackOverflow" /><br>370 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/stackoverflow.svg" width="125" title="StackOverflow" /><br>370 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/instagram.svg" width="125" title="Instagram" /><br>316 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/instagram.svg" width="125" title="Instagram" /><br>316 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/wordpress.svg" width="125" title="WordPress" /><br>544 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/wordpress.svg" width="125" title="WordPress" /><br>544 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/skype.svg" width="125" title="Skype" /><br>492 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/skype.svg" width="125" title="Skype" /><br>492 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/reddit.svg" width="125" title="Reddit" /><br>529 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/reddit.svg" width="125" title="Reddit" /><br>529 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/pinterest.svg" width="125" title="Pinterest" /><br>532 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/pinterest.svg" width="125" title="Pinterest" /><br>532 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/paypal.svg" width="125" title="PayPal" /><br>583 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/paypal.svg" width="125" title="PayPal" /><br>583 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/github.svg" width="125" title="GitHub" /><br>747 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/github.svg" width="125" title="GitHub" /><br>747 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/wikipedia.svg" width="125" title="Wikipedia" /><br>608 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/wikipedia.svg" width="125" title="Wikipedia" /><br>608 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/vimeo.svg" width="125" title="Vimeo" /><br>375 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/vimeo.svg" width="125" title="Vimeo" /><br>375 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/slideshare.svg" width="125" title="SlideShare" /><br>635 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/slideshare.svg" width="125" title="SlideShare" /><br>635 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/soundcloud.svg" width="125" title="SoundCloud" /><br>964 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/soundcloud.svg" width="125" title="SoundCloud" /><br>964 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/spotify.svg" width="125" title="Spotify" /><br>436 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/spotify.svg" width="125" title="Spotify" /><br>436 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/snapchat.svg" width="125" title="SnapChat" /><br>619 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/snapchat.svg" width="125" title="SnapChat" /><br>619 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/amazon.svg" width="125" title="Amazon" /><br>674 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/amazon.svg" width="125" title="Amazon" /><br>674 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/steam.svg" width="125" title="Steam" /><br>859 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/steam.svg" width="125" title="Steam" /><br>859 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/google.svg" width="125" title="Google" /><br>247 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/google.svg" width="125" title="Google" /><br>247 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/google_plus.svg" width="125" title="Google Plus" /><br>374 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/google_plus.svg" width="125" title="Google Plus" /><br>374 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/wechat.svg" width="125" title="WeChat" /><br>765 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/wechat.svg" width="125" title="WeChat" /><br>765 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/youtube.svg" width="125" title="YouTube" /><br>423 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/youtube.svg" width="125" title="YouTube" /><br>423 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/pdf.svg" width="125" title="PDF" /><br>383 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/pdf.svg" width="125" title="PDF" /><br>383 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/vk.svg" width="125" title="VK" /><br>597 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/vk.svg" width="125" title="VK" /><br>597 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/rss.svg" width="125" title="RSS" /><br>310 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/rss.svg" width="125" title="RSS" /><br>310 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/mail.svg" width="125" title="mail" /><br>573 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/mail.svg" width="125" title="mail" /><br>573 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/email.svg" width="125" title="email" /><br>379 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/email.svg" width="125" title="email" /><br>379 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/mastodon.svg" width="125" title="Mastodon" /><br>567 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/mastodon.svg" width="125" title="Mastodon" /><br>567 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/wire.svg" width="125" title="Wire" /><br>286 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/wire.svg" width="125" title="Wire" /><br>286 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/tox.svg" width="125" title="Tox" /><br>493 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/tox.svg" width="125" title="Tox" /><br>493 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/gitlab.svg" width="125" title="GitLab" /><br>288 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/gitlab.svg" width="125" title="GitLab" /><br>288 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/phone.svg" width="125" title="Phone" /><br>632 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/phone.svg" width="125" title="Phone" /><br>632 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/lock.svg" width="125" title="Lock" /><br>405 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/lock.svg" width="125" title="Lock" /><br>405 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/html5.svg" width="125" title="HTML5" /><br>399 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/html5.svg" width="125" title="HTML5" /><br>399 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/meetup.svg" width="125" title="Meetup" /><br>634 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/meetup.svg" width="125" title="Meetup" /><br>634 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/line.svg" width="125" title="Line" /><br>479 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/line.svg" width="125" title="Line" /><br>479 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/lastpass.svg" width="125" title="LastPass" /><br>325 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/lastpass.svg" width="125" title="LastPass" /><br>325 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/windows.svg" width="125" title="Microsoft Windows" /><br>274 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/windows.svg" width="125" title="Microsoft Windows" /><br>274 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/digidentity.svg" width="125" title="Digidentity" /><br>393 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/digidentity.svg" width="125" title="Digidentity" /><br>393 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/ubuntu.svg" width="125" title="Ubuntu" /><br>755 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/ubuntu.svg" width="125" title="Ubuntu" /><br>755 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/bitbucket.svg" width="125" title="Atlassian BitBucket" /><br>658 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/bitbucket.svg" width="125" title="Atlassian BitBucket" /><br>658 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/apple.svg" width="125" title="Apple" /><br>1011 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/apple.svg" width="125" title="Apple" /><br>1011 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/npm.svg" width="125" title="NPM" /><br>375 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/npm.svg" width="125" title="NPM" /><br>375 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/docker.svg" width="125" title="Docker" /><br>526 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/docker.svg" width="125" title="Docker" /><br>526 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/symantec.svg" width="125" title="Symantec" /><br>966 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/symantec.svg" width="125" title="Symantec" /><br>966 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/yubico.svg" width="125" title="Yubico" /><br>313 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/yubico.svg" width="125" title="Yubico" /><br>313 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/keybase.svg" width="125" title="Keybase" /><br>1010 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/keybase.svg" width="125" title="Keybase" /><br>1010 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/ebay.svg" width="125" title="eBay" /><br>830 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/ebay.svg" width="125" title="eBay" /><br>830 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/evernote.svg" width="125" title="Evernote" /><br>799 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/evernote.svg" width="125" title="Evernote" /><br>799 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/kickstarter.svg" width="125" title="Kickstarter" /><br>661 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/kickstarter.svg" width="125" title="Kickstarter" /><br>661 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/yahoo.svg" width="125" title="Yahoo!" /><br>575 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/yahoo.svg" width="125" title="Yahoo!" /><br>575 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/bitcoin.svg" width="125" title="BitCoin" /><br>525 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/bitcoin.svg" width="125" title="BitCoin" /><br>525 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/bluetooth.svg" width="125" title="bluetooth" /><br>255 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/bluetooth.svg" width="125" title="bluetooth" /><br>255 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/ibm.svg" width="125" title="IBM" /><br>937 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/ibm.svg" width="125" title="IBM" /><br>937 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/yammer.svg" width="125" title="Yammer" /><br>946 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/yammer.svg" width="125" title="Yammer" /><br>946 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/android.svg" width="125" title="Android" /><br>809 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/android.svg" width="125" title="Android" /><br>809 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/authy.svg" width="125" title="Authy" /><br>650 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/authy.svg" width="125" title="Authy" /><br>650 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/blogger.svg" width="125" title="Blogger" /><br>507 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/blogger.svg" width="125" title="Blogger" /><br>507 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/cloudflare.svg" width="125" title="CloudFlare" /><br>569 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/cloudflare.svg" width="125" title="CloudFlare" /><br>569 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/codepen.svg" width="125" title="CodePen" /><br>638 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/codepen.svg" width="125" title="CodePen" /><br>638 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/digitalocean.svg" width="125" title="Digital Ocean" /><br>267 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/digitalocean.svg" width="125" title="Digital Ocean" /><br>267 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/discord.svg" width="125" title="Discord" /><br>691 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/discord.svg" width="125" title="Discord" /><br>691 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/medium.svg" width="125" title="Medium" /><br>379 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/medium.svg" width="125" title="Medium" /><br>379 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/airbnb.svg" width="125" title="AirBnB" /><br>996 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/airbnb.svg" width="125" title="AirBnB" /><br>996 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/wifi.svg" width="125" title="Wi-Fi" /><br>648 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/wifi.svg" width="125" title="Wi-Fi" /><br>648 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/delicious.svg" width="125" title="delicious" /><br>270 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/delicious.svg" width="125" title="delicious" /><br>270 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/disqus.svg" width="125" title="Disqus" /><br>398 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/disqus.svg" width="125" title="Disqus" /><br>398 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/ghost.svg" width="125" title="Ghost" /><br>273 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/ghost.svg" width="125" title="Ghost" /><br>273 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/opensource.svg" width="125" title="Open Source" /><br>256 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/opensource.svg" width="125" title="Open Source" /><br>256 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/patreon.svg" width="125" title="Patreon" /><br>324 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/patreon.svg" width="125" title="Patreon" /><br>324 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/trello.svg" width="125" title="Trello" /><br>276 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/trello.svg" width="125" title="Trello" /><br>276 Bytes</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/intel.svg" width="125" title="intel" /><br>983 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/intel.svg" width="125" title="intel" /><br>983 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/badoo.svg" width="125" title="Badoo" /><br>373 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/badoo.svg" width="125" title="Badoo" /><br>373 Bytes</td>
|
||||||
<td><img src="https://edent.github.io/SuperTinyIcons/tiniest/samsunginternet.svg" width="125" title="Samsung Internet" /><br>943 Bytes</td>
|
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/samsunginternet.svg" width="125" title="Samsung Internet" /><br>943 Bytes</td>
|
||||||
<td></td>
|
<td></td>
|
||||||
<td></td>
|
<td></td>
|
||||||
<td></td>
|
<td></td>
|
||||||
@@ -139,8 +139,7 @@ Bytes cost money. They cost money to store, transport, and process. Simplicity
|
|||||||
These files edited by hand in Inkscape, then were minified using [svgo](https://github.com/svg/svgo) and [svgcleaner](https://github.com/RazrFalcon/svgcleaner). Further smallification may be possible. Try it!
|
These files edited by hand in Inkscape, then were minified using [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 `<svg>` tag. This isn't strictly necessary - but some web browsers won't display them as an image without 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.
|
||||||
* Newlines can be stripped. In `tiny/`, they've been kept for readability where possible; in `tiniest/`, they've been dropped.
|
* Rounded corners can be dropped - `rx="80"` - the effect can be done in CSS if you want.
|
||||||
* Rounded corners can be dropped - `rx="15%"` - the effect can be done in CSS if you want.
|
|
||||||
* The background colour can also be excluded if you're including it elsewhere.
|
* The background colour can also be excluded if you're including it elsewhere.
|
||||||
* Colours can be simplified. `#FF0000` becomes `red`.
|
* 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.
|
* 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.
|
||||||
@@ -149,6 +148,8 @@ Think you can make them smaller? Tell me by raising an issue!
|
|||||||
|
|
||||||
Want more icons? Tell me by raising an issue!
|
Want more icons? Tell me by raising an issue!
|
||||||
|
|
||||||
|
Think the icons look wrong? Tell me by raising an issue!
|
||||||
|
|
||||||
**New!** Icons also available in [Android Vector Drawables](https://developer.android.com/guide/topics/graphics/vector-drawable-resources.html) so you can easily use them in Android apps. Converted using https://github.com/inloop/svg2android/issues - not guaranteed to be under 1KB.
|
**New!** Icons also available in [Android Vector Drawables](https://developer.android.com/guide/topics/graphics/vector-drawable-resources.html) so you can easily use them in Android apps. Converted using https://github.com/inloop/svg2android/issues - not guaranteed to be under 1KB.
|
||||||
|
|
||||||
## Icon accessibility
|
## Icon accessibility
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 996 B After Width: | Height: | Size: 996 B |
|
Before Width: | Height: | Size: 674 B After Width: | Height: | Size: 674 B |
|
Before Width: | Height: | Size: 809 B After Width: | Height: | Size: 809 B |
|
Before Width: | Height: | Size: 1011 B After Width: | Height: | Size: 1011 B |
|
Before Width: | Height: | Size: 650 B After Width: | Height: | Size: 650 B |
|
Before Width: | Height: | Size: 373 B After Width: | Height: | Size: 373 B |
|
Before Width: | Height: | Size: 658 B After Width: | Height: | Size: 658 B |
|
Before Width: | Height: | Size: 525 B After Width: | Height: | Size: 525 B |
|
Before Width: | Height: | Size: 507 B After Width: | Height: | Size: 507 B |
|
Before Width: | Height: | Size: 255 B After Width: | Height: | Size: 255 B |
|
Before Width: | Height: | Size: 569 B After Width: | Height: | Size: 569 B |
|
Before Width: | Height: | Size: 638 B After Width: | Height: | Size: 638 B |
|
Before Width: | Height: | Size: 270 B After Width: | Height: | Size: 270 B |
|
Before Width: | Height: | Size: 393 B After Width: | Height: | Size: 393 B |
|
Before Width: | Height: | Size: 267 B After Width: | Height: | Size: 267 B |
|
Before Width: | Height: | Size: 691 B After Width: | Height: | Size: 691 B |
|
Before Width: | Height: | Size: 398 B After Width: | Height: | Size: 398 B |
|
Before Width: | Height: | Size: 526 B After Width: | Height: | Size: 526 B |
|
Before Width: | Height: | Size: 338 B After Width: | Height: | Size: 338 B |
|
Before Width: | Height: | Size: 830 B After Width: | Height: | Size: 830 B |
|
Before Width: | Height: | Size: 379 B After Width: | Height: | Size: 379 B |
|
Before Width: | Height: | Size: 799 B After Width: | Height: | Size: 799 B |
|
Before Width: | Height: | Size: 270 B After Width: | Height: | Size: 270 B |
|
Before Width: | Height: | Size: 252 B After Width: | Height: | Size: 252 B |
|
Before Width: | Height: | Size: 273 B After Width: | Height: | Size: 273 B |
|
Before Width: | Height: | Size: 747 B After Width: | Height: | Size: 747 B |
|
Before Width: | Height: | Size: 288 B After Width: | Height: | Size: 288 B |
|
Before Width: | Height: | Size: 247 B After Width: | Height: | Size: 247 B |
|
Before Width: | Height: | Size: 374 B After Width: | Height: | Size: 374 B |
|
Before Width: | Height: | Size: 228 B After Width: | Height: | Size: 228 B |
|
Before Width: | Height: | Size: 399 B After Width: | Height: | Size: 399 B |
|
Before Width: | Height: | Size: 937 B After Width: | Height: | Size: 937 B |
|
Before Width: | Height: | Size: 316 B After Width: | Height: | Size: 316 B |
|
Before Width: | Height: | Size: 983 B After Width: | Height: | Size: 983 B |
|
Before Width: | Height: | Size: 1010 B After Width: | Height: | Size: 1010 B |
|
Before Width: | Height: | Size: 661 B After Width: | Height: | Size: 661 B |
|
Before Width: | Height: | Size: 325 B After Width: | Height: | Size: 325 B |
|
Before Width: | Height: | Size: 479 B After Width: | Height: | Size: 479 B |
|
Before Width: | Height: | Size: 372 B After Width: | Height: | Size: 372 B |
|
Before Width: | Height: | Size: 405 B After Width: | Height: | Size: 405 B |
|
Before Width: | Height: | Size: 573 B After Width: | Height: | Size: 573 B |
|
Before Width: | Height: | Size: 567 B After Width: | Height: | Size: 567 B |