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

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

Browse Source 
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.
This commit is contained in:
arturoacevedob
2017-11-27 15:02:30 -06:00
parent 7b7ed34a35
commit 529260474c
7 changed files with 36 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
images/svg/apple.svg
View File

@@ -1 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" aria-label="Apple" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#000" rx="15%"/><path d="M244.7 128.8c10.4 0 44.1-6.6 70.3-44.8 22.4-33.1 19.9-70 19.9-70s-38.8-2.8-72.8 39.4c-24.6 30.9-22.7 75-22.7 75s1.9.3 5.4.3z"/><path d="M439.2 371.1c1.9-5.4 3.2-8.5 3.2-8.5h-.3c-.3 0-.3 0-.6-.3-1.9-.6-6.3-2.5-12-6a106.2 106.2 0 0 1-38.4-38.8c-7.2-12.6-12.3-28.4-13.6-47.9-.6-9.8.3-19.2 2.2-27.7v-.3c.6-2.8 1.3-5.4 2.2-8.2 10.1-32.8 33.7-54.2 43.2-61.5 2.5-1.9 3.8-2.8 3.8-2.8s-30.3-47-87.3-47c-49.2 0-67.4 22.1-93.6 22.1-32.1 0-37.2-20.5-84.8-20.5-24.6 0-58.9 9.5-84.5 42.5C58.5 192 51 222.6 47.8 245c-1.9 15.1-2.5 31.5-.6 49.8 0 1.3.3 2.5.3 4.1 1.9 18.3 6.6 37.8 13.2 57.4 0 .3.3.9.6 1.3.6 2.2 1.6 4.7 2.5 6.9.3.9.9 2.2 1.3 3.2.3.9.6 2.2 1.3 3.2 6.3 16.4 13.6 32.1 22.1 47 24.6 43.5 56.4 76.3 86.3 76.3 34 0 44.8-22.1 78.8-21.7 43.2.3 55.1 27.7 91.4 20.5 24.3-4.7 53.3-39.1 71.9-71.9.6-1.3 1.3-2.2 1.9-3.2 8.8-18.9 16.4-36.6 20.5-46.6z"/></svg>
<svg role="img" aria-label="Apple" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect height="512" rx="15%" width="512" fill="#000"/>
<path d="M430 376a234 234 0 0 1-53 78 58 58 0 0 1-39 17c-9 0-21-3-35-9s-26-8-38-8-25 2-39 8-25 9-34 9c-13 1-26-5-39-17a258 258 0 0 1-78-181c0-29 6-54 19-75a110 110 0 0 1 92-54c10 0 24 3 41 9 17 7 27 10 32 10 4 0 16-4 36-11 19-7 36-10 49-9 36 3 63 17 82 43a91 91 0 0 0-48 82c0 28 10 51 29 69 9 8 19 15 30 19l-7 20zM347 50c0 21-8 41-24 60-19 22-42 35-67 33v-9c0-20 9-42 25-60 8-9 18-17 30-23 13-6 24-9 35-10l1 9z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1011 B

After

Width:  |  Height:  |  Size: 580 B

5
images/svg/dropbox.svg
View File

@@ -1 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Dropbox" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path fill="#007ee5" d="M256 161l-112 72 112 71-112 72-113-72 113-72-113-71 113-72zM143 399l113-72 112 72-112 72zm113-95l113-72-113-71 112-72 113 72-113 72 113 71-113 72z" class="st0"/></svg>
<svg role="img" aria-label="Dropbox" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#fff" height="512" rx="15%" width="512"/>
<path d="M256 142l-112 71 112 71-112 72-113-72 113-71-113-71 113-72 112 72zM143 379l113-72 112 72-112 72-113-72zm113-95l112-71-112-71 112-72 113 72-113 71 113 71-113 72-112-72z" fill="#007ee5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 338 B

After

Width:  |  Height:  |  Size: 350 B

5
images/svg/twitter.svg
View File

@@ -1 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Twitter" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#1da1f3" rx="15%"/><path fill="#fff" d="M456 133c-14 7-31 11-47 13 17-10 30-27 37-46-15 10-34 16-52 20-61-62-157-7-141 75-68-3-129-35-169-85-22 37-11 86 26 109-13 0-26-4-37-9 0 39 28 72 65 80-12 3-25 4-37 2 10 33 41 57 77 57-42 30-77 38-122 34 170 111 378-32 359-208 16-11 30-25 41-42z"/></svg>
<svg role="img" aria-label="Twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#1da1f3" height="512" rx="15%" width="512"/>
<path d="M465 135c-14 7-31 11-47 13 17-10 30-27 37-46-15 10-34 16-52 20a83 83 0 0 0-141 75c-68-3-129-35-169-85a80 80 0 0 0 26 109c-13 0-26-4-37-9 0 39 28 72 65 80-12 3-25 4-37 2 10 33 41 57 77 57-42 30-77 38-122 34 170 111 378-32 359-208 16-11 30-25 41-42z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 425 B

After

Width:  |  Height:  |  Size: 431 B

13
images/svg/ubuntu.svg
View File

@@ -1 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" aria-label="Ubuntu" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#E95420" rx="15%"/><circle cx="256" cy="256" r="170"/><circle cx="256" cy="256" r="100" fill="#E95420"/><circle cx="60" cy="256" r="60" fill="#E95420"/><circle cx="60" cy="256" r="45"/><circle cx="60" cy="256" r="60" fill="#E95420" transform="rotate(120 256 256)"/><circle cx="60" cy="256" r="45" transform="rotate(120 256 256)"/><circle cx="60" cy="256" r="60" fill="#E95420" transform="rotate(240 256 256)"/><circle cx="60" cy="256" r="45" transform="rotate(240 256 256)"/><path fill="#E95420" d="M432 245v22h-80v-22zM177.53 413.92l-19.06-11 40-69.28 19.06 11zm-19.06-304.84l19.06-11 40 69.28-19.06 11z"/></svg>
<svg role="img" aria-label="Ubuntu" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="#fff">
<rect width="512" height="512" rx="15%" fill="#E95420"/>
<circle cx="268" cy="256" r="158" fill="#fff"/>
<circle cx="268" cy="256" r="104" fill="#e65e17"/>
<circle cx="84" cy="257" r="50" fill="#e65e17"/>
<circle cx="84" cy="257" r="38" fill="#fff"/>
<circle cx="361" cy="417" r="50" fill="#e65e17"/>
<circle cx="361" cy="417" r="38" fill="#fff"/>
<circle cx="361" cy="96" r="50" fill="#e65e17"/>
<circle cx="361" cy="96" r="38" fill="#fff"/>
<path d="M432 266v-20h-64v20h64zM178 392l18 10 32-55-18-10-32 55zM196 109l-18 11 32 55 18-10-32-56z" fill="#e65e17"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 755 B

After

Width:  |  Height:  |  Size: 674 B

5
images/svg/vimeo.svg
View File

@@ -1 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Vimeo" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#1eb8eb" rx="15%"/><path fill="#fff" d="M454 165c-22 126-147 233-185 257-37 24-72-10-84-35-14-30-57-189-68-202-11-14-45 13-45 13l-16-22s68-81 120-91c55-11 55 84 68 137 13 51 21 80 32 80s33-28 56-72c24-43-1-82-47-55 19-109 191-136 169-10z"/></svg>
<svg role="img" aria-label="Vimeo" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#1eb8eb" height="512" rx="15%" width="512"/>
<path d="M444 173c-22 126-147 233-185 257-37 24-72-10-84-35-14-30-57-189-68-202-11-14-45 13-45 13l-16-22s68-81 120-91c55-11 55 84 68 137 13 51 21 80 32 80s33-28 56-72c24-43-1-82-47-55 19-109 191-136 169-10z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 375 B

After

Width:  |  Height:  |  Size: 379 B

5
images/svg/whatsapp.svg
View File

@@ -1 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="WhatsApp" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#25d366" rx="15%"/><path fill="#fff" fill-rule="evenodd" d="M456 251a196 196 0 0 1-291 170L56 456l35-105A196 196 0 0 1 259 56c109 0 197 87 197 195zM260 87c-91 0-165 74-165 164 0 36 11 69 31 96l-21 61 64-20a165 165 0 0 0 256-137c0-90-74-164-165-164zm99 209c-1-2-5-3-9-6l-33-15c-5-2-8-3-11 2l-15 19c-3 3-6 3-11 1s-20-8-39-24c-14-12-24-28-26-33-3-5-1-7 2-10l7-8 5-8c1-3 1-6-1-8l-14-36c-4-9-8-8-11-8h-9c-4 0-9 1-13 6-5 5-17 16-17 40 0 23 17 46 19 49 3 3 34 53 83 72s49 13 57 12c9-1 29-11 33-23 4-11 4-20 3-22z"/></svg>
<svg role="img" aria-label="WhatsApp" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#45D354" height="512" rx="15%" width="512"/>
<path d="M346 290l-31-15c-4-2-8-3-11 2l-14 18c-3 3-6 4-10 1-5-2-20-7-38-23-13-12-23-27-25-32-3-4-1-7 2-9l7-8 4-8c2-3 1-6 0-8l-14-35c-4-9-8-7-11-8h-9c-3 0-8 1-12 6s-16 16-16 39 16 45 19 48c2 3 32 50 79 70l26 9c11 4 21 3 29 2 9-1 28-11 32-22s4-20 2-22c-1-2-4-3-9-5m-84 115c-28 0-55-7-79-21l-5-4-59 16 16-57-4-6A154 154 0 0 1 262 97a153 153 0 0 1 154 154c0 85-69 154-154 154m131-285a186 186 0 0 0-292 224l-26 96 98-26a186 186 0 0 0 220-294" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 646 B

After

Width:  |  Height:  |  Size: 611 B

5
images/svg/windows.svg
View File

@@ -1 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" aria-label="Windows" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#00adef" rx="15%"/><path fill-rule="evenodd" d="M210 441l270 39V28L24 92v323l209 29V243H24v21h209V63l-23 3v198h270v-21H210"/></svg>
<svg role="img" aria-label="Windows" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="#fff">
<rect fill="#00adef" height="512" rx="15%" width="512"/>
<path d="M65 121l154-21v149H65M237 97l204-29v179H237M65 264h154v149L65 392m172-126h204v178l-204-29" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 274 B

After

Width:  |  Height:  |  Size: 284 B