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

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

Browse Source 
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.
This commit is contained in:
arturoacevedob
2017-12-04 18:50:16 -06:00
parent ec7523a35e
commit 08235a41f4
8 changed files with 15 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
README.md
View File

@@ -36,7 +36,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<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>608 Bytes</td>
<td><img src="images/svg/wikipedia.svg" width="125" title="Wikipedia" /><br>610 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/vimeo.svg" width="125" title="Vimeo" /><br>375 Bytes</td>
@@ -75,42 +75,10 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<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/digidentity.svg" width="125" title="Digidentity" /><br>393 Bytes</td>
<td><img src="images/svg/ubuntu.svg" width="125" title="Ubuntu" /><br>634 Bytes</td>
<td><img src="images/svg/bitbucket.svg" width="125" title="Atlassian BitBucket" /><br>658 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>
</tr>
<tr>
<<<<<<< HEAD
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/apple.svg" width="125" title="Apple" /><br>503 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/images/svg/docker.svg" width="125" title="Docker" /><br>526 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/images/svg/yubico.svg" width="125" title="Yubico" /><br>313 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/keybase.svg" width="125" title="Keybase" /><br>1010 Bytes</td>
</tr>
<tr>
<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/images/svg/evernote.svg" width="125" title="Evernote" /><br>799 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/kickstarter.svg" width="125" title="Kickstarter" /><br>308 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/images/svg/bitcoin.svg" width="125" title="BitCoin" /><br>529 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/bluetooth.svg" width="125" title="bluetooth" /><br>255 Bytes</td>
</tr>
<tr>
<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/images/svg/yammer.svg" width="125" title="Yammer" /><br>946 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/android.svg" width="125" title="Android" /><br>557 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/authy.svg" width="125" title="Authy" /><br>402 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/images/svg/cloudflare.svg" width="125" title="CloudFlare" /><br>569 Bytes</td>
</tr>
<tr>
<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/images/svg/digitalocean.svg" width="125" title="Digital Ocean" /><br>267 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/images/svg/medium.svg" width="125" title="Medium" /><br>379 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/airbnb.svg" width="125" title="AirBnB" /><br>572 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/wifi.svg" width="125" title="Wi-Fi" /><br>648 Bytes</td>
=======
<td><img src="images/svg/apple.svg" width="125" title="Apple" /><br>503 Bytes</td>
<td><img src="images/svg/npm.svg" width="125" title="NPM" /><br>375 Bytes</td>
<td><img src="images/svg/docker.svg" width="125" title="Docker" /><br>526 Bytes</td>
@@ -124,24 +92,23 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<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/bitcoin.svg" width="125" title="BitCoin" /><br>529 Bytes</td>
<td><img src="images/svg/bluetooth.svg" width="125" title="bluetooth" /><br>255 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>937 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>557 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/blogger.svg" width="125" title="Blogger" /><br>507 Bytes</td>
<td><img src="images/svg/cloudflare.svg" width="125" title="CloudFlare" /><br>569 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/digitalocean.svg" width="125" title="Digital Ocean" /><br>267 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>691 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>572 Bytes</td>
<td><img src="images/svg/wifi.svg" width="125" title="Wi-Fi" /><br>648 Bytes</td>
>>>>>>> edent/master
</tr>
<tr>
<td><img src="images/svg/delicious.svg" width="125" title="delicious" /><br>270 Bytes</td>
@@ -152,21 +119,12 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<td><img src="images/svg/trello.svg" width="125" title="Trello" /><br>276 Bytes</td>
</tr>
<tr>
<<<<<<< HEAD
<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/images/svg/badoo.svg" width="125" title="Badoo" /><br>286 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/samsunginternet.svg" width="125" title="Samsung Internet" /><br>943 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/laravel.svg" width="125" title="Laravel" /><br>879 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/twilio.svg" width="125" title="Twilio" /><br>395 Bytes</td>
<td></td>
=======
<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>943 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>
>>>>>>> edent/master
</tr>
<tr>
<td><img src="images/svg/twilio.svg" width="125" title="Twilio" /><br>395 Bytes</td>

2
images/svg/blogger.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" aria-label="Blogger" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#f57d00" rx="15%"/><path d="M268 97l-74 1h-1c-32 0-60 13-75 34a91 91 0 0 0-16 51l-2 126h-1v2c-1 30 5 58 24 78 20 20 48 26 76 26h115c27 0 53-9 72-28 18-19 26-46 27-74v-1l-1-37c-1-12-3-27-16-40a59 59 0 0 0-40-15h-5c3-13 3-26 2-37v-4c-2-41-36-81-84-82h-1zm-68 65l63 1a27 27 0 0 1 0 55l-64-1a27 27 0 0 1 1-55zm-8 125h128a27 27 0 1 1 0 55H192a27 27 0 1 1 0-55z"/></svg>
<svg fill="#fff" stroke-linecap="round" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Blogger" role="img"><rect fill="#FA5A00" height="512" rx="15%" width="512"/><path d="M95 184c0-51 41-93 93-93h86c64 0 103 61 85 126 0 0 61-3 66 58v53c0 46-34 93-93 93H183c-49 0-88-39-88-88z"/><path d="M199 188h68M193 317h133" fill="none" stroke="#FA5A00" stroke-width="55"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 507 B

After

Width:  |  Height:  |  Size: 389 B

2
images/svg/bluetooth.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Bluetooth" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#0a3d91" rx="15%"/><path fill="none" stroke="#fff" stroke-width="33" d="M157 153l187 188-90 110V60l90 104-187 184"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Bluetooth" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#0b82fc" rx="15%"/><path d="M151 154l190 191-87 90V78l87 93-190 192" fill="none" stroke="#fff" stroke-width="33"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 255 B

After

Width:  |  Height:  |  Size: 253 B

2
images/svg/cloudflare.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="cloudflare" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path fill="#f4811f" d="M347 319c3-10 2-20-3-26s-12-10-21-11l-174-2-3-1v-3c1-2 2-3 4-3l175-2c21-1 43-18 51-38l9-26v-3a113 113 0 0 0-218-12c-10-7-22-11-35-10a52 52 0 0 0-45 64 73 73 0 0 0-70 84c0 2 2 3 3 3h320c2 0 4-1 4-3z"/><path fill="#faad3f" d="M401 207h-5l-3 2-7 24c-3 10-2 20 3 26s12 10 21 11l37 2 3 1v3c-1 2-2 3-4 3l-38 2c-21 1-42 18-50 38l-2 9c-1 1 0 3 2 3h131c2 0 3-1 3-3 2-8 4-17 4-26 0-52-43-95-95-95"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-label="cloudflare" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path d="M331 326c11-26-4-38-19-38l-148-2c-4 0-4-6 1-7l150-2c17-1 37-15 43-33 0 0 10-21 9-24a97 97 0 0 0-187-11c-38-25-78 9-69 46-48 3-65 46-60 72 0 1 1 2 3 2h274c1 0 3-1 3-3z" fill="#f38021"/><path d="M381 224c-4 0-6-1-7 1l-5 21c-5 16 3 30 20 31l32 2c4 0 4 6-1 7l-33 1c-36 4-46 39-46 39 0 2 0 3 2 3h113l3-2a81 81 0 0 0-78-103" fill="#faae40"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 569 B

After

Width:  |  Height:  |  Size: 500 B

2
images/svg/codepen.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="CodePen" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#111" rx="15%"/><path fill="#878787" d="M496 179l-1-1v-1l-1-2v-1l-1-1v-1a21 21 0 0 0-3-4h-1l-1-1-1-1L267 19c-6-4-16-4-22 0L25 166l-1 1a29 29 0 0 0-3 3h-1l-1 2v1l-1 1v1l-1 2v1l-1 1v154l1 1v1l1 2v1a26 26 0 0 0 2 3l1 1 1 1 1 1 1 1 1 1 220 147c3 2 7 3 11 3s8-1 11-3l220-147 1-1 1-1h1a19 19 0 0 0 4-6v-1l1-2v-1l1-1V179zM256 305l-73-49 73-49 73 49zm-21-134l-89 60-72-48L235 75zm-126 85l-52 35v-70zm37 25l89 60v96L74 329l72-48zm131 60l89-60 72 48-161 108zm126-85l52-35v70l-52-35zm-37-25l-89-60V75l161 108z"/></svg>
<svg stroke-linejoin="round" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="CodePen" role="img"><rect fill="#111" height="512" rx="15%" width="512"/><g fill="none" stroke="#e6e6e6" stroke-width="33"><path d="M81 198v116l175 117 175-117V198L256 81z"/><path d="M81 198l175 116 175-116M256 81v117"/><path d="M81 314l175-116 175 116M256 431V314"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 638 B

After

Width:  |  Height:  |  Size: 375 B

2
images/svg/delicious.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Delicious" role="img" viewBox="0 0 512 512"><path fill="#FFF" d="M0 0h256v256H0z"/><path fill="#333" d="M0 256h256v256H0z"/><path fill="#EEE" d="M256 256h256v256H256z"/><path fill="#39F" d="M256 0h256v256H256z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Delicious" role="img" viewBox="0 0 512 512"><clipPath id="a"><rect height="512" width="512" rx="15%"/></clipPath><g clip-path="url(#a)"><path fill="#FFF" d="M0 0h256v256H0z"/><path fill="#333" d="M0 256h256v256H0z"/><path fill="#EEE" d="M256 256h256v256H256z"/><path fill="#39F" d="M256 0h256v256H256z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 270 B

After

Width:  |  Height:  |  Size: 366 B

2
images/svg/digidentity.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="28" aria-label="Digidentity" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path stroke="#000" d="M256 42v150m0 128v150M42 256h150m128 0h150M104 104l106 106m92 92l106 106m0-304L302 210"/><path stroke="#00e864" d="M208 300L102 406m149-150a5 5 0 0 0 10 0 5 5 0 0 0-10 0"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="25" aria-label="Digidentity" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path d="M256 63v135m0 116v135M63 256h135m116 0h135M119 119l96 96m82 82l96 96m0-274l-96 96" stroke="#000"/><path d="M213 296l-96 95m134-135c0 2 3 5 5 5s5-3 5-5-3-5-5-5-5 3-5 5" stroke="#00e864"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 393 B

After

Width:  |  Height:  |  Size: 393 B

2
images/svg/digitalocean.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#0080ff" aria-label="DigitalOcean" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path d="M256 391v85A220 220 0 1 0 36 256h85a135 135 0 1 1 135 135H51v-55h55v120h65V306h85z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="#0080ff" aria-label="DigitalOcean" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path d="M256 373v74c105 0 191-86 191-191S361 65 256 65 65 151 65 256h74c0-64 53-117 117-117s117 53 117 117-53 117-117 117H78v-47h47v104h57V300h74z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 267 B

After

Width:  |  Height:  |  Size: 323 B