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

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