Xargon/ES-DE
1
0
Fork 0
mirror of https://github.com/RetroDECK/ES-DE.git synced 2024-11-25 15:45:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Replaced the default d-pad helpsystem images to make them more legible when using smaller screen sizes

Browse source
This commit is contained in:
Leon Styhre 2024-01-17 17:26:18 +01:00
parent 9196bf13e2
commit c3b41d75a7
7 changed files with 92 additions and 133 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
resources/graphics/help/dpad_all.svg
View file

@ -11,71 +11,6 @@
id="defs15" /> id="defs15" />
<path <path
id="outline_up" id="outline_up"
d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" style="stroke:none;fill:#ffffff;fill-opacity:1"
fill="none" d="M 26 2 A 4 4 0 0 0 22 6 L 22 22 L 6 22 A 4 4 0 0 0 2 26 L 2 38 A 4 4 0 0 0 6 42 L 22 42 L 22 58 A 4 4 0 0 0 26 62 L 38 62 A 4 4 0 0 0 42 58 L 42 42 L 58 42 A 4 4 0 0 0 62 38 L 62 26 A 4 4 0 0 0 58 22 L 42 22 L 42 6 A 4 4 0 0 0 38 2 L 26 2 z M 32 5.2011719 C 32.32252 5.2011719 32.645027 5.3534061 32.841797 5.6601562 L 37.841797 13.460938 C 38.267517 14.126373 37.79 14.999487 37 15 L 27 15 C 26.63474 14.999956 26.298557 14.800792 26.123047 14.480469 C 26.036697 14.323367 25.994 14.145954 26 13.966797 C 26.006 13.787018 26.060903 13.612262 26.158203 13.460938 L 31.158203 5.6601562 C 31.354973 5.3534062 31.67748 5.2011717 32 5.2011719 z M 13.966797 26 A 1.0001 1.0001 0 0 1 14.480469 26.123047 A 1.0001 1.0001 0 0 1 15 27 L 15 37 A 1.0001 1.0001 0 0 1 13.460938 37.841797 L 5.6601562 32.841797 A 1.0001 1.0001 0 0 1 5.6601562 31.158203 L 13.460938 26.158203 A 1.0001 1.0001 0 0 1 13.966797 26 z M 50.033203 26 A 1.0001 1.0001 0 0 1 50.539062 26.158203 L 58.339844 31.158203 A 1.0001 1.0001 0 0 1 58.339844 32.841797 L 50.539062 37.841797 A 1.0001 1.0001 0 0 1 49 37 L 49 27 A 1.0001 1.0001 0 0 1 49.519531 26.123047 A 1.0001 1.0001 0 0 1 50.033203 26 z M 27 49 L 37 49 C 37.79 49.000512 38.267517 49.873626 37.841797 50.539062 L 32.841797 58.339844 C 32.448267 58.953344 31.551733 58.953344 31.158203 58.339844 L 26.158203 50.539062 C 26.060903 50.38774 26.006 50.212982 26 50.033203 C 25.994 49.854046 26.036647 49.676634 26.123047 49.519531 C 26.298557 49.199208 26.63474 49.000044 27 49 z " />
stroke="#fff"
stroke-linejoin="round"
stroke-width="3" />
<path
id="outline_right"
d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42"
fill="none"
stroke="#fff"
stroke-linejoin="round"
stroke-width="3" />
<path
id="outline_down"
d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5"
fill="none"
stroke="#fff"
stroke-linejoin="round"
stroke-width="3" />
<path
id="outline_left"
d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42"
fill="none"
stroke="#fff"
stroke-linejoin="round"
stroke-width="3" />
<polygon
id="dpad_up"
points="27,14 37,14 32,6.2"
fill="none"
stroke="#fff"
stroke-linejoin="round"
stroke-width="2"
style="fill:#ffffff;fill-opacity:1" />
<polygon
id="dpad_right"
points="50,27 50,37 57.8,32"
fill="none"
stroke="#fff"
stroke-linejoin="round"
stroke-width="2"
style="fill:#ffffff;fill-opacity:1" />
<polygon
id="dpad_down"
points="27,50 37,50 32,57.8"
fill="none"
stroke="#fff"
stroke-linejoin="round"
stroke-width="2"
style="fill:#ffffff;fill-opacity:1" />
<polygon
id="dpad_left"
points="14,27 14,37 6.2,32"
fill="none"
stroke="#fff"
stroke-linejoin="round"
stroke-width="2"
style="fill:#ffffff;fill-opacity:1" />
<circle
id="dpad_thumb"
cx="32"
cy="32"
r="5"
fill="none"
stroke="#fff"
stroke-linejoin="round"
stroke-width="2" />
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

26
resources/graphics/help/dpad_down.svg
View file

