Aligned to guideline, path optimized and some fixes to Blogger, Bluetooth, CloudFlare, CodePen, Delicious, Digidentity, Digital Ocean, Discord, Disqus, Docker, Dropbox and Ebay. (#103)

* 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.
This commit is contained in:
Arturo Acevedo
2017-12-06 11:02:56 -06:00
committed by Terence Eden
parent fff7bc1536
commit 6a80ac71f1
13 changed files with 25 additions and 25 deletions

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>

Before

Width:  |  Height:  |  Size: 507 B

After

Width:  |  Height:  |  Size: 389 B

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>

Before

Width:  |  Height:  |  Size: 255 B

After

Width:  |  Height:  |  Size: 253 B

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>

Before

Width:  |  Height:  |  Size: 569 B

After

Width:  |  Height:  |  Size: 500 B

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>

Before

Width:  |  Height:  |  Size: 638 B

After

Width:  |  Height:  |  Size: 375 B

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>

Before

Width:  |  Height:  |  Size: 270 B

After

Width:  |  Height:  |  Size: 366 B

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>

Before

Width:  |  Height:  |  Size: 393 B

After

Width:  |  Height:  |  Size: 393 B

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>

Before

Width:  |  Height:  |  Size: 267 B

After

Width:  |  Height:  |  Size: 323 B

View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" aria-label="Discord" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#6C82D0" rx="15%"/><path d="M390 48H122c-23 0-41 18-41 41v271c0 22 18 41 41 41h227l-11-37 26 24 24 22 43 38V89c0-23-18-41-41-41zm-77 261l-13-16c26-7 36-24 36-24-8 6-16 9-23 12l-29 9a140 140 0 0 1-81-9l-15-7-2-1-1-1-5-3s9 16 35 24l-14 16c-44-1-61-30-61-30 0-65 29-117 29-117 29-21 56-21 56-21l2 3c-36 10-52 26-52 26l12-6c21-9 38-12 45-13h3a169 169 0 0 1 101 19s-16-15-50-26l3-3s27 0 56 21c0 0 29 52 29 117 0 0-17 29-61 30zm-93-93c-12 0-21 10-21 22s10 22 21 22 20-10 20-22-9-22-20-22m73 0c-12 0-21 10-21 22s10 22 21 22 20-10 20-22-9-22-20-22"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="#7289da" aria-label="Discord" role="img" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%"/><path d="M346 392l-21-25c41-11 57-39 57-39-52 49-194 51-249 0 0 0 14 26 56 39l-23 25c-70-1-97-48-97-48 0-104 46-187 46-187 47-33 90-33 90-33l3 4c-58 16-83 42-83 42 68-46 208-42 263 0 1-1-33-28-86-42l5-4s43 0 90 33c0 0 46 83 46 187 0 0-27 47-97 48z" fill="#fff"/><ellipse cx="196" cy="279" rx="33" ry="35"/><ellipse cx="312" cy="279" rx="33" ry="35"/></svg>

Before

Width:  |  Height:  |  Size: 691 B

After

Width:  |  Height:  |  Size: 506 B

View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#2e9fff" aria-label="Disqus" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path d="M257 493c-58 0-111-21-152-56L4 450l39-96A238 238 0 0 1 257 19c130 0 235 106 235 237S387 493 257 493zm129-238v-1c0-68-49-117-132-117h-90v237h89c84 0 133-50 133-119zm-131 61h-26V196h26c39 0 64 22 64 59v1c0 38-25 60-64 60z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="#2e9fff" aria-label="Disqus" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path d="M254 416c-39 0-75-14-103-38l-68 9 26-65A161 161 0 0 1 254 96c88 0 159 71 159 160s-71 160-159 160zm-3-80c57 0 90-34 90-81 0-48-33-80-89-80h-61v161zm2-39h-18v-82h18c26 0 43 15 43 40 0 27-17 42-43 42z"/></svg>

Before

Width:  |  Height:  |  Size: 398 B

After

Width:  |  Height:  |  Size: 376 B

View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#066da5" aria-label="Docker" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path d="M288 242h49v-45h-50zm-59 0h49v-45h-49zm-59 0h50v-45h-50zm-59 0h50v-45h-50zm-59 0h50v-45H53zm59-54h50v-45h-50zm59 0h50v-45h-50zm59 0h49v-45h-49zm0-54h49V89h-49zm257 82c-11-7-36-10-55-6-3-18-13-34-31-48l-10-7-7 11c-9 13-14 32-12 50 1 6 3 17 9 27-6 4-19 8-36 8H17l-1 4c-3 18-3 75 33 118 28 33 70 50 124 50 118 0 205-54 246-153 16 0 51 0 68-34l5-9 2-4"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="#116DA5" aria-label="Docker" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path d="M296 245h42v-38h-42zm-50 0h42v-38h-42zm-49 0h42v-38h-42zm-49 0h41v-38h-41zm-50 0h42v-38H98zm50-46h41v-38h-41zm49 0h42v-38h-42zm49 0h42v-38h-42zm0-46h42v-38h-42zm226 75s-18-17-55-11c-4-29-35-46-35-46s-29 35-8 74c-6 3-16 7-31 7H68c-5 19-5 145 133 145 99 0 173-46 208-130 52 4 63-39 63-39z"/></svg>

Before

Width:  |  Height:  |  Size: 526 B

After

Width:  |  Height:  |  Size: 465 B

View File

@@ -1 +1 @@
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Dropbox" role="img"><rect fill="#fff" height="512" rx="15%" width="512"/><path d="m256 142-112 71 112 71-112 72-113-72 113-71-113-71 113-72zm-113 237 113-72 112 72-112 72zm113-95 112-71-112-71 112-72 113 72-113 71 113 71-113 72z" fill="#007ee5"/></svg>
<svg viewBox="0 0 512 512" fill="#0061ff" xmlns="http://www.w3.org/2000/svg" aria-label="Dropbox" role="img"><rect fill="#fff" height="512" rx="15%" width="512"/><path d="M158 372l98 63 98-63-98-62z"/><path d="M158 101l-99 63 295 188 99-63-197-125 98-63 99 63-295 188-99-63 197-125"/></svg>

Before

Width:  |  Height:  |  Size: 326 B

After

Width:  |  Height:  |  Size: 290 B

View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="eBay" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path fill="#e53238" d="M78 202c-34 0-62 14-62 57 0 35 19 56 63 56 52 0 55-34 55-34h-25s-5 19-32 19c-21 0-36-15-36-35h96v-13c0-20-13-50-59-50zm-1 16c20 0 34 12 34 31H41c0-20 18-31 36-31z"/><path fill="#0064d2" d="M137 160v134l-1 18h24l1-15s12 19 44 19c34 0 57-24 57-58 0-31-21-56-57-56-34 0-44 18-44 18v-60zm62 59c23 0 37 17 37 39 0 25-17 41-37 41-25 0-38-19-38-40 0-20 12-40 38-40z"/><path fill="#f5af02" d="M321 202c-51 0-54 28-54 32h25s2-16 27-16c17 0 30 7 30 22v5h-30c-39 0-60 12-60 35s19 36 45 36c36 0 47-20 47-20l1 16h22v-69c0-34-28-41-53-41zm28 59v7c0 9-6 32-39 32-18 0-26-9-26-20 0-19 27-19 65-19z"/><path fill="#86b817" d="M360 206h28l41 82 41-82h26l-74 146h-27l21-41z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-label="eBay" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path d="M98 208c-30 0-55 12-55 51 0 31 17 49 56 49 46 0 49-30 49-30h-23s-4 17-28 17c-19 0-32-13-32-31h85v-12c0-17-11-44-52-44zm-1 14c18 0 30 11 30 28H65c0-18 16-28 32-28z" fill="#e53238"/><path d="M150 171v119l-1 16h22l1-14s10 17 39 17c30 0 50-21 50-51 0-28-18-50-50-50-31 0-39 16-39 16v-53zm55 52c21 0 33 15 33 35 0 22-15 36-33 36-22 0-33-17-33-35s10-36 33-36z" fill="#0064d2"/><path d="M314 208c-46 0-48 25-48 28h22s2-14 24-14c31 0 27 24 27 24h-27c-35 0-53 11-53 31s17 32 40 32c32 0 41-17 41-17l1 14h20v-62c0-30-25-36-47-36zm25 52s4 35-35 35c-16 0-23-8-23-18 0-17 24-17 58-17z" fill="#f5af03"/><path d="M348 212h25l37 72 36-72h23l-65 129h-24l18-36z" fill="#86b817"/></svg>

Before

Width:  |  Height:  |  Size: 830 B

After

Width:  |  Height:  |  Size: 819 B