edent/SuperTinyIcons
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revised, visually centered and path optimized all icons. (#112)

Browse Source 
* Visually centered a few icons, some new paths and optimizations.

Apple - Visually centered and change the path to more a accurate one.
Bytes: 1011 —> 580.

Dropbox - Visually centered and change the path to fix point alignment.
Bytes: 338 —> 350.

Twitter - Visually centered.
Bytes: 425 —> 431.

Ubuntu - Visually centered and change the path and color to a more
accurate one.
Bytes: 755 —> 674.

Vimeo - Visually centered.
Bytes: 375 —> 379.

WhatsApp - Visually centered and change the path and color to more a
accurate one.
Bytes: 646 —> 611.

Windows - Visually centered and change the path to fix the lines
between shapes.
Bytes: 274 —> 284.

Hope this helps.

FYI: Wikicommons have good SVG shapes and most companies have brand
guidelines with accurate logo renditions and colors.

* Removed newlines, fixed Ubuntu color and updated ReadMe and Twitter PNG.

* Twitter PNG Artifacts Fix.

* Optimizations and new color palettes.

Apple - New color palette that better represents the brand, and tiny
bit smaller.

Ubuntu - I keep finding ways to make this one smaller.

Wikipedia - New color palette that better represents the brand, and bit
smaller.

* Update

* Update drama

* Solving conflicts

* Solved conflicts.

* Optimizations and new color palettes

Apple - New color palette that better represents the brand, and tiny
bit smaller.

Ubuntu - I keep finding ways to make this one smaller.

Wikipedia - New color palette that better represents the brand, and bit
smaller.

* More Ubuntu optimizations.

Learning SVG as we go.

* Revert "More Ubuntu optimizations."

This reverts commit 74c1a45959.

* More Ubuntu Optimizations.

* Guidelines Folder.

* Guidelines.

Added guidelines with instructions.

* Revert "Guidelines."

This reverts commit eb30dfe163.

* Revert "Revert "Guidelines.""

This reverts commit 76edce25ec.

* Removed guidelines for small squares.

* Aligned to guideline and path optimized Airbnb, Amazon, Authy, Badoo and Bitcoin.

All were aligned accordingly and optimized to the following percentages:

Airbnb - 43%
Amazon - 0%
Authy - 38%
Badoo - 23%
Bitcoin + 1%

I’ll update Readme.

* Fixed Amazon radius. Whops.

* Updated from Master Branch.

* Aligned to guideline and path optimized Android,

All were aligned accordingly and optimized to the following percentages:

Android - 31%
Bitbucket + 3%

Updated README with the new file sizes.

* Correct radius on Android

* Aligned to guideline, path optimized and some fixes to Blogger, Bluetooth, CloudFlare, CodePen, Delicious, Digidentity and Digital Ocean.

All were aligned accordingly and optimized to the following percentages:

Blogger - 23% and corrected color.
Bluetooth - 1% and corrected color.
CloudFlare - 12%
CodePen - 42% and corrected color contrast.
Delicious + 35% because I added a clipping path, for consistency.
Review it.
Digidentity - 0%
Digital Ocean + 20% No idea how to make it the same file size after
following the guideline.

Updated README with the new file sizes.

* Aligned to guideline, path optimized and some fixes to Discord, Disqus, Docker, Dropbox

All were aligned accordingly and optimized to the following percentages:

Discord - 27% and corrected shape and color.
Disqus - 6%
Docker - 12% and corrected color.
Dropbox - 11% and corrected color.
Ebay - 1%

Updated README with the new file sizes.

* Aligned to guideline, path optimized and some fixes to Apple, IBM, Samsung Internet, Email and Evernote.

All were aligned accordingly and optimized to the following percentages:

Apple - 17% and corrected color.
IBM - 39% magic was done to achieve this.
Samsung Internet - 63%
Email - 8% I’m proposing a new icon that represents generic email
branding trends.
Evernote - 12% and corrected colors and fixed contrast.

Updated README with the new file sizes.

* Fix v2 of AirBnb in Chrome.

* Added aria-label to samsunginternet.svg

* Fixed typo.

* All were resized and aligned accordingly.

Facebook, Github and Gitlab were redrawn to better follow icon brand guidelines.

Badoo and bitbucket were just missing role="img".

Updated README with the new file sizes.

* All icons now follow the guideline and have been path optimized.

Few have been tweaked to better follow brand guidelines, some have been
redone from scratch.

* Updated README sizes.

* Ignore alternative Instagram.

* Revert "Ignore alternative Instagram."

This reverts commit 475177f61f.

* Fixed Telegram's size and README.
This commit is contained in:
Arturo Acevedo
2018-01-03 02:08:32 -06:00
committed by Terence Eden
parent dd006f6182
commit 8416ffcff6
81 changed files with 145 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
README.md
View File

@@ -7,7 +7,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
## How Small?
| 747 Bytes SVG | 3,549 Bytes PNG | 428 Bytes SVG | 3,388 Bytes PNG | 252 Bytes SVG | 2,581 Bytes PNG |
| 616 Bytes SVG | 3,549 Bytes PNG | 422 Bytes SVG | 3,388 Bytes PNG | 250 Bytes SVG | 2,581 Bytes PNG |
|------ |----------- |------ |---------- |------ |----------- |
| <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" /> |
@@ -15,119 +15,119 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<table>
<tr>
<td><img src="images/svg/hackernews.svg" width="125" title="Hacker News" /><br>230 Bytes</td>
<td><img src="images/svg/flickr.svg" width="125" title="flickr" /><br>252 Bytes</td>
<td><img src="images/svg/facebook.svg" width="125" title="Facebook" /><br>270 Bytes</td>
<td><img src="images/svg/tumblr.svg" width="125" title="tumblr" /><br>451 Bytes</td>
<td><img src="images/svg/twitter.svg" width="125" title="Twitter" /><br>438 Bytes</td>
<td><img src="images/svg/whatsapp.svg" width="125" title="WhatsApp" /><br>630 Bytes</td>
<td><img src="images/svg/hackernews.svg" width="125" title="Hacker News" /><br>229 Bytes</td>
<td><img src="images/svg/flickr.svg" width="125" title="flickr" /><br>250 Bytes</td>
<td><img src="images/svg/facebook.svg" width="125" title="Facebook" /><br>283 Bytes</td>
<td><img src="images/svg/tumblr.svg" width="125" title="tumblr" /><br>422 Bytes</td>
<td><img src="images/svg/twitter.svg" width="125" title="Twitter" /><br>422 Bytes</td>
<td><img src="images/svg/whatsapp.svg" width="125" title="WhatsApp" /><br>539 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/dropbox.svg" width="125" title="Dropbox" /><br>290 Bytes</td>
<td><img src="images/svg/telegram.svg" width="125" title="Telegram" /><br>354 Bytes</td>
<td><img src="images/svg/linkedin.svg" width="125" title="LinkedIn" /><br>372 Bytes</td>
<td><img src="images/svg/stackoverflow.svg" width="125" title="StackOverflow" /><br>370 Bytes</td>
<td><img src="images/svg/instagram.svg" width="125" title="Instagram" /><br>316 Bytes</td>
<td><img src="images/svg/wordpress.svg" width="125" title="WordPress" /><br>544 Bytes</td>
<td><img src="images/svg/telegram.svg" width="125" title="Telegram" /><br>419 Bytes</td>
<td><img src="images/svg/linkedin.svg" width="125" title="LinkedIn" /><br>370 Bytes</td>
<td><img src="images/svg/stackoverflow.svg" width="125" title="StackOverflow" /><br>336 Bytes</td>
<td><img src="images/svg/instagram.svg" width="125" title="Instagram" /><br>345 Bytes</td>
<td><img src="images/svg/wordpress.svg" width="125" title="WordPress" /><br>513 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/skype.svg" width="125" title="Skype" /><br>492 Bytes</td>
<td><img src="images/svg/reddit.svg" width="125" title="Reddit" /><br>529 Bytes</td>
<td><img src="images/svg/pinterest.svg" width="125" title="Pinterest" /><br>532 Bytes</td>
<td><img src="images/svg/paypal.svg" width="125" title="PayPal" /><br>583 Bytes</td>
<td><img src="images/svg/github.svg" width="125" title="GitHub" /><br>747 Bytes</td>
<td><img src="images/svg/wikipedia.svg" width="125" title="Wikipedia" /><br>610 Bytes</td>
<td><img src="images/svg/skype.svg" width="125" title="Skype" /><br>487 Bytes</td>
<td><img src="images/svg/reddit.svg" width="125" title="Reddit" /><br>650 Bytes</td>
<td><img src="images/svg/pinterest.svg" width="125" title="Pinterest" /><br>526 Bytes</td>
<td><img src="images/svg/paypal.svg" width="125" title="PayPal" /><br>548 Bytes</td>
<td><img src="images/svg/github.svg" width="125" title="GitHub" /><br>616 Bytes</td>
<td><img src="images/svg/wikipedia.svg" width="125" title="Wikipedia" /><br>601 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/vimeo.svg" width="125" title="Vimeo" /><br>375 Bytes</td>
<td><img src="images/svg/slideshare.svg" width="125" title="SlideShare" /><br>635 Bytes</td>
<td><img src="images/svg/soundcloud.svg" width="125" title="SoundCloud" /><br>964 Bytes</td>
<td><img src="images/svg/vimeo.svg" width="125" title="Vimeo" /><br>376 Bytes</td>
<td><img src="images/svg/slideshare.svg" width="125" title="SlideShare" /><br>668 Bytes</td>
<td><img src="images/svg/soundcloud.svg" width="125" title="SoundCloud" /><br>959 Bytes</td>
<td><img src="images/svg/spotify.svg" width="125" title="Spotify" /><br>436 Bytes</td>
<td><img src="images/svg/snapchat.svg" width="125" title="SnapChat" /><br>619 Bytes</td>
<td><img src="images/svg/amazon.svg" width="125" title="Amazon" /><br>674 Bytes</td>
<td><img src="images/svg/snapchat.svg" width="125" title="SnapChat" /><br>649 Bytes</td>
<td><img src="images/svg/amazon.svg" width="125" title="Amazon" /><br>673 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/steam.svg" width="125" title="Steam" /><br>859 Bytes</td>
<td><img src="images/svg/google.svg" width="125" title="Google" /><br>802 Bytes</td>
<td><img src="images/svg/google_plus.svg" width="125" title="Google Plus" /><br>374 Bytes</td>
<td><img src="images/svg/wechat.svg" width="125" title="WeChat" /><br>765 Bytes</td>
<td><img src="images/svg/youtube.svg" width="125" title="YouTube" /><br>423 Bytes</td>
<td><img src="images/svg/pdf.svg" width="125" title="PDF" /><br>383 Bytes</td>
<td><img src="images/svg/steam.svg" width="125" title="Steam" /><br>455 Bytes</td>
<td><img src="images/svg/google.svg" width="125" title="Google" /><br>484 Bytes</td>
<td><img src="images/svg/google_plus.svg" width="125" title="Google Plus" /><br>397 Bytes</td>
<td><img src="images/svg/wechat.svg" width="125" title="WeChat" /><br>639 Bytes</td>
<td><img src="images/svg/youtube.svg" width="125" title="YouTube" /><br>359 Bytes</td>
<td><img src="images/svg/pdf.svg" width="125" title="PDF" /><br>674 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/vk.svg" width="125" title="VK" /><br>597 Bytes</td>
<td><img src="images/svg/rss.svg" width="125" title="RSS" /><br>305 Bytes</td>
<td><img src="images/svg/mail.svg" width="125" title="mail" /><br>573 Bytes</td>
<td><img src="images/svg/vk.svg" width="125" title="VK" /><br>534 Bytes</td>
<td><img src="images/svg/rss.svg" width="125" title="RSS" /><br>309 Bytes</td>
<td><img src="images/svg/mail.svg" width="125" title="mail" /><br>572 Bytes</td>
<td><img src="images/svg/email.svg" width="125" title="email" /><br>350 Bytes</td>
<td><img src="images/svg/mastodon.svg" width="125" title="Mastodon" /><br>664 Bytes</td>
<td><img src="images/svg/mastodon.svg" width="125" title="Mastodon" /><br>550 Bytes</td>
<td><img src="images/svg/wire.svg" width="125" title="Wire" /><br>286 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/tox.svg" width="125" title="Tox" /><br>493 Bytes</td>
<td><img src="images/svg/gitlab.svg" width="125" title="GitLab" /><br>288 Bytes</td>
<td><img src="images/svg/phone.svg" width="125" title="Phone" /><br>632 Bytes</td>
<td><img src="images/svg/lock.svg" width="125" title="Lock" /><br>405 Bytes</td>
<td><img src="images/svg/tox.svg" width="125" title="Tox" /><br>494 Bytes</td>
<td><img src="images/svg/gitlab.svg" width="125" title="GitLab" /><br>423 Bytes</td>
<td><img src="images/svg/phone.svg" width="125" title="Phone" /><br>591 Bytes</td>
<td><img src="images/svg/lock.svg" width="125" title="Lock" /><br>420 Bytes</td>
<td><img src="images/svg/html5.svg" width="125" title="HTML5" /><br>399 Bytes</td>
<td><img src="images/svg/meetup.svg" width="125" title="Meetup" /><br>634 Bytes</td>
<td><img src="images/svg/meetup.svg" width="125" title="Meetup" /><br>524 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/line.svg" width="125" title="Line" /><br>479 Bytes</td>
<td><img src="images/svg/lastpass.svg" width="125" title="LastPass" /><br>325 Bytes</td>
<td><img src="images/svg/windows.svg" width="125" title="Microsoft Windows" /><br>269 Bytes</td>
<td><img src="images/svg/line.svg" width="125" title="Line" /><br>478 Bytes</td>
<td><img src="images/svg/lastpass.svg" width="125" title="LastPass" /><br>326 Bytes</td>
<td><img src="images/svg/windows.svg" width="125" title="Microsoft Windows" /><br>270 Bytes</td>
<td><img src="images/svg/digidentity.svg" width="125" title="Digidentity" /><br>393 Bytes</td>
<td><img src="images/svg/ubuntu.svg" width="125" title="Ubuntu" /><br>542 Bytes</td>
<td><img src="images/svg/bitbucket.svg" width="125" title="Atlassian BitBucket" /><br>680 Bytes</td>
<td><img src="images/svg/ubuntu.svg" width="125" title="Ubuntu" /><br>541 Bytes</td>
<td><img src="images/svg/bitbucket.svg" width="125" title="Atlassian BitBucket" /><br>699 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/apple.svg" width="125" title="Apple" /><br>417 Bytes</td>
<td><img src="images/svg/npm.svg" width="125" title="NPM" /><br>375 Bytes</td>
<td><img src="images/svg/npm.svg" width="125" title="NPM" /><br>329 Bytes</td>
<td><img src="images/svg/docker.svg" width="125" title="Docker" /><br>465 Bytes</td>
<td><img src="images/svg/symantec.svg" width="125" title="Symantec" /><br>966 Bytes</td>
<td><img src="images/svg/yubico.svg" width="125" title="Yubico" /><br>313 Bytes</td>
<td><img src="images/svg/keybase.svg" width="125" title="Keybase" /><br>1010 Bytes</td>
<td><img src="images/svg/symantec.svg" width="125" title="Symantec" /><br>762 Bytes</td>
<td><img src="images/svg/yubico.svg" width="125" title="Yubico" /><br>309 Bytes</td>
<td><img src="images/svg/keybase.svg" width="125" title="Keybase" /><br>662 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/ebay.svg" width="125" title="eBay" /><br>819 Bytes</td>
<td><img src="images/svg/evernote.svg" width="125" title="Evernote" /><br>704 Bytes</td>
<td><img src="images/svg/kickstarter.svg" width="125" title="Kickstarter" /><br>308 Bytes</td>
<td><img src="images/svg/yahoo.svg" width="125" title="Yahoo!" /><br>575 Bytes</td>
<td><img src="images/svg/kickstarter.svg" width="125" title="Kickstarter" /><br>288 Bytes</td>
<td><img src="images/svg/yahoo.svg" width="125" title="Yahoo!" /><br>379 Bytes</td>
<td><img src="images/svg/bitcoin.svg" width="125" title="BitCoin" /><br>529 Bytes</td>
<td><img src="images/svg/bluetooth.svg" width="125" title="bluetooth" /><br>253 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/ibm.svg" width="125" title="IBM" /><br>569 Bytes</td>
<td><img src="images/svg/yammer.svg" width="125" title="Yammer" /><br>946 Bytes</td>
<td><img src="images/svg/android.svg" width="125" title="Android" /><br>558 Bytes</td>
<td><img src="images/svg/authy.svg" width="125" title="Authy" /><br>402 Bytes</td>
<td><img src="images/svg/ibm.svg" width="125" title="IBM" /><br>550 Bytes</td>
<td><img src="images/svg/yammer.svg" width="125" title="Yammer" /><br>479 Bytes</td>
<td><img src="images/svg/android.svg" width="125" title="Android" /><br>551 Bytes</td>
<td><img src="images/svg/authy.svg" width="125" title="Authy" /><br>365 Bytes</td>
<td><img src="images/svg/blogger.svg" width="125" title="Blogger" /><br>389 Bytes</td>
<td><img src="images/svg/cloudflare.svg" width="125" title="CloudFlare" /><br>500 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/codepen.svg" width="125" title="CodePen" /><br>638 Bytes</td>
<td><img src="images/svg/codepen.svg" width="125" title="CodePen" /><br>375 Bytes</td>
<td><img src="images/svg/digitalocean.svg" width="125" title="Digital Ocean" /><br>323 Bytes</td>
<td><img src="images/svg/discord.svg" width="125" title="Discord" /><br>506 Bytes</td>
<td><img src="images/svg/medium.svg" width="125" title="Medium" /><br>379 Bytes</td>
<td><img src="images/svg/airbnb.svg" width="125" title="AirBnB" /><br>583 Bytes</td>
<td><img src="images/svg/wifi.svg" width="125" title="Wi-Fi" /><br>648 Bytes</td>
<td><img src="images/svg/wifi.svg" width="125" title="Wi-Fi" /><br>683 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/delicious.svg" width="125" title="delicious" /><br>270 Bytes</td>
<td><img src="images/svg/disqus.svg" width="125" title="Disqus" /><br>376 Bytes</td>
<td><img src="images/svg/ghost.svg" width="125" title="Ghost" /><br>273 Bytes</td>
<td><img src="images/svg/opensource.svg" width="125" title="Open Source" /><br>256 Bytes</td>
<td><img src="images/svg/patreon.svg" width="125" title="Patreon" /><br>251 Bytes</td>
<td><img src="images/svg/ghost.svg" width="125" title="Ghost" /><br>259 Bytes</td>
<td><img src="images/svg/opensource.svg" width="125" title="Open Source" /><br>262 Bytes</td>
<td><img src="images/svg/patreon.svg" width="125" title="Patreon" /><br>250 Bytes</td>
<td><img src="images/svg/trello.svg" width="125" title="Trello" /><br>276 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/intel.svg" width="125" title="intel" /><br>983 Bytes</td>
<td><img src="images/svg/badoo.svg" width="125" title="Badoo" /><br>286 Bytes</td>
<td><img src="images/svg/samsunginternet.svg" width="125" title="Samsung Internet" /><br>347 Bytes</td>
<td><img src="images/svg/laravel.svg" width="125" title="Laravel" /><br>879 Bytes</td>
<td><img src="images/svg/google_play.svg" width="125" title="Google Play" /><br>509 Bytes</td>
<td><img src="images/svg/gmail.svg" width="125" title="Gmail" /><br>745 Bytes</td>
<td><img src="images/svg/intel.svg" width="125" title="intel" /><br>956 Bytes</td>
<td><img src="images/svg/badoo.svg" width="125" title="Badoo" /><br>297 Bytes</td>
<td><img src="images/svg/samsunginternet.svg" width="125" title="Samsung Internet" /><br>384 Bytes</td>
<td><img src="images/svg/laravel.svg" width="125" title="Laravel" /><br>583 Bytes</td>
<td><img src="images/svg/google_play.svg" width="125" title="Google Play" /><br>438 Bytes</td>
<td><img src="images/svg/gmail.svg" width="125" title="Gmail" /><br>641 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/twilio.svg" width="125" title="Twilio" /><br>395 Bytes</td>
<td><img src="images/svg/twilio.svg" width="125" title="Twilio" /><br>385 Bytes</td>
<td><img src="images/svg/plex.svg" width="125" title="Plex" /><br>221 Bytes</td>
<tr>
</table>