@ -1,12 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"> <svg
<path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> width="64"
<path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> height="64"
<path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> version="1.1"
<path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> viewBox="0 0 64 64"
<polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="svg11"
<polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns="http://www.w3.org/2000/svg"
<polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns:svg="http://www.w3.org/2000/svg">
<polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> <defs
<circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="defs15" />
<path
id="outline_up-3"
style="fill:#ffffff;fill-opacity:1;stroke:none"
d="M 26 2 A 4 4 0 0 0 22 6 L 22 22 L 6 22 A 4 4 0 0 0 2 26 L 2 38 A 4 4 0 0 0 6 42 L 22 42 L 22 58 A 4 4 0 0 0 26 62 L 38 62 A 4 4 0 0 0 42 58 L 42 42 L 58 42 A 4 4 0 0 0 62 38 L 62 26 A 4 4 0 0 0 58 22 L 42 22 L 42 6 A 4 4 0 0 0 38 2 L 26 2 z M 27 49 L 37 49 A 1.0001 1.0001 0 0 1 37.876953 49.519531 A 1.0001 1.0001 0 0 1 38 50.033203 A 1.0001 1.0001 0 0 1 37.841797 50.539062 L 32.841797 58.339844 A 1.0001 1.0001 0 0 1 31.158203 58.339844 L 26.158203 50.539062 A 1.0001 1.0001 0 0 1 27 49 z " />
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 848 B

26
resources/graphics/help/dpad_left.svg
View file

@ -1,12 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"> <svg
<path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> width="64"
<path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> height="64"
<path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> version="1.1"
<path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> viewBox="0 0 64 64"
<polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="svg11"
<polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns="http://www.w3.org/2000/svg"
<polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns:svg="http://www.w3.org/2000/svg">
<polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> <defs
<circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="defs15" />
<path
id="outline_up-3"
style="fill:#ffffff;fill-opacity:1;stroke:none"
d="M 26 2 A 4 4 0 0 0 22 6 L 22 22 L 6 22 A 4 4 0 0 0 2 26 L 2 38 A 4 4 0 0 0 6 42 L 22 42 L 22 58 A 4 4 0 0 0 26 62 L 38 62 A 4 4 0 0 0 42 58 L 42 42 L 58 42 A 4 4 0 0 0 62 38 L 62 26 A 4 4 0 0 0 58 22 L 42 22 L 42 6 A 4 4 0 0 0 38 2 L 26 2 z M 13.966797 26 A 1.0001 1.0001 0 0 1 14.480469 26.123047 A 1.0001 1.0001 0 0 1 15 27 L 15 37 A 1.0001 1.0001 0 0 1 13.460938 37.841797 L 5.6601562 32.841797 A 1.0001 1.0001 0 0 1 5.6601562 31.158203 L 13.460938 26.158203 A 1.0001 1.0001 0 0 1 13.966797 26 z " />
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 855 B

26
resources/graphics/help/dpad_leftright.svg
View file

@ -1,12 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"> <svg
<path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> width="64"
<path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> height="64"
<path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> version="1.1"
<path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> viewBox="0 0 64 64"
<polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="svg11"
<polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns="http://www.w3.org/2000/svg"
<polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns:svg="http://www.w3.org/2000/svg">
<polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> <defs
<circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="defs15" />
<path
id="outline_up"
style="stroke:none;fill:#ffffff;fill-opacity:1"
d="M 26 2 A 4 4 0 0 0 22 6 L 22 22 L 6 22 A 4 4 0 0 0 2 26 L 2 38 A 4 4 0 0 0 6 42 L 22 42 L 22 58 A 4 4 0 0 0 26 62 L 38 62 A 4 4 0 0 0 42 58 L 42 42 L 58 42 A 4 4 0 0 0 62 38 L 62 26 A 4 4 0 0 0 58 22 L 42 22 L 42 6 A 4 4 0 0 0 38 2 L 26 2 z M 13.966797 26 A 1.0001 1.0001 0 0 1 14.480469 26.123047 A 1.0001 1.0001 0 0 1 15 27 L 15 37 A 1.0001 1.0001 0 0 1 13.460938 37.841797 L 5.6601562 32.841797 A 1.0001 1.0001 0 0 1 5.6601562 31.158203 L 13.460938 26.158203 A 1.0001 1.0001 0 0 1 13.966797 26 z M 50.033203 26 A 1.0001 1.0001 0 0 1 50.539062 26.158203 L 58.339844 31.158203 A 1.0001 1.0001 0 0 1 58.339844 32.841797 L 50.539062 37.841797 A 1.0001 1.0001 0 0 1 49 37 L 49 27 A 1.0001 1.0001 0 0 1 49.519531 26.123047 A 1.0001 1.0001 0 0 1 50.033203 26 z " />
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

26
resources/graphics/help/dpad_right.svg
View file

@ -1,12 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"> <svg
<path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> width="64"
<path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> height="64"
<path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> version="1.1"
<path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> viewBox="0 0 64 64"
<polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="svg11"
<polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns="http://www.w3.org/2000/svg"
<polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns:svg="http://www.w3.org/2000/svg">
<polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> <defs
<circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="defs15" />
<path
id="outline_up-3"
style="fill:#ffffff;fill-opacity:1;stroke:none"
d="M 26 2 A 4 4 0 0 0 22 6 L 22 22 L 6 22 A 4 4 0 0 0 2 26 L 2 38 A 4 4 0 0 0 6 42 L 22 42 L 22 58 A 4 4 0 0 0 26 62 L 38 62 A 4 4 0 0 0 42 58 L 42 42 L 58 42 A 4 4 0 0 0 62 38 L 62 26 A 4 4 0 0 0 58 22 L 42 22 L 42 6 A 4 4 0 0 0 38 2 L 26 2 z M 50.033203 26 A 1.0001 1.0001 0 0 1 50.539062 26.158203 L 58.339844 31.158203 A 1.0001 1.0001 0 0 1 58.339844 32.841797 L 50.539062 37.841797 A 1.0001 1.0001 0 0 1 49 37 L 49 27 A 1.0001 1.0001 0 0 1 49.519531 26.123047 A 1.0001 1.0001 0 0 1 50.033203 26 z " />
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 855 B

26
resources/graphics/help/dpad_up.svg
View file

@ -1,12 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"> <svg
<path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> width="64"
<path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> height="64"
<path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> version="1.1"
<path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> viewBox="0 0 64 64"
<polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="svg11"
<polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns="http://www.w3.org/2000/svg"
<polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns:svg="http://www.w3.org/2000/svg">
<polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> <defs
<circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="defs15" />
<path
id="outline_up-3"
style="fill:#ffffff;fill-opacity:1;stroke:none"
d="M 26 2 A 4 4 0 0 0 22 6 L 22 22 L 6 22 A 4 4 0 0 0 2 26 L 2 38 A 4 4 0 0 0 6 42 L 22 42 L 22 58 A 4 4 0 0 0 26 62 L 38 62 A 4 4 0 0 0 42 58 L 42 42 L 58 42 A 4 4 0 0 0 62 38 L 62 26 A 4 4 0 0 0 58 22 L 42 22 L 42 6 A 4 4 0 0 0 38 2 L 26 2 z M 31.671875 5.2558594 A 1.0001 1.0001 0 0 1 32.841797 5.6601562 L 37.841797 13.460938 A 1.0001 1.0001 0 0 1 38 13.966797 A 1.0001 1.0001 0 0 1 37.876953 14.480469 A 1.0001 1.0001 0 0 1 37 15 L 27 15 A 1.0001 1.0001 0 0 1 26.158203 13.460938 L 31.158203 5.6601562 A 1.0001 1.0001 0 0 1 31.671875 5.2558594 z " />
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 904 B

26
resources/graphics/help/dpad_updown.svg
View file

@ -1,12 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"> <svg
<path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> width="64"
<path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> height="64"
<path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> version="1.1"
<path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/> viewBox="0 0 64 64"
<polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="svg11"
<polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns="http://www.w3.org/2000/svg"
<polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> xmlns:svg="http://www.w3.org/2000/svg">
<polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> <defs
<circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> id="defs15" />
<path
id="outline_up"
style="fill:#ffffff;fill-opacity:1;stroke:none"
d="M 26 2 A 4 4 0 0 0 22 6 L 22 22 L 6 22 A 4 4 0 0 0 2 26 L 2 38 A 4 4 0 0 0 6 42 L 22 42 L 22 58 A 4 4 0 0 0 26 62 L 38 62 A 4 4 0 0 0 42 58 L 42 42 L 58 42 A 4 4 0 0 0 62 38 L 62 26 A 4 4 0 0 0 58 22 L 42 22 L 42 6 A 4 4 0 0 0 38 2 L 26 2 z M 31.671875 5.2558594 A 1.0001 1.0001 0 0 1 32.841797 5.6601562 L 37.841797 13.460938 A 1.0001 1.0001 0 0 1 38 13.966797 A 1.0001 1.0001 0 0 1 37.876953 14.480469 A 1.0001 1.0001 0 0 1 37 15 L 27 15 A 1.0001 1.0001 0 0 1 26.158203 13.460938 L 31.158203 5.6601562 A 1.0001 1.0001 0 0 1 31.671875 5.2558594 z M 27 49 L 37 49 A 1.0001 1.0001 0 0 1 37.876953 49.519531 A 1.0001 1.0001 0 0 1 38 50.033203 A 1.0001 1.0001 0 0 1 37.841797 50.539062 L 32.841797 58.339844 A 1.0001 1.0001 0 0 1 31.158203 58.339844 L 26.158203 50.539062 A 1.0001 1.0001 0 0 1 27 49 z " />
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB