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

Aligned to guideline, path optimized and some fixes to Apple, IBM, Samsung Internet, Email, Evernote and hopefully Airbnb (#104)

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.
This commit is contained in:
Arturo Acevedo
2017-12-07 04:58:47 -06:00
committed by Terence Eden
parent c83ea25484
commit 6438f6f2ee
7 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@@ -58,7 +58,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<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/email.svg" width="125" title="email" /><br>379 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/wire.svg" width="125" title="Wire" /><br>286 Bytes</td>
</tr>
@@ -79,7 +79,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<td><img src="images/svg/bitbucket.svg" width="125" title="Atlassian BitBucket" /><br>680 Bytes</td>
</tr>
<tr>
<td><img src="images/svg/apple.svg" width="125" title="Apple" /><br>503 Bytes</td>
<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/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>
@@ -88,14 +88,14 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
</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>799 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/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>937 Bytes</td>
<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>
@@ -107,7 +107,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<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>572 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>
</tr>
<tr>
@@ -121,7 +121,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<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>943 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>

2
images/svg/airbnb.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Airbandb" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#FF5A5F" rx="15%"/><path fill="#fff" d="M400 348c-3 18-15 34-33 42-8 3-18 4-27 3s-18-4-28-9c-13-7-25-18-41-35 24-29 39-56 44-80 2-11 3-21 2-30-2-9-5-18-10-25a61 61 0 0 0-51-25c-21 0-39 9-51 25-5 7-8 16-9 25-2 9-1 20 2 30 5 24 20 51 43 80-15 17-28 28-41 35a58 58 0 0 1-55 6c-17-7-30-23-33-42-1-9 0-18 4-28l4-12 9-18c25-54 52-109 79-162l1-2 9-17 10-16a38 38 0 0 1 58 0l10 16 9 17 1 2c27 53 54 108 79 162l8 18 4 12c3 9 4 18 3 28zm-144-17c-19-25-32-48-36-67-2-9-2-16-1-22 0-6 3-11 6-16 6-9 18-15 31-15 14 0 25 5 32 15 3 5 5 10 6 16s0 14-1 22c-5 19-17 42-37 67zm163-19l-6-13-8-18v-1c-25-54-52-109-80-163l-1-2-9-17c-3-6-7-13-13-20a58 58 0 0 0-45-22c-18 0-35 8-47 22-5 6-9 13-12 19l-9 17-1 3c-28 54-55 108-80 162v1l-9 19-5 12c-5 14-6 26-4 39a77 77 0 0 0 85 65c12-1 24-5 36-12 15-8 29-20 45-37 16 17 30 29 45 37a95 95 0 0 0 45 13 76 76 0 0 0 76-66c3-12 1-25-3-38z"/></svg>
<svg stroke-linejoin="round" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Airbandb" role="img"><rect fill="#ff5a5f" height="512" rx="15%" width="512"/><path d="M255 83.7c-29 .1-40.6 23.9-40.6 23.9-36.2 66.5-70 134.2-101.2 203.2-17.2 38-4.6 68.2 14.8 84.5 36.8 31 82 13.4 126.5-38.7 34.3-40 49.8-73.2 48.3-100.6-1.3-23.9-15.8-43.7-47.9-43.7-47.3-.2-48.3 44.6-48.5 43.7 0 46.6 42.8 93.5 56 108.6 13.3 15.1 70.8 73.4 121.5 30 37.7-32.1 13.1-83.8 13.1-83.8-30.6-67.6-51-111.5-99.9-203.2 0 0-10.6-24-42.2-24v.1z" fill="none" stroke="#fff" stroke-width="23"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 997 B

After

Width:  |  Height:  |  Size: 583 B

2
images/svg/apple.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Apple" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#666" rx="15%"/><path d="M400 352c-11 26-28 49-47 68-9 10-22 15-35 16-7 0-18-3-31-8-21-9-46-9-67 0-13 5-22 8-31 8-11 1-22-5-34-16-43-41-68-99-69-159 0-26 5-48 17-66 18-29 48-47 81-48 9 0 22 3 37 8 14 6 23 9 28 9 4 0 14-4 31-10s33-9 43-8c33 3 56 15 73 38a80 80 0 0 0-42 73c-1 33 19 64 52 77zM326 64c0 19-7 36-20 53-18 19-38 31-60 29v-8c3-43 36-78 79-82z" fill="#fff"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Apple" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#555" rx="15%"/><path d="M406 334s-10 29-30 59c-5 9-29 43-58 43-21 0-35-15-62-15-33 0-46 15-67 15-11 1-22-5-34-16-77-73-81-181-52-225 18-29 48-47 81-48 26 0 54 17 65 17 8 0 50-20 74-18 33 3 56 15 73 38-49 24-66 117 10 150zM325 56c8 32-27 93-79 90-3-43 34-87 79-90z" fill="#f2f2f2"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 503 B

After

Width:  |  Height:  |  Size: 417 B

2
images/svg/email.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#673147" aria-label="Email" role="img" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%"/><rect width="400" height="290" x="56" y="111" fill="#fff" rx="44"/><path d="M89 148h334v216H89"/><path fill="none" stroke="#fff" stroke-width="24" d="M437 158L280 294c-16 14-32 14-48 0L75 158m349 206L319 259M88 364l107-107"/></svg>
<svg fill="#328cff" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Email" role="img"><rect width="512" height="512" rx="15%"/><rect width="355" height="256" rx="8%" fill="#fff" x="78.5" y="128"/><path fill="none" stroke="#328cff" stroke-width="20" d="M434 128L269 292c-7 8-19 8-26 0L78 128m0 256l129-128m227 128L305 256"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 379 B

After

Width:  |  Height:  |  Size: 350 B

2
images/svg/evernote.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#666" aria-label="Evernote" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#2dbe60" rx="15%"/><path d="M122 133h38c2 0 4-1 4-3l-1-42c0-7 2-13 4-19l2-2h-1l-73 72v1l4-2c6-3 14-5 23-5zm292-7c-3-16-12-24-21-27a400 400 0 0 0-106-11c-2-12-10-22-18-25-23-10-59-7-68-5-8 2-16 6-20 13-3 4-5 10-5 17v42c0 8-6 14-15 14h-37c-8 0-14 2-19 4s-8 5-10 8c-5 7-6 15-6 24l1 20c2 10 13 83 24 105 4 9 7 12 15 16 18 8 59 16 79 19 19 2 31 7 39-8l3-9c6-19 7-36 7-48 0-1 2-2 2 0 0 8-2 39 21 47 10 3 28 6 48 9 17 2 30 8 30 53 0 27-6 31-36 31-24 0-33 1-33-19 0-15 15-14 27-14 5 0 1-3 1-13 0-9 6-15 0-15-39-1-62 0-62 49 0 45 17 53 73 53 43 0 59-1 77-57 4-12 12-45 17-102 4-36-3-144-8-171zm-76 119l-16 1c2-11 6-24 23-24 17 1 20 18 20 29-8-3-17-5-27-6z"/></svg>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Evernote" role="img"><rect fill="#46c850" height="512" rx="15%" width="512"/><path d="m121 143h35c3 0 4-1 4-4l-1-38c0-10 6-19 6-19h-1l-68 67v1s10-7 25-7zm271-6c-3-15-12-23-20-25-32-8-65-12-98-11-2-19-18-29-54-29-31-1-49 6-49 29v39c0 8-5 13-14 13h-34c-7 0-13 2-18 4-4 2-14 7-14 30-1 19 13 95 23 115 3 9 6 12 14 15 16 8 54 15 73 18 17 2 28 6 36-8 2-4 10-30 9-52 0-1 2-2 2 0 0 7-2 36 19 43l45 9c16 1 28 7 28 49 0 25-6 28-34 28-22 0-30 1-30-17 0-14 14-13 25-13 4 0 1-3 1-12s5-14 0-14c-36-1-58 0-58 45 0 42 16 49 68 49 40 0 55-1 71-52 25-78 18-205 9-253zm-46 115c-5-6-31-8-40-4 2-10 6-22 22-22 15 0 18 16 18 26z" fill="#4b4b4b"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 800 B

After

Width:  |  Height:  |  Size: 704 B

2
images/svg/ibm.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="IBM" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path fill="#1f70c1" d="M26 164v13h90v-13zm102 0v13h128s-13-13-30-13zm153 0v13h77l-5-13zm132 0l-4 13h76v-13zM26 188v13h90v-13zm102 1v12h143s-2-10-5-12zm153 0v12h86l-5-12zm123 0l-4 12h85v-12zM52 213v13h39v-13zm102 0v13h39v-13zm76 0v13h39s3-7 3-13zm77 0v13h68l-4-13zm89 0l-5 13h69v-13zM52 237v13h39v-13zm102 0v13h99s8-6 11-13zm153 0v13h38v-7l3 7h71l2-7v7h39v-13h-73l-3 11-4-11zM52 262v13h39v-13zm102 0v13h110c-3-7-11-13-11-13zm153 0v13h38v-13zm45 0l5 13h53l5-13zm69 0v13h39v-13zM52 286v13h39v-13zm102 0v13h39v-13zm76 0v13h42c0-6-3-13-3-13zm77 0v13h38v-13zm54 0l5 13h35l5-13zm60 0v13h39v-13zM27 311v13h89v-13zm101 0v13h138c3-3 5-13 5-13zm154 0v13h63v-13zm88 0l5 13h18l4-13zm51 0v13h65v-13zM27 335v13h89v-13zm101 0v13h98c17 0 30-13 30-13zm154 0v13h63v-13zm97 0l4 13h1l5-13zm42 0v13h65v-13z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" aria-label="IBM" role="img" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%"/><path fill="#1f70c1" d="M54 174h404v12H54zM54 196h404v11H54zM54 305h404v11H54zM54 326h404v12H54zM77 283h124v11H77zM234 283h202v11H234zM77 240h359v11H77zM77 218h124v11H77zM234 218h202v11H234zM77 261h359v11H77z"/><path d="M402 245l-34 94h34z"/><path d="M335 245v94h34zM341 173l28 76 26-76zM111 215h56v81h-56z"/><path d="M133 173v166h11V173zM230 174c34 0 62 49 17 82 44 32 18 82-17 82v3 h49v-36l22-10V218l-22-10V172h-49z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 937 B

After

Width:  |  Height:  |  Size: 569 B

2
images/svg/samsunginternet.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Samsung Internet" viewBox="0 0 512 512"><rect width="512" height="512" fill="#706CF5" rx="15%"/><path fill="#FFF" d="M322.7 357c-19 12.7-42 20-66.7 20-47.5 0-88.6-27.2-108.4-67-10-5.3-19.2-10.8-27.4-16.4C136.6 353 191.2 397 256 397c38.5 0 73.3-15.5 98.8-40.6-10 1-20.7 1-32 .7zm-185.2-76c-8-5-15.5-10-22-15.2-24.3-19.2-36.8-39.4-32-56.5 4.5-17 25.4-28 56-32.4 25.2-37.7 68-62 116.5-62 74.7 0 135.8 58 140.6 131.5 24.2 19.3 36.7 39.4 32 56.5-4.6 17-25.7 28.3-56.5 32.6-8 1-17 1.8-26.4 2-31.2.5-68.5-4.3-107.4-15-39-10.5-74-25.4-100.4-41.7zM361 316.5c10-17.5 16-38 16-59.6v-1c0-67-54-121-121-121-44.5 0-83.3 24-104.4 59.5-10.6 18-16.7 39-16.7 61.3 25 16.7 63 33.3 107 45.3 45.6 12.5 88 17.4 118.6 15zm24-4c12.3-3.5 20-9.2 22.2-16.8 2-7.8-2-16.8-11-26.2v1.8c-1.7 14.5-5.5 28.4-11 41.2zM128 197l1-2c-14.4 3.5-23.5 9.5-25.8 17.8-2.2 8.3 2.5 18 12.7 28 1.3-15.4 5.4-30 12-43.7z"/></svg>
<svg fill="none" stroke-width="22" stroke="#fff" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Samsung Internet" role="img"><rect width="512" height="512" fill="#706CF5" rx="15%"/><circle cx="257" cy="256" r="153"/><path d="M440 324c-9 36-102 43-206 15S54 259 63 223" stroke="#706cf5"/><path d="M410 248c103 76-12 115-168 73C97 282 4 194 127 174"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 944 B

After

Width:  |  Height:  |  Size: 378 B