Fijxu/h5ai
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Optimize SVG images.

Browse source
This commit is contained in:
Lars Jung 2014-08-08 13:43:13 +02:00
parent 48b4b25317
commit 19a8337e9e
10 changed files with 56 additions and 434 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/_h5ai/client/images/fallback/ar.svg
View file

@ -1,26 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="96"
width="96"
viewBox="0 0 96 96"
version="1.1">
<path
style="fill:#555555;fill-opacity:1;stroke:none"
d="M 6,6 6,90 90,90 90,24 72,6 z m 6,6 57.559322,0 L 84,26.576271 84,84 12,84 z"
id="rect2984"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccccc" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect3031"
width="12"
height="24"
x="42"
y="12" />
</svg>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" height="96" width="96" viewBox="0 0 96 96" version="1.1">
<path d="M6 6 6 90 90 90 90 24 72 6zm6 6 57.6 0L84 26.6 84 84 12 84z" fill="#555"/>
<rect width="12" height="24" x="42" y="12" fill="#555"/>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 797 B

After

Width:  |  Height:  |  Size: 288 B

52
src/_h5ai/client/images/fallback/aud.svg
View file

@ -1,48 +1,8 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="96"
width="96"
viewBox="0 0 96 96"
version="1.1">
<path
style="fill:#555555;fill-opacity:1;stroke:none"
d="M 12,6 12,90 84,90 84,24 66,6 z m 6,6 45.559322,0 L 78,26.576271 78,84 18,84 z"
id="rect2984"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccccc" />
<g
id="g3006"
transform="translate(2.5793231,-3.2660688)">
<path
transform="matrix(1.353211,0,0,0.99662165,-14.954127,-1.1081069)"
d="m 47.999999,65.830505 c 0,4.156177 -3.30854,7.525424 -7.389831,7.525424 -4.08129,0 -7.38983,-3.369247 -7.38983,-7.525424 0,-4.156176 3.30854,-7.525423 7.38983,-7.525423 4.081291,0 7.389831,3.369247 7.389831,7.525423 z"
sodipodi:ry="7.5254235"
sodipodi:rx="7.3898306"
sodipodi:cy="65.830505"
sodipodi:cx="40.610168"
id="path2984"
style="fill:#555555;fill-opacity:1;stroke:none"
sodipodi:type="arc" />
<rect
y="35.000015"
x="44"
height="30"
width="6"
id="rect2986"
style="fill:#555555;fill-opacity:1;stroke:none" />
<rect
transform="matrix(0.69076685,-0.72307756,0.72307756,0.69076685,0,0)"
y="55.90287"
x="5.1795917"
height="17.559322"
width="6"
id="rect2986-2"
style="fill:#555555;fill-opacity:1;stroke:none" />
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" height="96" width="96" viewBox="0 0 96 96" version="1.1">
<path d="M12 6 12 90 84 90 84 24 66 6zm6 6 45.6 0L78 26.6 78 84 18 84z" fill="#555"/>
<g transform="translate(2.5793231,-3.2660688)">
<path transform="matrix(1.353211,0,0,0.99662165,-14.954127,-1.1081069)" d="m48 65.8c0 4.2-3.3 7.5-7.4 7.5-4.1 0-7.4-3.4-7.4-7.5 0-4.2 3.3-7.5 7.4-7.5 4.1 0 7.4 3.4 7.4 7.5z" fill="#555"/>
<rect y="35" x="44" height="30" width="6" fill="#555"/>
<rect transform="matrix(0.69076685,-0.72307756,0.72307756,0.69076685,0,0)" y="55.9" x="5.2" height="17.6" width="6" fill="#555"/>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 675 B

30
src/_h5ai/client/images/fallback/bin.svg
View file

@ -1,26 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="96"
width="96"
viewBox="0 0 96 96"
version="1.1">
<path
style="fill:#555555;fill-opacity:1;stroke:none"
d="M 6,6 6,90 90,90 90,24 72,6 z m 6,6 57.559322,0 L 84,26.576271 84,84 12,84 z"
id="rect2984"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccccc" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect3943-7-1-8"
width="12"
height="12"
x="42"
y="42" />
</svg>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" height="96" width="96" viewBox="0 0 96 96" version="1.1">
<path d="M6 6 6 90 90 90 90 24 72 6zm6 6 57.6 0L84 26.6 84 84 12 84z" fill="#555"/>
<rect width="12" height="12" x="42" y="42" fill="#555"/>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 803 B

After

Width:  |  Height:  |  Size: 288 B

22
src/_h5ai/client/images/fallback/file.svg
View file

@ -1,19 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="96"
width="96"
viewBox="0 0 96 96"
version="1.1">
<path
style="fill:#555555;fill-opacity:1;stroke:none"
d="M 12,6 12,90 84,90 84,24 66,6 z m 6,6 45.559322,0 L 78,26.576271 78,84 18,84 z"
id="rect2984"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccccc" />
</svg>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" height="96" width="96" viewBox="0 0 96 96" version="1.1">
<path d="M12 6 12 90 84 90 84 24 66 6zm6 6 45.6 0L78 26.6 78 84 18 84z" fill="#555"/>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 659 B

After

Width:  |  Height:  |  Size: 231 B

22
src/_h5ai/client/images/fallback/folder-page.svg
View file

@ -1,19 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="96"
width="96"
viewBox="0 0 96 96"
version="1.1">
<path
style="fill:#555555"
d="m 0,18 0,72 96,0 0,-72 -30,0 -12,-12.0000002 -42,0 z m 12,12 54,0 18,18 0,36 -72,0 z m 66,54 0,-30 -18,0 0,-18 -42,0 0,48"
id="rect3845"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccccccccccccc" />
</svg>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" height="96" width="96" viewBox="0 0 96 96" version="1.1">
<path d="m0 18 0 72 96 0 0-72-30 0-12-12-42 0zm12 12 54 0 18 18 0 36-72 0zm66 54 0-30-18 0 0-18-42 0 0 48" fill="#555"/>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 683 B

After

Width:  |  Height:  |  Size: 266 B

84
src/_h5ai/client/images/fallback/folder-parent.svg
View file

@ -1,80 +1,8 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="96"
height="96"
viewBox="0 0 96 96"
version="1.1">
<g
inkscape:groupmode="layer"
transform="translate(-321.00015,-587)"
id="layer9"
inkscape:label="status"
style="display:inline" />
<g
inkscape:groupmode="layer"
transform="translate(-321.00015,-587)"
id="layer10"
inkscape:label="devices" />
<g
inkscape:groupmode="layer"
transform="translate(-321.00015,-587)"
id="layer11"
inkscape:label="apps" />
<g
inkscape:groupmode="layer"
transform="translate(-321.00015,-587)"
id="layer13"
inkscape:label="places" />
<g
inkscape:groupmode="layer"
transform="translate(-321.00015,-587)"
id="layer14"
inkscape:label="mimetypes" />
<g
inkscape:groupmode="layer"
transform="translate(-321.00015,-587)"
id="layer15"
inkscape:label="emblems"
style="display:inline" />
<g
inkscape:groupmode="layer"
transform="translate(-321.00015,-587)"
id="g71291"
inkscape:label="emotes"
style="display:inline" />
<g
inkscape:groupmode="layer"
transform="translate(-321.00015,-587)"
id="g4953"
inkscape:label="categories"
style="display:inline" />
<g
inkscape:groupmode="layer"
transform="translate(-321.00015,-587)"
id="layer12"
inkscape:label="actions"
style="display:inline">
<g
id="g2994"
style="fill:#555555;fill-opacity:1"
transform="matrix(4.836272,0,0,4.836272,-1221.151,-2629.537)">
<path
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#555555;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
inkscape:connector-curvature="0"
id="path4762"
d="m 325,673 0,2 6.5,0 c 0.84027,0 1.5,0.65973 1.5,1.5 0,0.84027 -0.65973,1.5 -1.5,1.5 l -0.5,0 0,2 0.5,0 c 1.92115,0 3.5,-1.57885 3.5,-3.5 0,-1.92115 -1.57885,-3.5 -3.5,-3.5 l -6.5,0 z" />
<path
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#555555;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans"
inkscape:connector-curvature="0"
id="path4764"
d="m 328,670.0221 0,1 c 0,0.25689 -0.12983,0.52846 -0.3125,0.71875 l -2.28125,2.28125 2.28125,2.28125 c 0.18267,0.19029 0.3125,0.46186 0.3125,0.71875 l 0,1 -1,0 c -0.30945,0 -0.55232,-0.0903 -0.75,-0.28125 l -3.65625,-3.71875 3.65625,-3.71875 c 0.19768,-0.19095 0.44055,-0.28125 0.75,-0.28125 z"
sodipodi:nodetypes="ccccccccccccc" />
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" version="1.1">
<g transform="translate(-321.00015,-587)">
<g transform="matrix(4.836272,0,0,4.836272,-1221.151,-2629.537)" fill="#555">
<path d="m325 673 0 2 6.5 0c0.8 0 1.5 0.7 1.5 1.5 0 0.8-0.7 1.5-1.5 1.5l-0.5 0 0 2 0.5 0c1.9 0 3.5-1.6 3.5-3.5 0-1.9-1.6-3.5-3.5-3.5l-6.5 0z"/>
<path d="m328 670 0 1c0 0.3-0.1 0.5-0.3 0.7l-2.3 2.3 2.3 2.3c0.2 0.2 0.3 0.5 0.3 0.7l0 1-1 0c-0.3 0-0.6-0.1-0.7-0.3l-3.7-3.7 3.7-3.7c0.2-0.2 0.4-0.3 0.8-0.3z"/>
</g>
</g>
</svg>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 603 B

22
src/_h5ai/client/images/fallback/folder.svg
View file

@ -1,19 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="96"
width="96"
viewBox="0 0 96 96"
version="1.1">
<path
style="fill:#555555"
d="m 0,18 0,72 96,0 0,-72 -30,0 -12,-12.0000002 -42,0 z"
id="rect3845"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccc" />
</svg>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" height="96" width="96" viewBox="0 0 96 96" version="1.1">
<path d="m0 18 0 72 96 0 0-72-30 0-12-12-42 0z" fill="#555"/>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 207 B

39
src/_h5ai/client/images/fallback/img.svg
View file

@ -1,35 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="96"
width="96"
viewBox="0 0 96 96"
version="1.1">
<path
style="fill:#555555;fill-opacity:1;stroke:none"
d="M 6,12 6,84 90,84 90,30 72,12 z m 6,6 57.559322,0 L 84,32.576271 84,78 12,78 z"
id="rect2984"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccccc" />
<path
style="fill:#555555;fill-opacity:1;stroke:none"
d="M 30,36 45.968325,55.161989 60,48 78,72 18,72 z"
id="rect2985"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccc" />
<path
sodipodi:type="arc"
style="fill:#555555;fill-opacity:1;stroke:none"
id="path2988"
sodipodi:cx="-39"
sodipodi:cy="53.237289"
sodipodi:rx="15"
sodipodi:ry="15"
d="m -24,53.237289 a 15,15 0 1 1 -30,0 15,15 0 1 1 30,0 z"
transform="matrix(0.4,0,0,0.4,81.6,14.705084)" />
</svg>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" height="96" width="96" viewBox="0 0 96 96" version="1.1">
<path d="m -24,53.237289 a 15,15 0 1 1 -30,0 15,15 0 1 1 30,0 z" transform="matrix(0.4,0,0,0.4,81.6,14.705084)" fill="#555"/>
<path d="M6 12 6 84 90 84 90 30 72 12zm6 6 57.6 0L84 32.6 84 78 12 78zM30 36 46 55.2 60 48 78 72 18 72zM-24 53.2a15 15 0 1 1-30 0 15 15 0 1 1 30 0z" fill="#555"/>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 436 B

46
src/_h5ai/client/images/fallback/txt.svg
View file

@ -1,40 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="96"
width="96"
viewBox="0 0 96 96"
version="1.1">
<path
style="fill:#555555;fill-opacity:1;stroke:none"
d="M 12,6 12,90 84,90 84,24 66,6 z m 6,6 45.559322,0 L 78,26.576271 78,84 18,84 z"
id="rect2984"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccccc" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2985"
width="42"
height="6"
x="24"
y="24" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2985-6"
width="36"
height="6"
x="24"
y="42" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2985-5"
width="48"
height="6"
x="24"
y="60" />
</svg>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" height="96" width="96" viewBox="0 0 96 96" version="1.1">
<path d="M12 6 12 90 84 90 84 24 66 6zm6 6 45.6 0L78 26.6 78 84 18 84z" fill="#555"/>
<rect width="42" height="6" x="24" y="24" fill="#555"/>
<rect width="36" height="6" x="24" y="42" fill="#555"/>
<rect width="48" height="6" x="24" y="60" fill="#555"/>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 405 B

143
src/_h5ai/client/images/fallback/vid.svg
View file

@ -1,126 +1,17 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="96"
width="96"
viewBox="0 0 96 96"
version="1.1">
<path
style="fill:#555555;fill-opacity:1;stroke:none"
d="M 6,12 6,84 90,84 90,30 72,12 z m 6,6 57.559322,0 L 84,32.576271 84,78 12,78 z"
id="rect2984"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccccc" />
<path
style="fill:#555555;fill-opacity:1;stroke:none"
d="M 35.4,42 46.577823,57.968309 56.399999,52.00002 69,72 27,72 z"
id="rect2985"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccc" />
<path
sodipodi:type="arc"
style="fill:#555555;fill-opacity:1;stroke:none"
id="path2988"
sodipodi:cx="-39"
sodipodi:cy="53.237289"
sodipodi:rx="15"
sodipodi:ry="15"
d="m -24,53.237289 a 15,15 0 1 1 -30,0 15,15 0 1 1 30,0 z"
transform="matrix(0.4,0,0,0.4,75.6,14.705084)" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2986"
width="6"
height="60"
x="18"
y="17.999989" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2988"
width="6"
height="6"
x="12"
y="26.728817" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2988-3"
width="6"
height="6"
x="12"
y="38.999985" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2988-3-2"
width="6"
height="6"
x="12"
y="50.999985" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2988-3-2-2"
width="6"
height="6"
x="12"
y="62.999985" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2988-3-2-7"
width="6"
height="6"
x="12"
y="74.999985" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2986-0"
width="6"
height="60"
x="72"
y="17.999989" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2988-4"
width="6"
height="6"
x="78"
y="26.728817" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2988-3-26"
width="6"
height="6"
x="78"
y="38.999985" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2988-3-2-5"
width="6"
height="6"
x="78"
y="50.999985" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2988-3-2-2-4"
width="6"
height="6"
x="78"
y="62.999985" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2988-3-2-7-8"
width="6"
height="6"
x="78"
y="74.999985" />
<rect
style="fill:#555555;fill-opacity:1;stroke:none"
id="rect2988-6"
width="6"
height="6"
x="12"
y="15.000004" />
</svg>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" height="96" width="96" viewBox="0 0 96 96" version="1.1">
<path d="m -24,53.237289 a 15,15 0 1 1 -30,0 15,15 0 1 1 30,0 z" transform="matrix(0.4,0,0,0.4,75.6,14.705084)" fill="#555"/>
<path d="M6 12 6 84 90 84 90 30 72 12zm6 6 57.6 0L84 32.6 84 78 12 78zM35.4 42 46.6 58 56.4 52 69 72 27 72zM-24 53.2a15 15 0 1 1-30 0 15 15 0 1 1 30 0z" fill="#555"/>
<rect width="6" height="60" x="18" y="18" fill="#555"/>
<rect width="6" height="6" x="12" y="26.7" fill="#555"/>
<rect width="6" height="6" x="12" y="39" fill="#555"/>
<rect width="6" height="6" x="12" y="51" fill="#555"/>
<rect width="6" height="6" x="12" y="63" fill="#555"/>
<rect width="6" height="6" x="12" y="75" fill="#555"/>
<rect width="6" height="60" x="72" y="18" fill="#555"/>
<rect width="6" height="6" x="78" y="26.7" fill="#555"/>
<rect width="6" height="6" x="78" y="39" fill="#555"/>
<rect width="6" height="6" x="78" y="51" fill="#555"/>
<rect width="6" height="6" x="78" y="63" fill="#555"/>
<rect width="6" height="6" x="78" y="75" fill="#555"/>
<rect width="6" height="6" x="12" y="15" fill="#555"/>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB