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

12
resources/generateleds/generateandupdate.sh Normal file
View File

@ -0,0 +1,12 @@
# Run the generate script
node generateleds.js
# Copy the generated led png files into the right directory
cp -R out/*.png ../../libs/core/jres/icons/
# Rebuilt the jres with those new files
cd ../../libs/core
pxt jres
# Return back to generateleds directory
cd ../../resources/generateleds

2
resources/generateleds/generateleds.js
View File

@ -267,7 +267,7 @@ Object.keys(icons).forEach(icon => {
const x = j * (width / 5);
const y = i * (height / 5);
svg += `<rect y="0" x="0" width="25" height="25" rx="5" transform="translate(${x},${y})"
style="${hexItemVal ? 'fill:#fff;' : 'fill: #fff; fill-opacity:0;'}"/>\n`;
style="${hexItemVal ? 'fill:#fff;' : 'fill: #4DA1E3;'}"/>\n`; //#006CC2
}
}
svg += `</svg>`;

BIN
resources/generateleds/out/angry-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 945 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
resources/generateleds/out/asleep-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 698 B

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
resources/generateleds/out/butterfly-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1014 B

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
resources/generateleds/out/chessboard-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 965 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/confused-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 791 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/cow-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 929 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
resources/generateleds/out/diamond-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 868 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/duck-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 835 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/eigthnote-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 893 B

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
resources/generateleds/out/fabulous-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 955 B

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
resources/generateleds/out/ghost-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 972 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
resources/generateleds/out/giraffe-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 871 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/happy-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 810 B

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
resources/generateleds/out/heart-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 952 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
resources/generateleds/out/house-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 942 B

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
resources/generateleds/out/lefttriangle-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 883 B

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
resources/generateleds/out/meh-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 859 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/no-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 911 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/pitchfork-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 939 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
resources/generateleds/out/quarternote-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 812 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/rabbit-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 929 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/rollerskate-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 958 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
resources/generateleds/out/sad-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 769 B

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
resources/generateleds/out/scissors-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 974 B

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
resources/generateleds/out/silly-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 918 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
resources/generateleds/out/skull-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 969 B

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
resources/generateleds/out/smalldiamond-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 637 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/smallheart-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 678 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/smallsquare-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 690 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/snake-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 855 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/square-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 934 B

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
resources/generateleds/out/stickfigure-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 899 B

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
resources/generateleds/out/surprised-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 829 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/sword-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 801 B

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
resources/generateleds/out/target-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 939 B

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
resources/generateleds/out/tortoise-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 733 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
resources/generateleds/out/triangle-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 696 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
resources/generateleds/out/tshirt-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 985 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
resources/generateleds/out/umbrella-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 905 B

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
resources/generateleds/out/yes-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 717 B

After

Width:  |  Height:  |  Size: 1.1 KiB

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