c_meyer/pxt-calliope
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update background of show icon images to be secondary color of basic blocks. Add update script. (#1303)

Browse Source
This commit is contained in:
Sam El-Husseini
2018-09-26 15:45:53 -07:00
committed by Peli de Halleux
parent 6ffd8aeea0
commit d8d3d70511
123 changed files with 608 additions and 596 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
resources/generateleds/svg/angry.svg
View File

@ -1,33 +1,33 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
@ -41,11 +41,11 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill:#fff;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

36
resources/generateleds/svg/asleep.svg
View File

@ -1,35 +1,35 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,15 +37,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

12
resources/generateleds/svg/butterfly.svg
View File

@ -3,7 +3,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
@ -19,15 +19,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
@ -43,7 +43,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

26
resources/generateleds/svg/chessboard.svg
View File

@ -1,51 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

36
resources/generateleds/svg/confused.svg
View File

@ -1,51 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill:#fff;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

24
resources/generateleds/svg/cow.svg
View File

@ -1,21 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
@ -29,7 +29,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,15 +37,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

34
resources/generateleds/svg/diamond.svg
View File

@ -1,51 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

26
resources/generateleds/svg/duck.svg
View File

@ -1,13 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
@ -15,11 +15,11 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
@ -29,7 +29,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,15 +37,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

28
resources/generateleds/svg/eigthnote.svg
View File

@ -1,31 +1,31 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
@ -35,9 +35,9 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
@ -45,7 +45,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

22
resources/generateleds/svg/fabulous.svg
View File

@ -13,33 +13,33 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
@ -47,5 +47,5 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

12
resources/generateleds/svg/ghost.svg
View File

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
@ -7,15 +7,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
@ -41,11 +41,11 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill:#fff;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

32
resources/generateleds/svg/giraffe.svg
View File

@ -3,33 +3,33 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,15 +37,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

36
resources/generateleds/svg/happy.svg
View File

@ -1,45 +1,45 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
@ -47,5 +47,5 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

18
resources/generateleds/svg/heart.svg
View File

@ -1,13 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
@ -29,7 +29,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,15 +37,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

22
resources/generateleds/svg/house.svg
View File

@ -1,15 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
@ -17,7 +17,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
@ -29,7 +29,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,15 +37,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

26
resources/generateleds/svg/lefttriangle.svg
View File

@ -1,43 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

36
resources/generateleds/svg/meh.svg
View File

@ -3,49 +3,49 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

32
resources/generateleds/svg/no.svg
View File

@ -1,51 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill:#fff;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

24
resources/generateleds/svg/pitchfork.svg
View File

@ -1,21 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
@ -29,23 +29,23 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

32
resources/generateleds/svg/quarternote.svg
View File

@ -1,33 +1,33 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
@ -35,9 +35,9 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
@ -45,7 +45,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

20
resources/generateleds/svg/rabbit.svg
View File

@ -1,23 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
@ -27,17 +27,17 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
@ -47,5 +47,5 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

18
resources/generateleds/svg/rollerskate.svg
View File

@ -1,19 +1,19 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
@ -39,13 +39,13 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

36
resources/generateleds/svg/sad.svg
View File

@ -1,35 +1,35 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,15 +37,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill:#fff;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

24
resources/generateleds/svg/scissors.svg
View File

@ -3,9 +3,9 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
@ -13,39 +13,39 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill:#fff;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

28
resources/generateleds/svg/silly.svg
View File

@ -1,23 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
@ -29,21 +29,21 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

16
resources/generateleds/svg/skull.svg
View File

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
@ -7,15 +7,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
@ -29,7 +29,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,9 +37,9 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
@ -47,5 +47,5 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

42
resources/generateleds/svg/smalldiamond.svg
View File

@ -1,51 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

38
resources/generateleds/svg/smallheart.svg
View File

@ -1,25 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
@ -27,25 +27,25 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

34
resources/generateleds/svg/smallsquare.svg
View File

@ -1,15 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
@ -17,19 +17,19 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,15 +37,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

28
resources/generateleds/svg/snake.svg
View File

@ -3,33 +3,33 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,15 +37,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

18
resources/generateleds/svg/square.svg
View File

@ -11,31 +11,31 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

28
resources/generateleds/svg/stickfigure.svg
View File

@ -1,13 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
@ -19,33 +19,33 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill:#fff;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

38
resources/generateleds/svg/surprised.svg
View File

@ -1,51 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

36
resources/generateleds/svg/sword.svg
View File

@ -1,35 +1,35 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,15 +37,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

26
resources/generateleds/svg/target.svg
View File

@ -1,15 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
@ -17,19 +17,19 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,15 +37,15 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

30
resources/generateleds/svg/tortoise.svg
View File

@ -1,15 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
@ -17,7 +17,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
@ -29,23 +29,23 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

34
resources/generateleds/svg/triangle.svg
View File

@ -1,33 +1,33 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
@ -39,13 +39,13 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

14
resources/generateleds/svg/tshirt.svg
View File

@ -3,7 +3,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
@ -19,7 +19,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
@ -27,9 +27,9 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
@ -37,9 +37,9 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
@ -47,5 +47,5 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

22
resources/generateleds/svg/umbrella.svg
View File

@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
@ -7,7 +7,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
@ -19,25 +19,25 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
@ -45,7 +45,7 @@
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

40
resources/generateleds/svg/yes.svg
View File

@ -1,51 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" height="200" width="200"><rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,0)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,40)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,40)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,80)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,80)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,120)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,120)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(0,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(40,160)"
style="fill:#fff;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(80,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(120,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(160,160)"
style="fill: #fff; fill-opacity:0;"/>
style="fill: #4DA1E3;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB