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

combination of same color paths × 9 icons (#647)

Browse Source 
* a few bytes less

replace the yellow path by a circle
reuse chromium’s icon shorter paths

* a few less bytes for Chrome Icon

* a few bytes less (bis)

* Update README.md

* shorten colors #xxyyzz -> #xyz

* optimisation: 3 black paths -> 1 path

* foobar2000 926 -> 785 bytes

* Revert "a few bytes less"

* Revert "a few less bytes for Chrome Icon"

* Revert "a few bytes less (bis)"

* Revert "Update README.md – Chromium"

* Revert "optimisation: 3 black paths -> 1 path"

* Revert "foobar2000 926 -> 785 bytes"

* Revert "shorten colors #xxyyzz -> #xyz"

* combine same color paths

* combine same color paths

* combine same color paths

* combine same color paths

* combine 2 paths with same color

* cleanup (remove hidden or combine parts…)

* cleanup (combine same color paths…)

* combine same color paths

* combination of same color paths × 9 icons

Co-authored-by: Terence Eden <edent@users.noreply.github.com>
This commit is contained in:
3l3gant-cod3s
2022-04-24 20:38:03 +02:00
committed by GitHub
parent 9247e59805
commit 3f5c3360fc
10 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
images/svg/amberframework.svg
View File

@@ -3,4 +3,4 @@ aria-label="Amber Framework" role="img"
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%"
fill="#fff"/><path d="M87 161l169-95-125 206-44 79z" fill="#f3c095"/><path d="M256 446L87 351l44-79L256 66l169 95v190z" fill="#fffefc"/><path d="M87 351l44-79 125 174zM316 358l-185-86 240-69z" fill="#e67e25"/><g fill-opacity=".9"><path d="M256 446L131 272l185 86z" fill="#e57d25"/><path d="M316 358l55-155 54 148z" fill="#e67e26"/></g><g fill-opacity=".8"><path d="M131 272L256 66l115 137z" fill="#e68025"/><path d="M87 351V161l44 111z" fill="#e47e27"/><path d="M256 446l60-88 109-7z" fill="#e68025"/></g><path d="M425 351l-54-148 54-42z" fill="#e67e25"/><path d="M371 203L256 66l169 95z" fill="#e67e24"/></svg>
fill="#fff"/><path fill="#f3c095" d="M87 161l169-95-125 206-44 79z"/><path fill="#fffefc" d="M256 446L87 351l44-79L256 66l169 95v190z"/><path fill="#e67e25" d="M425 161l-54 42 54 148V161zm-54 42l-240 69 185 86 55-155zm-240 69l-44 79 169 95-125-174z"/><g fill-opacity=".9"><path fill="#e57d25" d="M256 446L131 272l185 86z"/><path fill="#e67e26" d="M316 358l55-155 54 148z"/></g><g fill-opacity=".8"><path fill="#e68025" d="M131 272L256 66l115 137z"/><path fill="#e47e27" d="M87 351V161l44 111z"/><path fill="#e68025" d="M256 446l60-88 109-7z"/></g><path fill="#e67e24" d="M371 203L256 66l169 95z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 753 B

After

Width:  |  Height:  |  Size: 746 B

2
images/svg/chrome.svg
View File

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg"
aria-label="Chrome" role="img"
viewBox="0 0 512 512"><circle fill="#fc4" r="256" cy="256" cx="256" /><path fill="#0f9d58" d="M357 314L244 511.7A256 256 0 0140 118"/><path fill="#db4437" d="M256 140h228a256 256 1 00-444-22l115 196"/><circle cx="256" cy="256" r="105" fill="#4285f4" stroke="#f1f1f1" stroke-width="24"/></svg>
viewBox="0 0 512 512"><path d="M256 140h228A256 256 0 0 1 244 511.7" fill="#fc4"/><path d="M357 314 244 511.7A256 256 0 0 1 40 118" fill="#0f9d58"/><path d="M256 140h228A256 256 1 0 0 40 118L155 314" fill="#db4437"/><circle cx="256" cy="256" r="105" fill="#4285f4" stroke="#f1f1f1" stroke-width="24"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 364 B

After

Width:  |  Height:  |  Size: 378 B

2
images/svg/dart.svg
View File

@@ -4,4 +4,4 @@ fill-rule="evenodd"
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%"
fill="#fff"/><path d="m93.6 294.2c-10-13.3-9.5-27.5-.8-42.3l51.3-107.2 8.1 208.6z" fill="#01579b"/><path d="m365.2 363.9-200.9 1.6 59.7 60.3 141.1.4z" fill="#40c4ff"/><path d="m297.6 99c-14.2-15.4-31.6-17.1-52.1-5.7l-101.4 51.4v184.5c-.5 9.2 2.6 18.8 8.1 24.2l12.3 12.2h200.7l61 .3v-138.8z" fill="#2cb7f6"/><path d="m426.1 225.9-72.4-70.9c-7.5-7.1-15.5-10.4-24-10.3h-185.6l221.1 220.9h60.9z" fill="#01579b"/></svg>
fill="#fff"/><path fill="#01579b" d="M93.6 294.2c-10-13.3-9.5-27.5-.8-42.3l51.3-107.2 8.1 208.6z"/><path fill="#40c4ff" d="M365.2 363.9l-200.9 1.6 59.7 60.3 141.1.4z"/><path fill="#2cb7f6" d="M297.6 99c-14.2-15.4-31.6-17.1-52.1-5.7l-101.4 51.4v184.5c-.5 9.2 2.6 18.8 8.1 24.2l12.3 12.2h200.7L353 155.44z"/><path fill="#01579b" d="M426.1 225.9L353.7 155c-7.5-7.1-15.5-10.4-24-10.3H144.1l221.1 220.9h60.9z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 565 B

After

Width:  |  Height:  |  Size: 564 B

2
images/svg/gandi.svg
View File

@@ -3,4 +3,4 @@ aria-label="Gandi" role="img"
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%"
fill="url(#a)"/><defs><linearGradient id="a" x1="72" y1="512" x2="433" y2="12" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3daca3"/><stop offset="1" stop-color="#13526b"/></linearGradient></defs><path fill="#fff" d="M255 66a54 54 0 1054 54 54 54 0 00-54-54zm0 71a17 17 0 1117-17 17 17 0 01-17 17z"/><path fill="#fff" d="M145 155c13-13 27-5 34 1s26 43 76 43 64-28 80-44c10-11 24-8 33 1s6 25 0 33c-36 49-97 69-116 82-29 20-49 40-49 69 0 24 17 60 53 60s52-25 52-37c0-15-10-19-13-19-15 0-15 18-34 18-15 0-22-12-22-24 0-18 27-42 55-42 38 0 62 27 62 64 0 42-39 88-99 88-65 0-102-61-102-106s21-78 56-101c-26-10-51-27-71-58-2-2-9-16 5-28z"/></svg>
fill="url(#a)"/><defs><linearGradient id="a" x1="72" y1="512" x2="433" y2="12" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3daca3"/><stop offset="1" stop-color="#13526b"/></linearGradient></defs><path fill="#fff" d="M255 66a54 54 0 1054 54 54 54 0 00-54-54zm0 71a17 17 0 1117-17 17 17 0 01-17 17z M145 155c13-13 27-5 34 1s26 43 76 43 64-28 80-44c10-11 24-8 33 1s6 25 0 33c-36 49-97 69-116 82-29 20-49 40-49 69 0 24 17 60 53 60s52-25 52-37c0-15-10-19-13-19-15 0-15 18-34 18-15 0-22-12-22-24 0-18 27-42 55-42 38 0 62 27 62 64 0 42-39 88-99 88-65 0-102-61-102-106s21-78 56-101c-26-10-51-27-71-58-2-2-9-16 5-28z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 788 B

After

Width:  |  Height:  |  Size: 766 B

2
images/svg/google_meet.svg
View File

@@ -3,4 +3,4 @@ aria-label="Google Meet" role="img"
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%"
fill="#fff"/><path d="M166 106v90h-90" fill="#ea4335"/><path d="M166 106v90h120v62l90-73v-49q0-30-30-30" fill="#ffba00"/><path d="M164 406v-90h122v-60l90 71v49q0 30-30 30" fill="#00ac47"/><path d="M286 256l90-73v146" fill="#00832d"/><path d="M376 183l42-34c9-7 18-7 18 7v200c0 14-9 14-18 7l-42-34" fill="#00ac47"/><path d="M76 314v62q0 30 30 30h60v-92" fill="#0066da"/><path d="M76 196h90v120h-90" fill="#2684fc"/></svg>
fill="#fff"/><path fill="#ea4335" d="M166 106v90H76"/><path fill="#ffba00" d="M166 106v90h120v62l90-73v-49q0-30-30-30"/><path fill="#00ac47" d="M376 183l42-34c9-7 18-7 18 7v200c0 14-9 14-18 7l-42-34m-212 77v-90h122v-60l90 71v49q0 30-30 30"/><path fill="#0066da" d="M76 314v62q0 30 30 30h60v-92"/><path fill="#2684fc" d="M76 196h90v120H76"/><path fill="#00832d" d="M286 256l90-73v146"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 558 B

After

Width:  |  Height:  |  Size: 530 B

3
images/svg/netflix.svg
View File

@@ -2,5 +2,4 @@
aria-label="Netflix" role="img"
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%" fill="#fff"/>
<path d="M279 89v148l-6-17-8 165 12 33 10 1a757 757 0 0 1 58 5V89h-66z" fill="#b20710"/><path d="M161 89v335l12-1 21-2 32-2 1-71v-71l5 14 2 6 8-165-3-8-12-34v-1h-66z" fill="#b20710"/><linearGradient id="a" x1="209" x2="297" y1="271" y2="241" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b20710"/><stop offset=".5"/><stop offset="1" stop-color="#b20710"/></linearGradient><path fill="url(#a)" d="M161 89s66 238 66 234v-46l5 14 45 127 10 1a754 754 0 0 1 58 5l-66-236v49l-6-17-34-96-12-34-1-1h-65z"/><path fill="#e50914" d="m161 89 66 188 5 14 45 127 10 1a757 757 0 0 1 58 5l-66-187-6-17-34-96-12-34v-1h-66z"/></svg>
rx="15%" fill="#fff"/><path d="M161 89v335l12-1 21-2 32-2 1-71v-71l5 14 2 6 8-165-3-8-12-34v-1h-66zm118 0v148l-6-17-8 165 12 33 10 1a757 757 0 0 1 58 5V89h-66z" fill="#b20710"/><linearGradient id="a" x1="209" x2="297" y1="271" y2="241" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b20710"/><stop offset=".5"/><stop offset="1" stop-color="#b20710"/></linearGradient><path fill="url(#a)" d="M161 89s66 238 66 234v-46l5 14 45 127 10 1a754 754 0 0 1 58 5l-66-236v49l-6-17-34-96-12-34-1-1h-65z"/><path fill="#e50914" d="M161 89l66 188 5 14 45 127 10 1a757 757 0 0 1 58 5l-66-187-6-17-34-96-12-34v-1h-66z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 820 B

After

Width:  |  Height:  |  Size: 792 B

2
images/svg/outlook.svg
View File

@@ -3,4 +3,4 @@ aria-label="Outlook" role="img"
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%"
fill="#fff"/><path d="M398 246v24l15-8s0-7-5-9l-10-6z" fill="#136"/><rect width="231" height="270" x="168" y="107" fill="#05a" rx="3%"/><path fill="#17d" d="M168 150h77v70h-77z"/><path fill="#3ae" d="M245 150h77v70h-77z"/><path fill="#5cf" d="M322 150h77v70h-77z"/><path fill="#17d" d="M245 220h77v70h-77z"/><path fill="#3ae" d="M322 220h77v70h-77z"/><path fill="#136" d="M168 290h77v70h-77z"/><path fill="#17d" d="M322 290h77v70h-77z"/><path d="M413 261v128c0 7-2 15-7 18-3 2-124-71-124-71l131-75z" fill="#19e"/><path d="M160 266c-4 3-6 7-6 12v117c0 8 6 14 14 14h230c4 0 5 0 8-2" fill="#2ae"/><rect width="172" height="172" x="70" y="172" fill="#18e" rx="3%"/><path d="M154 305c-23 0-43-18-43-45 0-28 16-48 44-48 27 0 43 21 43 46 0 29-18 47-44 47zm1-75c-16 0-23 14-23 29 0 18 11 28 22 28 14 0 23-10 23-28s-8-29-22-29z" fill="#fff"/></svg>
fill="#fff"/><rect width="231" height="270" x="168" y="107" fill="#05a" rx="3%"/><path fill="#136" d="M398 247v23l15-8s0-7-5-9l-10-6zm-230 43v70h77v-70h-77z"/><path fill="#17d" d="M168 150v70h77v-70h-77zm77 70v70h77v-70h-77zm77 70v70h77v-70h-77z"/><path fill="#3ae" d="M245 150v70h77v-70h-77zm77 70v70h77v-70h-77z"/><path fill="#5cf" d="M322 150h77v70h-77z"/><path fill="#19e" d="M413 261v128c0 7-2 15-7 18-3 2-124-71-124-71l131-75z"/><path fill="#2ae" d="M160 266c-4 3-6 7-6 12v117c0 8 6 14 14 14h230c4 0 5 0 8-2"/><rect width="172" height="172" x="70" y="172" fill="#18e" rx="3%"/><path fill="#fff" d="M154 305c-23 0-43-18-43-45 0-28 16-48 44-48 27 0 43 21 43 46 0 29-18 47-44 47zm1-75c-16 0-23 14-23 29 0 18 11 28 22 28 14 0 23-10 23-28s-8-29-22-29z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 973 B

After

Width:  |  Height:  |  Size: 896 B

2
images/svg/roundcube.svg
View File

@@ -3,4 +3,4 @@ aria-label="Roundcube" role="img"
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%"
fill="#fff"/><g fill-rule="evenodd"><path d="M255.997 107.626L448 218.68v118.523l-192.003-111.05z" fill="#37beff"/><path d="M255.997 107.626L64 218.68v118.523l191.997-111.05z" fill="#404f54"/><path d="M255.997 63.74c73.34 0 132.815 59.556 132.815 132.994S329.336 329.73 255.997 329.73 123.18 270.173 123.18 196.735 182.657 63.74 255.997 63.74" fill="#ccc"/><path d="M255.997 63.74c73.366 0 132.862 59.556 132.862 132.994S329.363 329.73 255.997 329.73c-42.112-28.38-59.536-85.557-59.536-132.92S213.885 92.175 255.997 63.74" fill="#e5e5e5"/><path d="M255.997 448.26L448 337.204V218.68L255.997 329.73z" fill="#37beff"/><path d="M255.997 448.26L64 337.204V218.68l191.997 111.05z" fill="#404f54"/></g></svg>
fill="#fff"/><path fill="#37beff" d="M256 107.63v340.62L448 337.2V218.68z"/><path fill="#404f54" d="M256 107.63L64 218.68V337.2l192 111.06z"/><path fill="#ccc" d="M256 63.74c-73.34 0-132.82 59.56-132.82 133 0 24.2 6.46 46.88 17.74 66.43L256 329.73z"/><path fill="#e5e5e5" d="M256 63.74c-42.12 28.44-59.54 85.7-59.54 133.07 0 47.36 17.42 104.54 59.54 132.92l115.13-66.59a132.46 132.46 0 0 0 17.73-66.4c0-73.44-59.5-133-132.86-133z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 838 B

After

Width:  |  Height:  |  Size: 575 B

2
images/svg/taiga.svg
View File

@@ -3,4 +3,4 @@ aria-label="taiga.io" role="img"
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%"
fill="#fff"/><path d="M393 119l-17 119L256 256l17-120z" opacity=".8" fill="#a295ae"/><path d="M120 393l17-119 119-17-17 120z" opacity=".8" fill="#5d6f6d"/><path d="M120 119l119 17 17 120-120-17z" opacity=".8" fill="#8cd592"/><path d="M393 392l-119-17-17-120 120 17z" opacity=".8" fill="#665e74"/><path d="M256 449l-72-96 72-96 72 96z" opacity=".8" fill="#3c3647"/><path d="M450 255l-96 72-96-72 96-72z" opacity=".8" fill="#837193"/><path d="M256 62l72 96-72 96-72-96z" opacity=".8" fill="#a2f4ac"/><path d="M63 256l96-72 96 72-96 72z" opacity=".8" fill="#7ea685"/><path d="M256 210l46 46-46 46-46-46z" fill="#3c3647"/></svg>
fill="#fff"/><path d="M393 119l-17 119L256 256l17-120z" opacity=".8" fill="#a295ae"/><path d="M120 393l17-119 119-17-17 120z" opacity=".8" fill="#5d6f6d"/><path d="M120 119l119 17 17 120-120-17z" opacity=".8" fill="#8cd592"/><path d="M393 392l-119-17-17-120 120 17z" opacity=".8" fill="#665e74"/><path d="M450 255l-96 72-96-72 96-72z" opacity=".8" fill="#837193"/><path d="M256 62l72 96-72 96-72-96z" opacity=".8" fill="#a2f4ac"/><path d="M63 256l96-72 96 72-96 72z" opacity=".8" fill="#7ea685"/><g fill="#3c3647"><path d="M256 449l-72-96 72-96 72 96z" opacity=".8"/><path d="M256 210l46 46-46 46-46-46z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 759 B

After

Width:  |  Height:  |  Size: 753 B