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

Use svgcleaner to increase the smallness

Browse Source 
Fixes #19
This commit is contained in:
edent
2017-04-16 11:33:27 +01:00
parent e50d32d2fb
commit ff2003b84f
36 changed files with 128 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
README.md
View File

@@ -1,13 +1,13 @@
# Super Tiny Social Icons
Under 1KB each! Super Tiny Social Icons are minuscule SVG versions of your favourite logos
Under 1KB each! Super Tiny Social Icons are minuscule SVG versions of your favourite logos. The average size is 600 bytes!
The logos have a 512x512 viewbox and will scale up and down to suit your needs.
The logos are 400x400 & have a 512x512 viewbox. They will scale up and down to suit your needs.
Originally created for my contact page - https://edent.tel/
## How Small?
| 839 Bytes SVG | 31,061 Bytes PNG | 436 Bytes SVG | 26,980 Bytes PNG | 251 Bytes SVG | 16,093 Bytes PNG |
| 767 Bytes SVG | 31,061 Bytes PNG | 414 Bytes SVG | 26,980 Bytes PNG | 222 Bytes SVG | 16,093 Bytes PNG |
|------ |----------- |------ |---------- |------ |----------- |
| <img src="https://edent.github.io/SuperTinySocialIcons/tiny/github.svg" width="100" /> | <img src="https://edent.github.io/SuperTinySocialIcons/original/github.png" width="100" /> | <img src="https://edent.github.io/SuperTinySocialIcons/tiny/twitter.svg" width="100" /> | <img src="https://edent.github.io/SuperTinySocialIcons/original/twitter.png" width="100" /> | <img src="https://edent.github.io/SuperTinySocialIcons/tiny/flickr.svg" width="100" /> | <img src="https://edent.github.io/SuperTinySocialIcons/original/flickr.png" width="100" /> |
@@ -21,16 +21,16 @@ Bytes cost money. They cost money to store, transport, and process. Simplicity
## Scream if you want to go smaller
These files were minified using [svgo](https://github.com/svg/svgo) and then hand edited. Further smallification is possible.
These files edited by hand in Inkscape, then were minified using [svgo](https://github.com/svg/svgo) and [svgcleaner](https://github.com/RazrFalcon/svgcleaner). Further smallification may be 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.
* 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 CSS if you want.
* Rounded corners can be dropped - `rx="15%"` - the effect can be done in CSS if you want.
* The background colour can also be excluded if you're including it elsewhere.
* Colours can be simplified. `#FF0000` becomes `red`
* 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.
You can see the difference this makes in [`youtube.svg`](https://github.com/edent/SuperTinySocialIcons/raw/master/tiny/youtube.svg) which is a ginormous 1,074 Bytes. By applying some of the above techniques we can get it down to a svelte 998 Bytes in [`youtube-tiny.svg`](https://github.com/edent/SuperTinySocialIcons/raw/master/tiny/youtube-tiny.svg).
You can see the difference this makes in [`youtube.svg`](https://github.com/edent/SuperTinySocialIcons/raw/master/tiny/youtube.svg) which is a ginormous 1,032 Bytes. By applying some of the above techniques we can get it down to a svelte 981 Bytes in [`youtube-tiny.svg`](https://github.com/edent/SuperTinySocialIcons/raw/master/tiny/youtube-tiny.svg).
Think you can make them smaller? Tell me by raising an issue!
@@ -51,4 +51,4 @@ The majority of these vector logos are based on someone else's work.
* [Google+](https://commons.wikimedia.org/wiki/File:Google_Plus_logo_2015.svg) - Public Domain
* [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 and trademark laws, but these files are small enough to memorise.

6
tiny/amazon.svg
View File

@@ -1,4 +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="#FF9900"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#f90" height="100%" rx="15%" width="100%"/>
<path d="m293 184-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 31zm0 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-3zm137 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 3zm-372-58a291 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 Swipe Overlay

Before

Width:  |  Height:  |  Size: 780 B

After

Width:  |  Height:  |  Size: 752 B

8
tiny/dropbox.svg
View File

@@ -1,5 +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="#007EE5"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#007ee5" height="100%" rx="15%" width="100%"/>
<path d="m174 70-118 77 81 65 119-73zm-118 207 118 77 82-69-119-73zm200 8 82 69 118-77-81-65zm200-138-118-77-82 69 119 73z" fill="#fff"/>
<path d="m256 300-82 69-36-24v26l118 71 118-71v-26l-35 24z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 397 B

After

Width:  |  Height:  |  Size: 341 B

6
tiny/email.svg
View File

@@ -1,4 +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="#673147"/>
<path d="M412 111H100c-24 0-44 20-44 45v200c0 24 20 44 44 44h312c24 0 44-20 44-44V156c0-25-20-45-44-45zM192 275l38 33a39 39 0 0 0 51 0l39-33-1 1 87 87H106l87-87zM89 346V185l86 75zm248-86l86-75v161zm86-112v5L266 290c-5 5-15 5-20 0L89 153v-5z" fill="#fff"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#673147" height="100%" rx="15%" width="100%"/>
<path d="m412 111h-312c-24 0-44 20-44 45v200c0 24 20 44 44 44h312c24 0 44-20 44-44v-200c0-25-20-45-44-45zm-220 164 38 33a39 39 0 0 0 51 0l39-33-1 1 87 87h-300l87-87zm-103 71v-161l86 75zm248-86 86-75v161zm86-112v5l-157 137c-5 5-15 5-20 0l-157-137v-5z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 408 B

After

Width:  |  Height:  |  Size: 394 B

6
tiny/facebook.svg
View File

@@ -1,4 +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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#3b5998" height="100%" rx="15%" width="100%"/>
<path d="m287 456v-182h61l9-72h-70v-45c0-21 6-35 35-35h38v-63c-7-1-29-3-55-3-54 0-91 33-91 94v52h-62v72h62v182z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 280 B

After

Width:  |  Height:  |  Size: 256 B

6
tiny/flickr.svg
View File

@@ -1,6 +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="#FF0084"/>
<g style="fill:#FFF">
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#ff0084" height="100%" rx="15%" width="100%"/>
<g fill="#fff">
<circle cx="150" cy="256" r="100"/>
<circle cx="365" cy="256" r="100"/>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 251 B

After

Width:  |  Height:  |  Size: 222 B

6
tiny/github.svg
View File

@@ -1,4 +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%" style="fill:#171515;" />
<path d="M112 239c-1 0 7 16 7 16 17 30 49 48 102 53-8 6-17 17-18 30-10 6-29 8-44 3-21-7-29-48-61-42-7 1-6 6 0 10 10 6 19 14 26 30 5 13 17 35 53 35 14 0 24-2 24-2 0 0 0 32 0 45 0 14-20 18-20 25 0 3 7 3 12 3 10 0 32-9 32-23 0-12 0-52 1-59 0-15 8-20 8-20 0 0 1 82-2 92-4 13-10 11-10 17 0 9 26 2 35-17 7-15 4-95 3-94l7 0c0 0 0 37 1 53 0 17-1 39 9 50 7 7 29 19 29 8 0-6-12-12-12-29v-79c10 0 8 26 8 26l1 48c0 0-2 18 19 25 8 3 24 3 25-1 1-4-20-11-20-25 0-8 0-13 0-49 0-36-5-49-22-60 53-5 86-18 102-53 1 0 7-16 6-16 4-13 6-28 6-46 0-50-24-67-29-76 7-38-1-55-5-60-14-5-48 12-66 24-30-9-94-8-118 2-44-31-67-26-67-26 0 0-15 27-4 66-15 18-25 31-26 65 0 19 2 36 8 51z" style="fill:#ffffff"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#171515" height="100%" rx="15%" width="100%"/>
<path d="m112 239c-1 0 7 16 7 16 17 30 49 48 102 53-8 6-17 17-18 30-10 6-29 8-44 3-21-7-29-48-61-42-7 1-6 6 0 10 10 6 19 14 26 30 5 13 17 35 53 35 14 0 24-2 24-2v45c0 14-20 18-20 25 0 3 7 3 12 3 10 0 32-9 32-23 0-12 0-52 1-59 0-15 8-20 8-20s1 82-2 92c-4 13-10 11-10 17 0 9 26 2 35-17 7-15 4-95 3-94h7s0 37 1 53c0 17-1 39 9 50 7 7 29 19 29 8 0-6-12-12-12-29v-79c10 0 8 26 8 26l1 48s-2 18 19 25c8 3 24 3 25-1s-20-11-20-25c0-8 0-13 0-49s-5-49-22-60c53-5 86-18 102-53 1 0 7-16 6-16 4-13 6-28 6-46 0-50-24-67-29-76 7-38-1-55-5-60-14-5-48 12-66 24-30-9-94-8-118 2-44-31-67-26-67-26s-15 27-4 66c-15 18-25 31-26 65 0 19 2 36 8 51z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 839 B

After

Width:  |  Height:  |  Size: 767 B

6
tiny/google_plus.svg
View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 512 512">
<rect ry="15%" rx="15%" width="100%" height="100%" fill="#dd4f43"/>
<path d="M56 257a126 126 0 0 1 212-96l-33 33c-21-13-49-24-75-14a80 80 0 1 0 54 151c21-8 35-28 41-48l-72-1v-44h122c1 36-3 74-27 102a127 127 0 0 1-222-83zm327-56h36l1 37h36v37h-36l-1 36h-36v-36h-37v-37h37z" fill="#fff"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#dd4f43" height="100%" rx="15%" width="100%"/>
<path d="m56 257a126 126 0 0 1 212-96l-33 33c-21-13-49-24-75-14a80 80 0 1 0 54 151c21-8 35-28 41-48l-72-1v-44h122c1 36-3 74-27 102a127 127 0 0 1 -222-83zm327-56h36l1 37h36v37h-36l-1 36h-36v-36h-37v-37h37z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 369 B

After

Width:  |  Height:  |  Size: 349 B

6
tiny/hackernews.svg
View File

@@ -1,4 +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="#f60"/>
<path d="M101 56l129 255v145h52V311L411 56h-57l-98 192-94-192z" fill="#fff"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#f60" height="100%" rx="15%" width="100%"/>
<path d="m101 56 129 255v145h52v-145l129-255h-57l-98 192-94-192z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 227 B

After

Width:  |  Height:  |  Size: 206 B

12
tiny/html5.svg
View File

@@ -1,8 +1,6 @@
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path d="m71 460-41-460h451l-41 460-185 52" fill="#e34f26"/>
<path d="m256 472 149-41 35-394h-184" fill="#ef652a"/>
<path d="m256 208h-75l-5-58h80v-56h-1-141l1 15 14 156h127zm0 147h-1l-63-17-4-45h-30-26l7 89 116 32h1z" fill="#ebebeb"/>
<path d="m255 208v57h70l-7 73-63 17v59l116-32 1-10 13-149 2-15h-16zm0-114v35 21l0 0h137l0 0 0 0 1-12 3-29 1-15z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 591 B

After

Width:  |  Height:  |  Size: 433 B

8
tiny/instagram.svg
View File

@@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#FFF" />
<path d="M256 152c-52-1-100 43-103 95a103 103 0 0 0 200 43 104 104 0 0 0-97-138zm0 169c-40 2-74-40-65-79 7-40 54-65 91-48 36 14 52 63 31 95a66 66 0 0 1-57 32zM387 150c1 20-27 31-41 16-14-14-3-41 17-40 13 0 24 11 24 24z"/>
<path d="M424 89c-25-27-64-35-100-33-54 0-109-1-164 1-43 2-85 31-98 73-10 32-5 66-6 98 0 42-1 84 1 126 3 46 37 87 81 98 30 7 62 3 92 4 42 0 83 1 124-1 44-3 85-33 96-76 9-32 5-64 6-97 0-41 1-83-1-125-2-25-13-50-31-68zm-3 250c1 35-23 70-57 77-28 5-56 2-83 3-40-1-80 1-120-1-32-2-61-26-66-58-4-28-1-57-2-86 1-38-1-76 1-114 2-32 26-60 58-65 29-4 59-1 88-2 38 0 76-1 113 1 33 2 62 29 66 62 3 30 1 61 2 92v91z"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#fff" height="100%" rx="15%" width="100%"/>
<path d="m256 152c-52-1-100 43-103 95a103 103 0 0 0 200 43 104 104 0 0 0 -97-138zm0 169c-40 2-74-40-65-79 7-40 54-65 91-48 36 14 52 63 31 95a66 66 0 0 1 -57 32zm131-171c1 20-27 31-41 16-14-14-3-41 17-40 13 0 24 11 24 24z"/>
<path d="m424 89c-25-27-64-35-100-33-54 0-109-1-164 1-43 2-85 31-98 73-10 32-5 66-6 98 0 42-1 84 1 126 3 46 37 87 81 98 30 7 62 3 92 4 42 0 83 1 124-1 44-3 85-33 96-76 9-32 5-64 6-97 0-41 1-83-1-125-2-25-13-50-31-68zm-3 250c1 35-23 70-57 77-28 5-56 2-83 3-40-1-80 1-120-1-32-2-61-26-66-58-4-28-1-57-2-86 1-38-1-76 1-114 2-32 26-60 58-65 29-4 59-1 88-2 38 0 76-1 113 1 33 2 62 29 66 62 3 30 1 61 2 92z"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 777 B

After

Width:  |  Height:  |  Size: 754 B

8
tiny/linkedin.svg
View File

@@ -1,6 +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="#0077B5"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#0077b5" height="100%" rx="15%" width="100%"/>
<path d="m61 178h86v258h-86zm44-124c-30 0-49 20-49 45s19 44 47 44h1c30 0 48-19 48-44s-18-45-47-45zm252 119c-45 0-66 25-77 42v-36h-86v258h86v-144c0-8 1-16 3-21 6-16 20-32 44-32 31 0 43 24 43 59v138h86v-148c0-80-42-116-99-116z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 398 B

After

Width:  |  Height:  |  Size: 369 B

12
tiny/lock.svg
View File

@@ -1,9 +1,9 @@
<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="#fff"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#fff" height="100%" rx="15%" width="100%"/>
<g fill="#134563">
<path d="M370.4 229.6h-24v-51.2A90.8 90.8 0 0 0 256 88a90.8 90.8 0 0 0-90.4 90.4v51.2h-24v-51.2a114.4 114.4 0 1 1 228.8 0v51.2"/>
<path d="M358.4 447.2H153.6a39 39 0 0 1-38.4-38.4V255.2a39 39 0 0 1 38.4-38.4h204.8a39 39 0 0 1 38.4 38.4v153.6a38.4 38.4 0 0 1-38.4 38.4zM153.6 242.4c-7.2 0-12.8 5.6-12.8 12.8v153.6c0 7.2 5.6 12.8 12.8 12.8h204.8c7.2 0 12.8-5.6 12.8-12.8V255.2c0-7.2-5.6-12.8-12.8-12.8H153.6z"/>
<path d="M281.6 293.6a25.3 25.3 0 0 1-25.6 25.6 25.3 25.3 0 0 1-25.6-25.6A25.3 25.3 0 0 1 256 268c14.4 0 25.6 12 25.6 25.6"/>
<path d="M262.4 293.6h-12.8l-12.8 76.8h38.4l-12.8-76.8"/>
<path d="m370.4 229.6h-24v-51.2a90.8 90.8 0 0 0 -90.4-90.4 90.8 90.8 0 0 0 -90.4 90.4v51.2h-24v-51.2a114.4 114.4 0 1 1 228.8 0z"/>
<path d="m358.4 447.2h-204.8a39 39 0 0 1 -38.4-38.4v-153.6a39 39 0 0 1 38.4-38.4h204.8a39 39 0 0 1 38.4 38.4v153.6a38.4 38.4 0 0 1 -38.4 38.4zm-204.8-204.8c-7.2 0-12.8 5.6-12.8 12.8v153.6c0 7.2 5.6 12.8 12.8 12.8h204.8c7.2 0 12.8-5.6 12.8-12.8v-153.6c0-7.2-5.6-12.8-12.8-12.8z"/>
<path d="m281.6 293.6a25.3 25.3 0 0 1 -25.6 25.6 25.3 25.3 0 0 1 -25.6-25.6 25.3 25.3 0 0 1 25.6-25.6c14.4 0 25.6 12 25.6 25.6"/>
<path d="m262.4 293.6h-12.8l-12.8 76.8h38.4z"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 767 B

After

Width:  |  Height:  |  Size: 740 B

6
tiny/mail.svg
View File

@@ -1,4 +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="#168de2"/>
<path d="M325 254c-2-44-35-71-75-71h-1c-46 0-71 36-71 77 0 46 30 75 71 75 45 0 74-33 76-72v-9zm-76-110c31 0 59 13 80 34v1c0-11 7-18 17-18h2c15 0 18 14 18 18v158c-1 10 11 16 17 9 26-26 56-134-15-196-67-59-156-49-204-16-50 35-83 112-51 184 34 79 132 103 190 79 30-12 43 28 13 41-47 20-176 18-236-86-40-71-38-194 70-259 82-49 191-35 256 33 69 72 65 206-2 258-30 24-75 1-75-34v-11c-21 21-49 33-80 33-60 0-113-53-113-113 0-61 53-115 113-115" fill="#fff"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#168de2" height="100%" rx="15%" width="100%"/>
<path d="m325 254c-2-44-35-71-75-71h-1c-46 0-71 36-71 77 0 46 30 75 71 75 45 0 74-33 76-72zm-76-110c31 0 59 13 80 34v1c0-11 7-18 17-18h2c15 0 18 14 18 18v158c-1 10 11 16 17 9 26-26 56-134-15-196-67-59-156-49-204-16-50 35-83 112-51 184 34 79 132 103 190 79 30-12 43 28 13 41-47 20-176 18-236-86-40-71-38-194 70-259 82-49 191-35 256 33 69 72 65 206-2 258-30 24-75 1-75-34v-11c-21 21-49 33-80 33-60 0-113-53-113-113 0-61 53-115 113-115" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 604 B

After

Width:  |  Height:  |  Size: 577 B

8
tiny/paypal.svg
View File

@@ -1,7 +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="#003087"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#003087" height="100%" rx="15%" width="100%"/>
<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"/>
<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 25h-52l-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 397 17-74s5-21 29-21c23 0 183 6 218-107 13-41 22-139-139-139h-117s-24-1-30 24l-77 321s-3 21 18 21h52s24 1 29-25zm44-187 15-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 Swipe Overlay

Before

Width:  |  Height:  |  Size: 584 B

After

Width:  |  Height:  |  Size: 564 B

6
tiny/pdf.svg
View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#FFF"/>
<path d="M86 456c-13 0-23-7-28-18-7-18 4-43 30-69 21-20 50-37 86-50 19-35 37-74 49-107-27-43-32-96-23-125 7-19 17-26 25-29 11-4 23-1 31 7 12 13 16 39 13 79-1 16-6 38-16 64l1 2 20 25 49 59 15-1c60 0 100 13 114 36 5 10 5 21 0 30-7 13-23 20-42 20l-15-1c-24-4-51-23-83-57a613 613 0 0 0-120 20c-16 29-51 88-77 105-9 7-19 10-29 10zm66-99c-18 9-33 19-45 31-24 23-25 37-24 40l3 1c4 0 10-2 15-5 11-8 31-33 51-67zm197-37c20 19 37 29 51 32l10 1c10 0 17-4 19-7v-4c-5-7-27-20-80-22zm-107-83c-9 23-20 48-33 72 31-8 58-11 74-13h7a1722 1722 0 0 1-48-59zm-7-154h-1c-3 1-6 6-8 12-7 20-4 53 9 83 4-14 7-26 7-36 4-44-4-56-6-58l-1-1z" fill="red"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#fff" height="100%" rx="15%" width="100%"/>
<path d="m86 456c-13 0-23-7-28-18-7-18 4-43 30-69 21-20 50-37 86-50 19-35 37-74 49-107-27-43-32-96-23-125 7-19 17-26 25-29 11-4 23-1 31 7 12 13 16 39 13 79-1 16-6 38-16 64l1 2 20 25 49 59 15-1c60 0 100 13 114 36 5 10 5 21 0 30-7 13-23 20-42 20l-15-1c-24-4-51-23-83-57a613 613 0 0 0 -120 20c-16 29-51 88-77 105-9 7-19 10-29 10zm66-99c-18 9-33 19-45 31-24 23-25 37-24 40l3 1c4 0 10-2 15-5 11-8 31-33 51-67zm197-37c20 19 37 29 51 32l10 1c10 0 17-4 19-7v-4c-5-7-27-20-80-22zm-107-83c-9 23-20 48-33 72 31-8 58-11 74-13h7a1722 1722 0 0 1 -48-59zm-7-154h-1c-3 1-6 6-8 12-7 20-4 53 9 83 4-14 7-26 7-36 4-44-4-56-6-58z" fill="#f00"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 774 B

After

Width:  |  Height:  |  Size: 751 B

10
tiny/phone.svg
View File

@@ -1,8 +1,8 @@
<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="#0f0"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#0f0" height="100%" rx="15%" width="100%"/>
<g fill="#fff">
<path d="M425 347c-12-10-26-19-39-27-27-18-50-19-69 8-11 16-27 18-43 11-45-21-79-50-98-95-9-19-9-37 12-50 10-7 22-16 21-32-2-21-52-91-73-98-9-3-16-3-25 0-48 16-67 54-49 99a526 526 0 0 0 292 289l20 6c31 0 67-29 79-58 10-28-12-40-28-53zM272 77c99 15 145 62 157 161 2 9-3 23 12 23 13 0 10-13 10-22 2-93-81-179-176-182-7 1-22-5-24 10 0 10 12 9 21 10z"/>
<path d="M291 105c-8-2-22-6-25 7s12 12 21 15c62 13 83 35 93 95 2 8-1 22 14 20 11-1 7-13 8-20 0-59-50-111-111-117z"/>
<path d="M297 152c-6 0-13 1-16 7-3 10 4 13 12 15 25 4 38 19 41 42 0 7 5 12 12 12 9-2 11-9 9-16 0-28-31-60-58-60z"/>
<path d="m425 347c-12-10-26-19-39-27-27-18-50-19-69 8-11 16-27 18-43 11-45-21-79-50-98-95-9-19-9-37 12-50 10-7 22-16 21-32-2-21-52-91-73-98-9-3-16-3-25 0-48 16-67 54-49 99a526 526 0 0 0 292 289l20 6c31 0 67-29 79-58 10-28-12-40-28-53zm-153-270c99 15 145 62 157 161 2 9-3 23 12 23 13 0 10-13 10-22 2-93-81-179-176-182-7 1-22-5-24 10 0 10 12 9 21 10z"/>
<path d="m291 105c-8-2-22-6-25 7s12 12 21 15c62 13 83 35 93 95 2 8-1 22 14 20 11-1 7-13 8-20 0-59-50-111-111-117z"/>
<path d="m297 152c-6 0-13 1-16 7-3 10 4 13 12 15 25 4 38 19 41 42 0 7 5 12 12 12 9-2 11-9 9-16 0-28-31-60-58-60z"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 753 B

After

Width:  |  Height:  |  Size: 732 B

6
tiny/pinterest.svg
View File

@@ -1,4 +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="#BD081B"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#bd081b" height="100%" rx="15%" width="100%"/>
<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 Swipe Overlay

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 504 B

6
tiny/reddit.svg
View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="#FF4500"/>
<path d="M456 252a44 44 0 0 0-44-45c-12 0-22 4-30 12a216 216 0 0 0-111-36l19-66 60 12c2 21 19 36 40 36 22 0 40-18 40-40a40 40 0 0 0-40-40h-1a40 40 0 0 0-35 22l-80-16-27 91h-2c-45 2-85 16-115 37a43 43 0 0 0-30-12c-24 0-44 20-44 45 0 17 10 32 24 40l-1 13c0 67 79 122 177 122s177-55 177-122l-1-14a45 45 0 0 0 24-39zM87 270c-6-5-10-11-10-19 0-12 10-22 22-22 5 0 10 1 13 4a88 88 0 0 0-25 36zm288-145c0-8 6-15 15-15 8 0 14 7 14 15s-6 15-15 15c-8 0-14-7-14-15zM169 285a28 28 0 1 1 57 0 28 28 0 0 1-57 0zm87 99a102 102 0 0 1-69-26l11-11c1 0 22 21 58 22 36-1 57-22 57-22l12 11c-1 1-27 26-69 26zm59-71a28 28 0 1 1 0-56 28 28 0 0 1 0 56zm110-43a89 89 0 0 0-25-37c3-3 8-5 13-5a23 23 0 0 1 22 23c0 8-3 15-9 19z" fill="#FFf"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#ff4500" height="100%" rx="15%" width="100%"/>
<path d="m456 252a44 44 0 0 0 -44-45c-12 0-22 4-30 12a216 216 0 0 0 -111-36l19-66 60 12c2 21 19 36 40 36 22 0 40-18 40-40a40 40 0 0 0 -40-40h-1a40 40 0 0 0 -35 22l-80-16-27 91h-2c-45 2-85 16-115 37a43 43 0 0 0 -30-12c-24 0-44 20-44 45 0 17 10 32 24 40l-1 13c0 67 79 122 177 122s177-55 177-122l-1-14a45 45 0 0 0 24-39zm-369 18c-6-5-10-11-10-19 0-12 10-22 22-22 5 0 10 1 13 4a88 88 0 0 0 -25 36zm288-145c0-8 6-15 15-15 8 0 14 7 14 15s-6 15-15 15c-8 0-14-7-14-15zm-206 160a28 28 0 1 1 57 0 28 28 0 0 1 -57 0zm87 99a102 102 0 0 1 -69-26l11-11c1 0 22 21 58 22 36-1 57-22 57-22l12 11c-1 1-27 26-69 26zm59-71a28 28 0 1 1 0-56 28 28 0 0 1 0 56zm110-43a89 89 0 0 0 -25-37c3-3 8-5 13-5a23 23 0 0 1 22 23c0 8-3 15-9 19z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 863 B

After

Width:  |  Height:  |  Size: 854 B

8
tiny/rss.svg
View File

@@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 512 512">
<rect height="100%" width="100%" rx="15%" ry="15%" fill="orange"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#ffa500" height="100%" rx="15%" width="100%"/>
<g fill="#fff">
<circle cx="123" cy="389" r="67"/>
<path d="M56 256a200 200 0 0 1 200 200h67A267 267 0 0 0 56 189z"/>
<path d="M56 123a333 333 0 0 1 333 333h67A433 433 0 0 0 56 56z"/>
<path d="m56 256a200 200 0 0 1 200 200h67a267 267 0 0 0 -267-267z"/>
<path d="m56 123a333 333 0 0 1 333 333h67a433 433 0 0 0 -400-400z"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 338 B

After

Width:  |  Height:  |  Size: 323 B

6
tiny/skype.svg
View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512">
<rect ry="15%" rx="15%" width="100%" height="100%" fill="#00AFF0"/>
<path d="M442 298c2-13 4-26 4-40A188 188 0 0 0 226 73 109 109 0 0 0 74 220a188 188 0 0 0 219 223 109 109 0 0 0 160-96c0-17-4-34-11-49zm-88 50c-8 12-21 22-38 29-16 7-36 10-59 10-27 0-49-4-67-14-13-7-23-16-31-27-8-12-12-23-12-34 0-7 3-13 8-18s12-7 19-7 12 2 17 5c4 4 8 10 11 17l11 19c4 5 9 9 16 12 6 3 16 5 27 5 16 0 28-4 38-10 9-6 14-14 14-24 0-7-3-13-8-17-5-5-11-9-20-11l-34-9c-20-4-36-9-49-15-14-6-25-13-33-23-8-11-12-23-12-38 0-14 4-27 13-38 8-11 21-20 36-26 16-5 35-8 56-8 16 0 31 2 44 6 12 3 22 9 31 15 8 6 14 13 18 21 4 7 6 14 6 21s-3 13-8 18c-5 6-12 8-19 8s-13-1-16-5c-4-3-8-8-12-15-4-9-10-16-17-21-6-4-16-7-31-7-13 0-24 3-33 8-7 5-11 11-11 18 0 5 1 8 4 11 2 3 6 6 11 9l15 6 26 6 41 11c13 4 24 9 33 15 9 5 16 13 21 22s7 20 7 33c0 16-4 30-13 42z" fill="#fff"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#00aff0" height="100%" rx="15%" width="100%"/>
<path d="m442 298c2-13 4-26 4-40a188 188 0 0 0 -220-185 109 109 0 0 0 -152 147 188 188 0 0 0 219 223 109 109 0 0 0 160-96c0-17-4-34-11-49zm-88 50c-8 12-21 22-38 29-16 7-36 10-59 10-27 0-49-4-67-14-13-7-23-16-31-27-8-12-12-23-12-34 0-7 3-13 8-18s12-7 19-7 12 2 17 5c4 4 8 10 11 17l11 19c4 5 9 9 16 12 6 3 16 5 27 5 16 0 28-4 38-10 9-6 14-14 14-24 0-7-3-13-8-17-5-5-11-9-20-11l-34-9c-20-4-36-9-49-15-14-6-25-13-33-23-8-11-12-23-12-38 0-14 4-27 13-38 8-11 21-20 36-26 16-5 35-8 56-8 16 0 31 2 44 6 12 3 22 9 31 15 8 6 14 13 18 21 4 7 6 14 6 21s-3 13-8 18c-5 6-12 8-19 8s-13-1-16-5c-4-3-8-8-12-15-4-9-10-16-17-21-6-4-16-7-31-7-13 0-24 3-33 8-7 5-11 11-11 18 0 5 1 8 4 11 2 3 6 6 11 9l15 6 26 6 41 11c13 4 24 9 33 15 9 5 16 13 21 22s7 20 7 33c0 16-4 30-13 42z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 918 B

After

Width:  |  Height:  |  Size: 901 B

8
tiny/slideshare.svg
View File

@@ -1,7 +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="#0DA8AA"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#0da8aa" height="100%" rx="15%" width="100%"/>
<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"/>
<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 50v167h24v-167c0-14 11-26 26-26h266c15 0 26 12 26 26v169h24v-169c0-27-22-50-50-50z"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 645 B

After

Width:  |  Height:  |  Size: 613 B

6
tiny/snapchat.svg
View File

@@ -1,4 +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="#FFFC00"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#fffc00" height="100%" rx="15%" width="100%"/>
<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-19z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 888 B

After

Width:  |  Height:  |  Size: 865 B

6
tiny/soundcloud.svg
View File

@@ -1,4 +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="#FF5500"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#f50" height="100%" rx="15%" width="100%"/>
<path d="m56 296.1a44 44 0 0 0 15.9 33.9v-67.5a44 44 0 0 0 -15.9 33.5m32.6-42.6v85.2c4 1.1 8.2 1.7 12.5 1.7h4.3v-88.3a50.2 50.2 0 0 0 -16.8 1.5m37 5.5a40 40 0 0 0 -3.4-2v83.4h16.7v-111.6a68.9 68.9 0 0 0 -13.2 30.2m30-45.9v127.3h16.8v-135.6c-6 2-11.6 4.9-16.8 8.3m33.6-11.7v139h16.7v-138.4a71.8 71.8 0 0 0 -16.7-.5m42.8 9.8a71.6 71.6 0 0 0 -17.7-7.5v136.7h25.2v-139.4a86 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 Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 B

After

Width:  |  Height:  |  Size: 656 B

8
tiny/stackoverflow.svg
View File

@@ -1,7 +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="#F58025"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#f58025" height="100%" rx="15%" width="100%"/>
<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"/>
<path d="m149 369h158v33h-158zm238-314 27 156-33 6-27-156zm-234 256 157 15-3 33-157-14zm15-71 153 41-9 32-152-41zm36-77 136 80-17 29-136-80zm81-74 89 130-28 19-89-130z"/>
<path d="m99 455h261v1-165h-27v139h-207v-139h-27z"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 400 B

After

Width:  |  Height:  |  Size: 374 B

6
tiny/steam.svg
View File

@@ -1,4 +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="#2B2E34"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#2b2e34" height="100%" rx="15%" width="100%"/>
<path d="m426 205a37 37 0 1 1 -74 0 37 37 0 0 1 74 0zm-15 62-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-12zm196-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 Swipe Overlay

Before

Width:  |  Height:  |  Size: 579 B

After

Width:  |  Height:  |  Size: 557 B

6
tiny/telegram.svg
View File

@@ -1,4 +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="#3FAEE8"/>
<path d="M429 90L76 227c-25 9-24 23-5 28l88 28 34 104c4 11 2 15 13 15 9 0 13-4 19-9l44-43 91 68c18 10 29 4 34-16l60-284c6-24-9-35-25-28zM173 277l198-126c11-6 20-3 12 4L212 308l-6 72-33-103z" fill="#fff"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#3faee8" height="100%" rx="15%" width="100%"/>
<path d="m429 90-353 137c-25 9-24 23-5 28l88 28 34 104c4 11 2 15 13 15 9 0 13-4 19-9l44-43 91 68c18 10 29 4 34-16l60-284c6-24-9-35-25-28zm-256 187 198-126c11-6 20-3 12 4l-171 153-6 72z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 357 B

After

Width:  |  Height:  |  Size: 329 B

6
tiny/tumblr.svg
View File

@@ -1,4 +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="#3E3F60"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#3e3f60" height="100%" rx="15%" width="100%"/>
<path d="m352 376c-8 3-22 6-33 6-32 1-38-22-38-39v-125h80v-60h-80v-102h-58c-1 0-3 1-3 3-4 31-18 86-79 108v51h41v131c0 45 33 108 120 107 29-1 62-13 69-23z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 324 B

After

Width:  |  Height:  |  Size: 298 B

6
tiny/twitter.svg
View File

@@ -1,4 +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="#1DA1F3"/>
<path d="M456 133c-14 7-31 11-47 13 17-10 30-27 37-46-15 10-34 16-52 20a82 82 0 0 0-142 57l1 18c-68-3-129-35-169-85a81 81 0 0 0 26 109c-13 0-26-4-37-9 0 39 28 72 65 80l-21 3-16-1c10 33 41 57 77 57-29 22-64 35-102 35l-20-1a233 233 0 0 0 361-196l-2-12c16-11 30-25 41-42z" fill="#fff"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#1da1f3" height="100%" rx="15%" width="100%"/>
<path d="m456 133c-14 7-31 11-47 13 17-10 30-27 37-46-15 10-34 16-52 20a82 82 0 0 0 -142 57l1 18c-68-3-129-35-169-85a81 81 0 0 0 26 109c-13 0-26-4-37-9 0 39 28 72 65 80l-21 3-16-1c10 33 41 57 77 57-29 22-64 35-102 35l-20-1a233 233 0 0 0 361-196l-2-12c16-11 30-25 41-42z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 436 B

After

Width:  |  Height:  |  Size: 414 B

6
tiny/vimeo.svg
View File

@@ -1,4 +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="#1EB8EB"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#1eb8eb" height="100%" rx="15%" width="100%"/>
<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 Swipe Overlay

Before

Width:  |  Height:  |  Size: 374 B

After

Width:  |  Height:  |  Size: 351 B

8
tiny/wechat.svg
View File

@@ -1,7 +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="#00B80C"/>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#00b80c" height="100%" rx="15%" width="100%"/>
<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"/>
<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 Swipe Overlay

Before

Width:  |  Height:  |  Size: 785 B

After

Width:  |  Height:  |  Size: 762 B

6
tiny/whatsapp.svg
View File

@@ -1,4 +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="#25D366"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#25d366" height="100%" rx="15%" width="100%"/>
<path d="m456 251a196 196 0 0 1 -291 170l-109 35 35-105a196 196 0 0 1 168-295c109 0 197 87 197 195zm-196-164c-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 Swipe Overlay

Before

Width:  |  Height:  |  Size: 642 B

After

Width:  |  Height:  |  Size: 624 B

6
tiny/wikipedia.svg
View File

@@ -1,4 +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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#282828" height="100%" rx="15%" width="100%"/>
<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-1h-91l-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-3z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 682 B

After

Width:  |  Height:  |  Size: 657 B

6
tiny/wordpress.svg
View File

@@ -1,4 +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="#21759B"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#21759b" height="100%" rx="15%" width="100%"/>
<path d="m56 256c-1-110 91-201 201-200 109 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-54 1-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 180zm-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-133zm87 137c25-6 67-58 80-98 15-48 11-94-12-140l-1 2c3 23-1 45-9 67l-56 163z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 817 B

After

Width:  |  Height:  |  Size: 784 B

5
tiny/youtube-tiny.svg
View File

@@ -1 +1,4 @@
<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>
<svg viewBox="0 0 512 512">
<path d="m0 0h512v512h-512z" fill="#f00"/>
<path d="m371 349h-22v-13c0-6 5-10 11-10h1c6 0 11 4 11 10zm-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 51h-224c-30 0-55-23-55-51v-118c0-29 25-52 55-52h224c30 0 55 23 55 52zm-264 130v-124h28v-18h-74v18h23v124zm83-105h-23v82c-2 5-10 11-14 1v-83h-23v86c1 6 1 13 6 17 11 8 31-1 36-11v13h18zm74 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-179 5 8 10 2 9-3 6-8v9h26v-110h-21v86a8 8 0 0 1 -17 0v-86h-21v93zm-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-21zm21 44c0 6 4 11 10 11s10-5 10-11v-58c0-7-4-12-10-12s-10 5-10 12zm-72 30h25v-85l28-72h-26l-16 54-15-54h-27l31 72z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 998 B

After

Width:  |  Height:  |  Size: 981 B

6
tiny/youtube.svg
View File

@@ -1,4 +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="#E62D28"/>
<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 viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#e62d28" height="100%" rx="15%" width="100%"/>
<path d="m371 349h-22v-13c0-6 5-10 11-10h1c6 0 11 4 11 10zm-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 51h-224c-30 0-55-23-55-51v-118c0-29 25-52 55-52h224c30 0 55 23 55 52zm-264 130v-124h28v-18h-74v18h23v124zm83-105h-23v82c-2 5-10 11-14 1v-83h-23v86c1 6 1 13 6 17 11 8 31-1 36-11v13h18zm74 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-179 5 8 10 2 9-3 6-8v9h26v-110h-21v86a8 8 0 0 1 -17 0v-86h-21v93zm-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-21zm21 44c0 6 4 11 10 11s10-5 10-11v-58c0-7-4-12-10-12s-10 5-10 12zm-72 30h25v-85l28-72h-26l-16 54-15-54h-27l31 72z" fill="#fff"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB