edent-gh/SuperTinyIcons
1
0
Fork 0
forked from edent/SuperTinyIcons
Code Pull Requests Activity

Bulk upload

Browse Source
This commit is contained in:
edent
2017-04-14 11:26:59 +01:00
parent f826a54aa8
commit 07f50efbe8
25 changed files with 130 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
README.md
View File

@@ -1,9 +1,9 @@
# Super Tiny Social Icons # Super Tiny Social Icons
Under 1KB each! Super Tiny Social Icons are miniscule SVG versions of your favourite logos Under 1KB each! Super Tiny Social Icons are minuscule SVG versions of your favourite logos
They are designed for a 512x512 viewbox - but should scale up and down to suit your needs. The logos have a 512x512 viewbox and will scale up and down to suit your needs.
Originally designed for my contact page - https://edent.tel/ Originally created for my contact page - https://edent.tel/
## How Small? ## How Small?
@@ -11,21 +11,26 @@ Originally designed for my contact page - https://edent.tel/
|------ |----------- |------ |---------- |------ |----------- | |------ |----------- |------ |---------- |------ |----------- |
| <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/github.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/github.png" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/1d6887058425cbfe913ed0abcf4480c449212008/tiny/twitter.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/twitter.png" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/flickr.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/flickr.png" width="100" /> | | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/github.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/github.png" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/1d6887058425cbfe913ed0abcf4480c449212008/tiny/twitter.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/twitter.png" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/flickr.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/flickr.png" width="100" /> |
## Why so smallious?
Bytes cost money. They cost money to store, transport, and process. Simplicity should be our goal in all endeavours.
## Can you go smaller? ## Can you go smaller?
Yes! These files were minified using [svgo](https://github.com/svg/svgo) and then hand edited. Further smallification is possible. Yes! These files were minified using [svgo](https://github.com/svg/svgo) and then hand edited. Further smallification is possible.
Each of these has an `xmlns="http://www.w3.org/2000/svg"` in the `<svg>` tag. This isn't strictly necessary - but some web browsers won't display them as an image without it. * Each of these has an `xmlns="http://www.w3.org/2000/svg"` in the `<svg>` tag. This isn't strictly necessary - but some web browsers won't display them as an image without it.
* Newlines can be stripped - they've been kept for readability where possible.
* Rounded corners can be dropped - `rx="15%" ry="15%"` - the effect can be done in CSV if you want.
* The background colour can also be excluded if you're including it elsewhere.
* Colours can be simplified. `#FF0000` becomes `red`
* The precision of the paths is *mostly* 0 decimal places. A few logos have 1 or 2 dp to make them look more accurate. The precision can be reduced if necessary.
Newlines can be stripped - they've been kept for readability where possible. You can see the difference this makes in `youtube.svg` which is a ginormous 1,074 Bytes. By applyig some of the above techniques we can get it down to a svelte 998 Bytes in `youtube-tiny.svg`.
Rounded corners can be dropped - `rx="15%" ry="15%"` - the effect can be done in CSV if you want. Think you can make them smaller? Tell me by raising an issue!
The background colour can also be excluded if you're including it elsewhere. Want more icons? Tell me by raising an issue!
The precision of the paths is *mostly* 0 decimal places. A few logos have 1 or 2 dp to make them look more accurate. The precision can be dropped if necessary.
More? Tell me by raising an issue!
## Licenses ## Licenses
@@ -39,4 +44,3 @@ The majority of these vector logos are based on someone else's work.
* [HTML5 Shield](https://www.w3.org/html/logo/) - CC-BY * [HTML5 Shield](https://www.w3.org/html/logo/) - CC-BY
Where possible, they retain their original licenses. Some logos may be subject to copyright laws, but these files are small enough to memorise. Where possible, they retain their original licenses. Some logos may be subject to copyright laws, but these files are small enough to memorise.

4
tiny/amazon.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#fe9900"/>
<path d="M293 184l-32 3c-18 2-35 5-49 12a72 72 0 0 0-46 70c0 44 28 66 64 66 12 0 22-1 31-4 14-4 26-12 40-27 8 11 10 16 24 28 4 2 8 2 11-1l33-28c3-3 2-7 0-11-8-10-16-19-16-40v-67c0-28 2-54-19-73-17-16-44-22-64-22h-9c-38 2-79 18-88 65-1 6 3 9 6 9l42 6c5-1 7-5 8-9 3-16 17-24 32-26h3c8 0 18 4 23 12 6 8 6 20 6 31v6zm0 43c0 17 0 31-9 46-5 10-14 17-23 19l-6 1c-17 0-26-13-26-32 0-23 14-35 32-40 9-2 20-3 32-3v9zm137 177c18-15 26-43 26-58v-2l-2-7c-3-4-30-8-53-2-6 2-12 5-17 9-4 3-4 6 0 6l17-2c14-1 31-2 35 4 5 6-7 36-12 49-2 5 2 6 6 3zM58 346a291 291 0 0 0 360 26c7-5 0-13-7-10l-10 4a390 390 0 0 1-339-26c-5-3-8 3-4 6z" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 780 B

5
tiny/dropbox.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#0089d0"/>
<path d="M174 70L56 147l81 65 119-73-82-69zM56 277l118 77 82-69-119-73-81 65zM256 285l82 69 118-77-81-65-119 73zM456 147L338 70l-82 69 119 73 81-65z" fill="#fff"/>
<path d="M256 300l-82 69-36-24v26l118 71 118-71v-26l-35 24-83-69z" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 397 B

4
tiny/facebook.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#3b5998"/>
<path d="M287 456V274h61l9-72h-70v-45c0-21 6-35 35-35h38V59c-7-1-29-3-55-3-54 0-91 33-91 94v52h-62v72h62v182h73z" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 280 B

6
tiny/google_plus.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#d0422a"/>
<g fill="#fff">
<path d="M267 284l-19-14c-6-5-14-11-14-23 0-11 8-18 15-25 22-17 44-36 44-74 0-40-25-61-37-71h32l34-21H219c-28 0-68 7-98 31a94 94 0 0 0-33 70c0 41 31 82 86 82l17-1c-3 6-6 11-6 20 0 16 9 26 16 36-23 1-67 4-99 24a75 75 0 0 0-40 63c0 39 36 75 111 75 90 0 137-50 137-99 0-36-20-53-43-73zm-69-60c-44 0-65-58-65-92 0-14 3-28 12-39 8-11 23-17 36-17 43 0 66 58 66 96 0 9-1 26-13 38-9 8-23 14-36 14zm1 210c-56 0-92-27-92-64s34-49 45-53c22-8 50-9 55-9l12 1c39 28 57 42 57 69 0 32-27 56-77 56zM398 302v-52h52v-26h-52v-53h-26v53h-52v26h52v52z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 706 B

4
tiny/hackernews.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#f68423"/>
<path d="M101 56l129 255v145h52V311L411 56h-57l-98 192-94-192z" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 230 B

8
tiny/html5.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<g>
<path fill="#E34F26" d="M71,460 L30,0 481,0 440,460 255,512"/>
<path fill="#EF652A" d="M256,472 L405,431 440,37 256,37"/>
<path fill="#EBEBEB" d="M256,208 L181,208 176,150 256,150 256,94 255,94 114,94 115,109 129,265 256,265zM256,355 L255,355 192,338 188,293 158,293 132,293 139,382 255,414 256,414z"/>
<path fill="#FFF" d="M255,208 L255,265 325,265 318,338 255,355 255,414 371,382 372,372 385,223 387,208 371,208zM255,94 L255,129 255,150 255,150 392,150 392,150 392,150 393,138 396,109 397,94z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 591 B

4
tiny/instagram.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#3b5998"/>
<path d="M379 56H133c-42 0-77 35-77 77v246c0 42 35 77 77 77h246c42 0 77-35 77-77V133c0-42-35-77-77-77zm22 46h9v68h-68v-68h59zM199 215a70 70 0 1 1 114 82 70 70 0 0 1-114-82zm218 164c0 21-17 38-38 38H133c-21 0-38-17-38-38V215h60a110 110 0 1 0 203 0h59v164z" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 422 B

6
tiny/linkedin.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#0083be"/>
<g fill="#fff">
<path d="M61 178h86v258H61zM105 54c-30 0-49 20-49 45s19 44 47 44h1c30 0 48-19 48-44s-18-45-47-45zM357 173c-45 0-66 25-77 42v-36h-86v258h86V293c0-8 1-16 3-21 6-16 20-32 44-32 31 0 43 24 43 59v138h86V289c0-80-42-116-99-116z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 398 B

7
tiny/paypal.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#006492"/>
<g fill="#fff">
<path d="M431 126c17 30 11 65 4 85-35 114-195 107-218 107-24 0-29 21-29 21l-17 74c-5 26-29 25-29 25H90l-4-1c0 5 1 19 18 19h52s24 1 29-25l17-73s6-21 29-21 183 6 219-107c8-25 14-72-19-104z"/>
<path d="M155 397l17-74s5-21 29-21c23 0 183 6 218-107 13-41 22-139-139-139H163s-24-1-30 24L56 401s-3 21 18 21h52s24 1 29-25zm44-187l15-65s5-18 21-21c16-2 43 1 50 2 46 8 36 50 36 50-9 65-112 56-112 56-16-6-10-22-10-22z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 584 B

4
tiny/pinterest.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#ca2127"/>
<path d="M265 56c-109 0-164 78-164 144 0 39 15 74 47 87 5 2 10 0 12-5l4-19c2-6 1-8-3-13-9-11-15-25-15-45 0-58 43-110 113-110 62 0 96 38 96 88 0 67-30 122-73 122-24 0-42-19-36-44 6-29 20-60 20-81 0-19-10-35-31-35-25 0-44 26-44 60 0 21 7 36 7 36l-30 125c-8 37-1 83 0 87 0 3 4 4 5 2 2-3 32-39 42-75l16-64c8 16 31 29 56 29 74 0 124-67 124-157 0-69-58-132-146-132z" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 527 B

7
tiny/slideshare.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#5ba6a8"/>
<g fill="#fff">
<path d="M450 274c-15 29-47 38-79 55v63c0 9-11 61-55 61s-58-26-58-36v-59l-13-4v63c0 10-16 25-38 25-21 0-63-30-63-50v-69s-57-22-71-39c-13-16-20-23-16-32 4-10 47 26 72 32s69 9 88 9c18-1 29 6 39 16l2 2v-8c0-9 24-12 38-12h63c7 0 65-19 78-34 14-15 27-11 13 17zm-133-4a44 44 0 1 0 0-88 44 44 0 0 0 0 88zm-117 0a44 44 0 1 0 0-88 44 44 0 0 0 0 88z"/>
<path d="M123 59c-28 0-50 23-50 50v167h24V109c0-14 11-26 26-26h266c15 0 26 12 26 26v169h24V109c0-27-22-50-50-50z" color="#000"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 645 B

4
tiny/snapchat.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#ece000"/>
<path d="M254 68c-24 0-49 6-68 22a112 112 0 0 0-34 44c-7 18-6 36-5 54 0 12 2 24 0 35v1a48 48 0 0 1-17 0l-13-4c-5-1-10 0-13 3h-1c-3 2-7 5-7 11v1l5 7 4 3v1c9 6 19 8 27 11h1c5 3 10 7 12 12 1 7-2 14-5 21-10 19-24 36-41 48a99 99 0 0 1-31 14c-2 1-7 1-11 6v1c-1 4 0 7 2 9l4 4c9 5 19 7 28 9l18 5 2 5 4 17c0 1 2 3 4 3h7c15-3 30-5 44-2 14 4 27 14 41 23 10 6 21 12 33 12a223 223 0 0 0 29-1c7 0 15-3 22-7 15-9 28-19 43-26l17-2a221 221 0 0 1 37 2l4-2 2-3v-1-1c2-7 4-14 7-18l8-2c11-1 20-5 29-8 4-2 9-3 12-8 3-4 2-10-2-12h-1c-5-4-10-4-13-5a122 122 0 0 1-70-70c-1-5-1-10 1-13v-1c4-5 11-8 18-11a69 69 0 0 0 24-13l4-4a10 10 0 0 0 0-8 20 20 0 0 0-8-9c-5-2-10-2-15-1l-13 4h-15v-4l1-27c0-15 1-30-1-45-5-25-21-47-42-61-14-11-32-17-50-19h-18z" fill="#fff" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 888 B

4
tiny/soundcloud.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#ff4700"/>
<path d="M56 296.1A44 44 0 0 0 71.9 330v-67.5A44 44 0 0 0 56 296m32.6-42.6v85.2c4 1.1 8.2 1.7 12.5 1.7h4.3V252a50.2 50.2 0 0 0-16.8 1.5m37 5.5a40 40 0 0 0-3.4-2v83.4h16.7V228.8a68.9 68.9 0 0 0-13.2 30.2m30-45.9v127.3h16.8V204.8c-6 2-11.6 4.9-16.8 8.3m33.6-11.7v139H206V202a71.8 71.8 0 0 0-16.7-.5m42.8 9.8a71.6 71.6 0 0 0-17.7-7.5v136.7h25.2V201.1a86 86 0 0 0-7.5 10m15.9-18.4v147.7h159.3v-.1c33.6-2.2 48.7-23 48.7-48.4a47.4 47.4 0 0 0-66.4-44.5 84.9 84.9 0 0 0-85-75.8c-21.8 0-41.6 8-56.6 21" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 660 B

4
tiny/spotify.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#80b819"/>
<path d="M127 408a170 170 0 0 1 271-11A199 199 0 0 0 256 56a200 200 0 0 0-129 352zm236-92c-3 6-8 8-14 5a208 208 0 0 0-177 1c-3 1-10 2-13-6-3-9 2-13 5-15a230 230 0 0 1 193 0c5 2 9 9 6 15zm17-51c-2 3-5 5-9 5l-3-1a263 263 0 0 0-216 1c-4 0-8-2-10-5l-2-7c0-3 2-6 4-8a285 285 0 0 1 234 0c3 2 4 5 4 8l-2 7zm-250-81a351 351 0 0 1 262 0 17 17 0 0 1-12 31 318 318 0 0 0-238 0h-4a17 17 0 0 1-8-31zm137 217c-34 0-64 16-83 41a199 199 0 0 0 160-7c-19-21-47-34-77-34z" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 620 B

7
tiny/stackoverflow.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#f37a20"/>
<g fill="#fff">
<path d="M149 369h158v33H149zM387 55l27 156-33 6-27-156zM153 311l157 15-3 33-157-14zM168 240l153 41-9 32-152-41zM204 163l136 80-17 29-136-80zM285 89l89 130-28 19-89-130z"/>
<path d="M99 455h261v1-165h-27v139H126V291H99v164z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 400 B

4
tiny/steam.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#282828"/>
<path d="M426 205a37 37 0 1 1-74 0 37 37 0 0 1 74 0zm-15 62l-45 39 1 9a59 59 0 0 1-117 13l-110-38a52 52 0 1 1 19-53l107 37c10-11 25-18 41-18l16-48v-3a67 67 0 1 1 88 62zm-270-36a37 37 0 0 0-69 18 36 36 0 0 0 48 35l-18-6c-14-8-19-25-11-39 7-14 25-19 38-12l12 4zm196-26a52 52 0 1 0 104 0 52 52 0 0 0-104 0zm1 115a39 39 0 0 0-48-38l22 7c14 8 19 25 12 39-8 14-25 19-39 12l-24-8a39 39 0 0 0 77-12z" fill="#fff" fill-rule="evenodd"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 579 B

4
tiny/tumblr.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#44556b"/>
<path d="M352 376c-8 3-22 6-33 6-32 1-38-22-38-39V218h80v-60h-80V56h-58c-1 0-3 1-3 3-4 31-18 86-79 108v51h41v131c0 45 33 108 120 107 29-1 62-13 69-23l-19-57" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 324 B

4
tiny/vimeo.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#1bb7ea"/>
<path 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" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 374 B

7
tiny/wechat.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#9f0"/>
<g fill="#fff">
<path d="M283 111c-42-24-93-27-138-11-30 11-56 30-73 57-14 24-20 54-13 82 7 31 29 56 54 73l-14 43 49-26c20 6 40 9 61 9-5-16-7-33-4-50 4-22 16-43 33-59 29-27 70-38 109-35-8-36-33-66-64-83zm-111 64c-3 14-22 21-33 12-13-9-9-31 6-36 14-6 31 9 27 24zm100-4c1 16-21 26-33 15-12-9-9-30 6-35 13-5 29 6 27 20z"/>
<path d="M448 268c-10-23-29-41-51-52-39-20-88-20-127 0-28 14-50 39-57 70-5 22 0 46 12 66 17 29 49 48 83 54 24 5 48 2 72-5 14 6 26 14 40 21l-11-35c15-11 29-24 37-41 13-24 13-53 2-78zm-136 9c-4 11-19 14-27 6-9-8-5-24 6-27 12-5 26 9 21 21zm80 2c-4 10-19 12-26 4-4-3-5-8-6-12 2-8 7-15 15-16 12-1 23 13 17 24z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 782 B

4
tiny/whatsapp.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#65bc54"/>
<path 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" fill="#fff" fill-rule="evenodd"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 642 B

4
tiny/wikipedia.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#282828"/>
<path d="M456 117h-83l-6 1v8l4 2 3 1h8c8 1 11 3 14 6s4 9 1 16l-73 191-2-1-47-104 1-3 38-78 11-19c4-6 6-7 17-8 2 0 3-1 3-3v-8l-1-1h-66v11l2 1h3c9 1 13 3 14 5 2 3 3 5-2 17l-29 64-27-59c-8-19-11-25 2-26l4-1c3 0 2-1 2-3v-9h-71v9c0 2 2 3 5 3 13 2 12 3 24 30l8 16 27 59 8 20-40 87h-2s-62-144-80-192l-3-11c0-5 4-8 12-8l12-1c3 0 7-1 7-3v-8l-4-1H59l-3 1v8c0 2 2 3 5 3 10 1 16 2 19 5s6 10 11 21c22 60 70 166 94 227 6 16 15 19 25-1 11-21 32-69 48-104l44 104c7 17 16 19 25 1l90-226c3-8 7-15 12-19 5-5 13-7 24-8 2 0 3-1 3-3v-9z" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 682 B

4
tiny/wordpress.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#2984b8"/>
<path d="M56 256C55 146 147 55 257 56c109 1 199 91 199 200a200 200 0 0 1-400 0zm120 161h1v-1l-2-6-81-222-2-3c-2 0-2 2-3 3a177 177 0 0 0 87 229zm170-54l1-3 27-90c6-21 4-42-6-62l-12-21c-4-8-9-16-11-25-3-19 9-36 28-39l3-1-2-2c-41-34-87-48-140-43a175 175 0 0 0-126 76l-1 3c1 2 2 1 3 1h11l43-2c5 0 8 3 9 7 0 4-3 7-8 8l-13 1c-6 1-6 1-4 7l61 182 2 4 2-3 36-109 1-6-26-71c-1-3-3-3-5-4l-16-1c-4-1-6-4-6-8 1-4 3-6 7-7h3c20 2 40 3 59 2l34-2c5 0 7 3 8 7 0 4-2 7-7 8l-14 1c-6 1-6 1-4 7l60 180 3 5zm-86-90c-3 2-3 4-3 5l-14 39-36 106c-1 4-2 6 3 7 34 9 68 8 101-3 3-1 4-2 3-6l-49-133-5-15zm87 137c25-6 67-58 80-98 15-48 11-94-12-140l-1 2c3 23-1 45-9 67l-56 163-2 6z" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 817 B

1
tiny/youtube-tiny.svg Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 512 512"><rect height="512" width="512" fill="red"/><path d="M371 349h-22v-13c0-6 5-10 11-10h1c6 0 11 4 11 10l-1 13zm-82-28c-6 0-10 4-10 9v62c0 4 4 8 10 8s10-4 10-8v-62c0-5-4-9-10-9zm134-34v118c0 28-25 51-55 51H144c-30 0-55-23-55-51V287c0-29 25-52 55-52h224c30 0 55 23 55 52zM159 417V293h28v-18h-74v18h23v124h23zm83-105h-23v82c-2 5-10 11-14 1v-83h-23v86c1 6 1 13 6 17 11 8 31-1 36-11v13h18V312zm74 76v-56c0-21-16-33-37-16v-41h-23v141h19l2-9c24 23 39 7 39-19zm73-8h-18v12c0 6-4 10-9 10h-3c-6 0-10-4-10-10v-25h40v-15l-1-28c-3-20-31-23-45-13-4 3-8 7-10 13s-3 14-3 23v33c0 55 67 47 59 0zm-89-179l5 8 10 2 9-3 6-8v9h26V99h-21v86a8 8 0 0 1-17 0V99h-21v93l3 9zm-79-62c0-10 1-18 3-24s5-11 10-15c4-3 10-5 17-5 6 0 11 1 15 4 5 2 8 5 10 9 3 3 4 7 5 11l1 18v28l-1 22c-1 5-2 9-5 14-2 4-6 7-10 9s-9 3-14 3c-6 0-11-1-15-3s-7-4-9-8c-3-3-4-7-5-12l-2-21v-30zm21 44c0 6 4 11 10 11s10-5 10-11v-58c0-7-4-12-10-12s-10 5-10 12v58zm-72 30h25v-85l28-72h-26l-16 54-15-54h-27l31 72v85z" fill="#fff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 998 B

4
tiny/youtube.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#cf2200"/>
<path d="M371 349h-22v-13c0-6 5-10 11-10h1c6 0 11 4 11 10l-1 13zm-82-28c-6 0-10 4-10 9v62c0 4 4 8 10 8s10-4 10-8v-62c0-5-4-9-10-9zm134-34v118c0 28-25 51-55 51H144c-30 0-55-23-55-51V287c0-29 25-52 55-52h224c30 0 55 23 55 52zM159 417V293h28v-18h-74v18h23v124h23zm83-105h-23v82c-2 5-10 11-14 1v-83h-23v86c1 6 1 13 6 17 11 8 31-1 36-11v13h18V312zm74 76v-56c0-21-16-33-37-16v-41h-23v141h19l2-9c24 23 39 7 39-19zm73-8h-18v12c0 6-4 10-9 10h-3c-6 0-10-4-10-10v-25h40v-15l-1-28c-3-20-31-23-45-13-4 3-8 7-10 13s-3 14-3 23v33c0 55 67 47 59 0zm-89-179l5 8 10 2 9-3 6-8v9h26V99h-21v86a8 8 0 0 1-17 0V99h-21v93l3 9zm-79-62c0-10 1-18 3-24s5-11 10-15c4-3 10-5 17-5 6 0 11 1 15 4 5 2 8 5 10 9 3 3 4 7 5 11l1 18v28l-1 22c-1 5-2 9-5 14-2 4-6 7-10 9s-9 3-14 3c-6 0-11-1-15-3s-7-4-9-8c-3-3-4-7-5-12l-2-21v-30zm21 44c0 6 4 11 10 11s10-5 10-11v-58c0-7-4-12-10-12s-10 5-10 12v58zm-72 30h25v-85l28-72h-26l-16 54-15-54h-27l31 72v85z" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB