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

Update icons to have a transparnet OFF colour (#1360)

Browse Source
This commit is contained in:
Sam El-Husseini
2018-10-08 10:34:22 -07:00
committed by GitHub
parent fb8b1d927c
commit a069e6f46e
122 changed files with 2042 additions and 1041 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
resources/generateleds/generateleds.js
View File

@ -268,7 +268,8 @@ Object.keys(icons).forEach(icon => {
const x = j * (width / 5);
const y = i * (height / 5);
svg += `<rect y="5" x="5" width="30" height="30" rx="5" transform="translate(${x},${y})"
style="${hexItemVal ? 'fill:#fff;' : 'fill: #4BA6FF;'}"/>\n`; //#006CC2
fill="${hexItemVal ? '#fff' : '#000'}"
fill-opacity="${hexItemVal ? '1.0' : '0.2'}"/>\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: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

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

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

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB