mirrors/apple_cursor
1
0
Fork 0
mirror of https://github.com/ful1e5/apple_cursor.git synced 2025-05-18 00:54:46 -04:00
Code Issues Projects Releases Packages Wiki Activity

💅 Format source .svg

Browse source
This commit is contained in:
KaizIqbal 2020-07-31 09:33:09 +05:30
parent 75d3b90cc4
commit 771262b504
41 changed files with 264 additions and 264 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/svg/all_scroll.svg
View file

@ -1,8 +1,8 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M119.044 69.6452H129.063V79.6001H119.044V69.6452ZM129.063 129.375H119.044V119.42H129.063V129.375ZM78.9662 79.6001H68.9468V69.6452H78.9662V79.6001ZM78.9662 129.375H68.9468V119.42H78.9662V129.375ZM99.005 20L19 99.5199L71.3214 151.495L99.005 179L179 99.51L99.005 20Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M166 99.005L139.92 71V89.2346H99.0306H58.2227V71L32 99.005L58.2329 127L58.2227 108.975H99.0306H139.92L139.91 127L166 99.005Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M108.887 99.4651H109.017V59.6042L127 59.6142L99.0647 34L71.1095 59.6042H89.1127V99.4651H89.1923V139.336L71 139.326L98.9353 165L126.851 139.336H108.887V99.4651Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M119.044 69.6452H129.063V79.6001H119.044V69.6452ZM129.063 129.375H119.044V119.42H129.063V129.375ZM78.9662 79.6001H68.9468V69.6452H78.9662V79.6001ZM78.9662 129.375H68.9468V119.42H78.9662V129.375ZM99.005 20L19 99.5199L71.3214 151.495L99.005 179L179 99.51L99.005 20Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M166 99.005L139.92 71V89.2346H99.0306H58.2227V71L32 99.005L58.2329 127L58.2227 108.975H99.0306H139.92L139.91 127L166 99.005Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M108.887 99.4651H109.017V59.6042L127 59.6142L99.0647 34L71.1095 59.6042H89.1127V99.4651H89.1923V139.336L71 139.326L98.9353 165L126.851 139.336H108.887V99.4651Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 935 B

After

Width:  |  Height:  |  Size: 967 B

Before After
Before After

10
src/svg/bottom_left_corner.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M129.93 100.984L84.7566 147.006L116.14 179L22.1442 178.853L22 83.0302L53.517 115.182L98.7234 69.1602L114.41 53.1521L82.8596 21H177V116.981L145.605 84.9987L129.93 100.984Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M118.19 97.0052L69.0132 146.534L89.3192 167L33.1555 166.821L33 110.238L53.4615 130.849L102.649 81.3426L130.131 53.6335L109.647 33H166V89.7728L145.672 69.3073L118.19 97.0052Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M129.93 100.984L84.7566 147.006L116.14 179L22.1442 178.853L22 83.0302L53.517 115.182L98.7234 69.1602L114.41 53.1521L82.8596 21H177V116.981L145.605 84.9987L129.93 100.984Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M118.19 97.0052L69.0132 146.534L89.3192 167L33.1555 166.821L33 110.238L53.4615 130.849L102.649 81.3426L130.131 53.6335L109.647 33H166V89.7728L145.672 69.3073L118.19 97.0052Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 666 B

After

Width:  |  Height:  |  Size: 693 B

Before After
Before After

10
src/svg/bottom_right_corner.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M69.0702 100.984L114.243 147.006L82.8596 179L176.856 178.853L177 83.0302L145.483 115.182L100.277 69.1602L84.5902 53.1521L116.14 21H22V116.981L53.3949 84.9987L69.0702 100.984Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M80.8102 97.0052L129.987 146.534L109.681 167L165.844 166.821L166 110.238L145.538 130.849L96.3508 81.3426L68.8688 53.6335L89.3525 33H33V89.7728L53.3282 69.3073L80.8102 97.0052Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M69.0702 100.984L114.243 147.006L82.8596 179L176.856 178.853L177 83.0302L145.483 115.182L100.277 69.1602L84.5902 53.1521L116.14 21H22V116.981L53.3949 84.9987L69.0702 100.984Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M80.8102 97.0052L129.987 146.534L109.681 167L165.844 166.821L166 110.238L145.538 130.849L96.3508 81.3426L68.8688 53.6335L89.3525 33H33V89.7728L53.3282 69.3073L80.8102 97.0052Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 672 B

After

Width:  |  Height:  |  Size: 699 B

Before After
Before After

10
src/svg/bottom_tee.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M44.27 107.157H79.05V117.832H19V158H179V117.832H118.94V107.157H153.61L98.88 47L44.27 107.157Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M169 128.201H108.914V97.5192H131.346L98.7897 64L66.5136 97.5192H89.0858V128.201H29V148H169V128.201Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M44.27 107.157H79.05V117.832H19V158H179V117.832H118.94V107.157H153.61L98.88 47L44.27 107.157Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M169 128.201H108.914V97.5192H131.346L98.7897 64L66.5136 97.5192H89.0858V128.201H29V148H169V128.201Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 515 B

After

Width:  |  Height:  |  Size: 542 B

Before After
Before After

14
src/svg/center_ptr.svg
View file

@ -1,9 +1,9 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M49 143.925L98.8211 20.5781L151.986 146.114L99.7374 125.026L96.1848 124.703L49 143.925Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M115.578 178.968L83.5 178.774L84.6148 78.3152L117.36 78.64L115.578 178.968Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M108.554 165.415L91.8101 165.277L92.1466 100L108.871 100.121L108.554 165.415Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M99.2443 41.6052L64.5459 128.454L96.2142 115.502L99.9291 115.763L136.512 130.69L99.2443 41.6052Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M49 143.925L98.8211 20.5781L151.986 146.114L99.7374 125.026L96.1848 124.703L49 143.925Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M115.578 178.968L83.5 178.774L84.6148 78.3152L117.36 78.64L115.578 178.968Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M108.554 165.415L91.8101 165.277L92.1466 100L108.871 100.121L108.554 165.415Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M99.2443 41.6052L64.5459 128.454L96.2142 115.502L99.9291 115.763L136.512 130.69L99.2443 41.6052Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 790 B

After

Width:  |  Height:  |  Size: 827 B

Before After
Before After

26
src/svg/circle.svg
View file

@ -1,15 +1,15 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46 133.5C46 158.626 66.3739 179 91.5 179C116.626 179 137 158.626 137 133.5C137 108.369 116.626 88 91.5 88C66.3739 88 46 108.369 46 133.5Z" fill="url(#paint0_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41 100V20L100 78.0406H64.1602L63.3916 78.66L41 100Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M98.7029 133.5L109.506 122.697C111.498 120.705 111.498 117.481 109.506 115.49C107.52 113.503 104.296 113.503 102.304 115.49L91.5006 126.298L80.6921 115.49C78.7056 113.503 75.4814 113.503 73.4899 115.49C71.5034 117.481 71.5034 120.705 73.4899 122.697L84.2984 133.5L73.4899 144.303C71.5034 146.295 71.5034 149.519 73.4899 151.51C75.4814 153.497 78.7056 153.497 80.6921 151.51L91.5006 140.702L102.304 151.51C104.296 153.497 107.52 153.497 109.506 151.51C111.498 149.519 111.498 146.295 109.506 144.303L98.7029 133.5Z" fill="#5A5A5A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46 32V88L60.9086 73.6546L61.7121 72.9589H87L46 32Z" fill="black"/>
<defs>
<linearGradient id="paint0_linear" x1="91.5" y1="88" x2="91.5" y2="179" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0F0F0"/>
<stop offset="1" stop-color="#D5D5D5"/>
</linearGradient>
</defs>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46 133.5C46 158.626 66.3739 179 91.5 179C116.626 179 137 158.626 137 133.5C137 108.369 116.626 88 91.5 88C66.3739 88 46 108.369 46 133.5Z" fill="url(#paint0_linear)" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M41 100V20L100 78.0406H64.1602L63.3916 78.66L41 100Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M98.7029 133.5L109.506 122.697C111.498 120.705 111.498 117.481 109.506 115.49C107.52 113.503 104.296 113.503 102.304 115.49L91.5006 126.298L80.6921 115.49C78.7056 113.503 75.4814 113.503 73.4899 115.49C71.5034 117.481 71.5034 120.705 73.4899 122.697L84.2984 133.5L73.4899 144.303C71.5034 146.295 71.5034 149.519 73.4899 151.51C75.4814 153.497 78.7056 153.497 80.6921 151.51L91.5006 140.702L102.304 151.51C104.296 153.497 107.52 153.497 109.506 151.51C111.498 149.519 111.498 146.295 109.506 144.303L98.7029 133.5Z" fill="#5A5A5A" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M46 32V88L60.9086 73.6546L61.7121 72.9589H87L46 32Z" fill="black" />
<defs>
<linearGradient id="paint0_linear" x1="91.5" y1="88" x2="91.5" y2="179" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0F0F0" />
<stop offset="1" stop-color="#D5D5D5" />
</linearGradient>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Before After
Before After

18
src/svg/context_menu.svg
View file

@ -1,11 +1,11 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96 169.389V174H173V87H96V90.7149V169.389Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M105 165.765L74.1137 179L34 83.3901L65.5803 70L105 165.765Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 160V22L127 122.12H68.4977L64.9519 123.189L27 160Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M156.286 122.875H112.714V114.25H156.286V122.875ZM156.286 140.125H112.714V131.5H156.286V140.125ZM156.286 157.375H112.714V148.75H156.286V157.375ZM104 166H165V97H104V166Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M93 160.351L77.3349 167L51 103.657L66.6396 97L93 160.351Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35 44V139L60.4538 114.664L64.1231 113.484H105L35 44Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96 169.389V174H173V87H96V90.7149V169.389Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M105 165.765L74.1137 179L34 83.3901L65.5803 70L105 165.765Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 160V22L127 122.12H68.4977L64.9519 123.189L27 160Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M156.286 122.875H112.714V114.25H156.286V122.875ZM156.286 140.125H112.714V131.5H156.286V140.125ZM156.286 157.375H112.714V148.75H156.286V157.375ZM104 166H165V97H104V166Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M93 160.351L77.3349 167L51 103.657L66.6396 97L93 160.351Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M35 44V139L60.4538 114.664L64.1231 113.484H105L35 44Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1,018 B

After

Width:  |  Height:  |  Size: 1 KiB

Before After
Before After

50
src/svg/copy.svg
View file

@ -1,27 +1,27 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46 133.5C46 158.626 66.3739 179 91.5 179C116.626 179 137 158.626 137 133.5C137 108.369 116.626 88 91.5 88C66.3739 88 46 108.369 46 133.5Z" fill="url(#paint0_linear)"/>
<g filter="url(#filter0_d)">
<path d="M113 129H72V139H113V129Z" fill="white"/>
<path d="M97.625 114H87.375V154H97.625V114Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41 100V20L100 78.0406H64.1602L63.3916 78.66L41 100Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46 32V88L60.9086 73.6546L61.7121 72.9589H87L46 32Z" fill="black"/>
<defs>
<filter id="filter0_d" x="68" y="114" width="49" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="91.5" y1="88" x2="91.5" y2="179" gradientUnits="userSpaceOnUse">
<stop stop-color="#1A331A"/>
<stop offset="1" stop-color="#85C340"/>
</linearGradient>
</defs>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46 133.5C46 158.626 66.3739 179 91.5 179C116.626 179 137 158.626 137 133.5C137 108.369 116.626 88 91.5 88C66.3739 88 46 108.369 46 133.5Z" fill="url(#paint0_linear)" />
<g filter="url(#filter0_d)">
<path d="M113 129H72V139H113V129Z" fill="white" />
<path d="M97.625 114H87.375V154H97.625V114Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41 100V20L100 78.0406H64.1602L63.3916 78.66L41 100Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M46 32V88L60.9086 73.6546L61.7121 72.9589H87L46 32Z" fill="black" />
<defs>
<filter id="filter0_d" x="68" y="114" width="49" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
<feOffset dy="4" />
<feGaussianBlur stdDeviation="2" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
</filter>
<linearGradient id="paint0_linear" x1="91.5" y1="88" x2="91.5" y2="179" gradientUnits="userSpaceOnUse">
<stop stop-color="#1A331A" />
<stop offset="1" stop-color="#85C340" />
</linearGradient>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After

10
src/svg/cross.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M180 84H115.893V20H84.1067V84H20V116H84.1067V180H115.893V116H180V84Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M170 94.7231H105.285V30H94.715V94.7231H30V105.277H94.715V170H105.285V105.277H170V94.7231Z" fill="#231F1F"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M180 84H115.893V20H84.1067V84H20V116H84.1067V180H115.893V116H180V84Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M170 94.7231H105.285V30H94.715V94.7231H30V105.277H94.715V170H105.285V105.277H170V94.7231Z" fill="#231F1F" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 482 B

After

Width:  |  Height:  |  Size: 509 B

Before After
Before After

18
src/svg/crosshair.svg
View file

@ -1,11 +1,11 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z" fill="#231F1F"/>
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z" stroke="#231F1F"/>
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M19 104H96V97H19V104Z" fill="#231F1F"/>
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M103 104H179V97H103V104Z" fill="#231F1F"/>
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M96 97H103V20H96V97Z" fill="#231F1F"/>
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M96 180H103V104H96V180Z" fill="#231F1F"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z" fill="#231F1F" />
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z" stroke="#231F1F" />
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M19 104H96V97H19V104Z" fill="#231F1F" />
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M103 104H179V97H103V104Z" fill="#231F1F" />
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M96 97H103V20H96V97Z" fill="#231F1F" />
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M96 180H103V104H96V180Z" fill="#231F1F" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

10
src/svg/dotbox.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path d="M33 167H167V33H33V167ZM40.8824 40.8824H96.5515V56.4007H104.434V40.8824H159.118V96.3052H144.338V104.188H159.118V159.118H104.434V144.092H96.5515V159.118H40.8824V104.188H56.6471V96.3052H40.8824V40.8824Z" fill="black" stroke="black" stroke-width="25"/>
<path d="M32 167V168H33H167H168V167V33V32H167H33H32V33V167ZM56.6471 95.3052H41.8824V41.8824H95.5515V56.4007V57.4007H96.5515H104.434H105.434V56.4007V41.8824H158.118V95.3052H144.338H143.338V96.3052V104.188V105.188H144.338H158.118V158.118H105.434V144.092V143.092H104.434H96.5515H95.5515V144.092V158.118H41.8824V105.188H56.6471H57.6471V104.188V96.3052V95.3052H56.6471Z" fill="white" stroke="white" stroke-width="2"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path d="M33 167H167V33H33V167ZM40.8824 40.8824H96.5515V56.4007H104.434V40.8824H159.118V96.3052H144.338V104.188H159.118V159.118H104.434V144.092H96.5515V159.118H40.8824V104.188H56.6471V96.3052H40.8824V40.8824Z" fill="black" stroke="black" stroke-width="25" />
<path d="M32 167V168H33H167H168V167V33V32H167H33H32V33V167ZM56.6471 95.3052H41.8824V41.8824H95.5515V56.4007V57.4007H96.5515H104.434H105.434V56.4007V41.8824H158.118V95.3052H144.338H143.338V96.3052V104.188V105.188H144.338H158.118V158.118H105.434V144.092V143.092H104.434H96.5515H95.5515V144.092V158.118H41.8824V105.188H56.6471H57.6471V104.188V96.3052V95.3052H56.6471Z" fill="white" stroke="white" stroke-width="2" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 862 B

After

Width:  |  Height:  |  Size: 889 B

Before After
Before After

16
src/svg/hand1.svg
View file

@ -1,10 +1,10 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.8938 103.545C63.9419 99.9131 62.9901 95.3417 60.9504 88.5137C59.3283 83.1191 57.6285 80.1942 56.3853 76.5719C54.8798 72.1652 53.4423 69.5889 51.5677 65.1338C50.2176 61.9474 48.0322 54.9838 47.1289 51.1872C45.973 46.2574 47.4494 42.2381 49.4988 39.5069C51.9562 36.2236 58.8427 34.7612 62.6793 36.1074C66.2828 37.3665 69.9057 41.0662 71.5763 43.7393C74.3736 48.1945 75.0438 49.8603 78.5405 58.6738C82.3576 68.2814 84.0186 77.2499 84.4751 80.2813L85.3007 84.659C85.2909 84.2716 84.883 73.7923 84.8733 73.4049C84.5333 63.4389 84.2905 55.7489 84.5042 44.9403C84.5236 43.7199 85.1258 39.2551 85.3201 38.0154C86.0777 33.1728 88.2825 30.2673 91.8569 28.5336C95.8586 26.5869 100.851 26.4513 105.465 28.369C109.573 30.0445 111.545 33.6958 112.137 38.2672C112.273 39.3229 113.05 47.8264 113.041 48.9887C112.914 58.9159 113.099 64.882 113.186 70.0441C113.225 72.2814 113.216 85.7825 113.352 84.2716C113.944 77.9182 114.265 53.3857 116.693 46.0928C118.091 41.8991 120.627 38.8677 124.405 37.0953C128.591 35.1292 135.215 36.4173 138.042 39.4488C140.81 42.4028 142.374 46.1509 142.723 50.6158C143.034 54.5382 142.539 59.3033 142.529 62.6738C142.529 71.0708 142.325 75.4969 142.17 83.2159C142.16 83.584 142.024 86.1021 142.393 84.9786C143.306 82.2668 144.219 79.7293 144.977 77.7632C145.453 76.5526 147.318 71.8165 148.464 69.4437C149.571 67.1773 150.513 65.8698 152.495 62.7803C154.437 59.7488 156.526 58.4414 158.983 57.3469C164.228 55.0709 169.755 58.4317 171.619 63.0708C172.455 65.1531 171.707 69.9764 171.347 73.7729C170.755 80.0392 168.88 86.4217 167.928 89.734C166.685 94.0633 165.267 101.695 164.626 105.24C163.927 109.056 162.353 118.625 161.139 122.867C160.304 125.782 157.536 132.339 154.806 136.271C154.806 136.271 144.375 148.378 143.229 153.821C142.092 159.273 142.471 159.312 142.248 163.167C142.014 167.031 143.423 172.106 143.423 172.106C143.423 172.106 135.633 173.113 131.437 172.435C127.639 171.835 122.938 164.29 121.724 161.995C120.053 158.818 116.489 159.428 115.1 161.772C112.915 165.481 108.213 172.135 104.892 172.552C98.4034 173.365 84.9413 172.842 74.4028 172.745C74.4028 172.745 76.1997 162.954 72.1979 159.593C69.2355 157.075 64.1362 152 61.0863 149.327L53.0052 140.407C50.2467 136.92 46.8958 129.821 40.932 121.182C37.5519 116.3 30.9569 110.673 28.4606 105.889C26.2947 101.773 25.2457 96.6492 26.6152 93.056C28.8006 87.3031 33.1714 84.3685 39.8442 84.998C44.8852 85.4822 48.0807 86.9931 51.8688 90.1989C54.0542 92.0391 57.4343 95.3708 59.1535 97.4434C60.7367 99.332 61.1252 100.116 62.8152 102.373C65.0492 105.346 65.7485 106.819 64.8938 103.545Z" stroke="black" stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.8938 103.545C63.9419 99.9131 62.9901 95.3417 60.9504 88.5137C59.3283 83.1191 57.6285 80.1942 56.3853 76.5719C54.8798 72.1652 53.4423 69.5889 51.5677 65.1338C50.2176 61.9474 48.0322 54.9838 47.1289 51.1872C45.973 46.2574 47.4494 42.2381 49.4988 39.5069C51.9562 36.2236 58.8427 34.7612 62.6793 36.1074C66.2828 37.3665 69.9057 41.0662 71.5763 43.7393C74.3736 48.1945 75.0438 49.8603 78.5405 58.6738C82.3576 68.2814 84.0186 77.2499 84.4751 80.2813L85.3007 84.659C85.2909 84.2716 84.883 73.7923 84.8733 73.4049C84.5333 63.4389 84.2905 55.7489 84.5042 44.9403C84.5236 43.7199 85.1258 39.2551 85.3201 38.0154C86.0777 33.1728 88.2825 30.2673 91.8569 28.5336C95.8586 26.5869 100.851 26.4513 105.465 28.369C109.573 30.0445 111.545 33.6958 112.137 38.2672C112.273 39.3229 113.05 47.8264 113.041 48.9887C112.914 58.9159 113.099 64.882 113.186 70.0441C113.225 72.2814 113.216 85.7825 113.352 84.2716C113.944 77.9182 114.265 53.3857 116.693 46.0928C118.091 41.8991 120.627 38.8677 124.405 37.0953C128.591 35.1292 135.215 36.4173 138.042 39.4488C140.81 42.4028 142.374 46.1509 142.723 50.6158C143.034 54.5382 142.539 59.3033 142.529 62.6738C142.529 71.0708 142.325 75.4969 142.17 83.2159C142.16 83.584 142.024 86.1021 142.393 84.9786C143.306 82.2668 144.219 79.7293 144.977 77.7632C145.453 76.5526 147.318 71.8165 148.464 69.4437C149.571 67.1773 150.513 65.8699 152.495 62.7803C154.437 59.7488 156.526 58.4414 158.983 57.3469C164.228 55.0709 169.755 58.4317 171.619 63.0708C172.455 65.1531 171.707 69.9764 171.347 73.7729C170.755 80.0392 168.88 86.4217 167.928 89.734C166.685 94.0633 165.267 101.695 164.626 105.24C163.927 109.056 162.353 118.625 161.139 122.867C160.304 125.782 157.536 132.339 154.806 136.271C154.806 136.271 144.375 148.378 143.229 153.821C142.092 159.273 142.471 159.312 142.248 163.167C142.014 167.031 143.423 172.106 143.423 172.106C143.423 172.106 135.633 173.113 131.437 172.435C127.639 171.835 122.938 164.29 121.724 161.995C120.053 158.818 116.489 159.428 115.1 161.772C112.915 165.481 108.213 172.135 104.892 172.552C98.4034 173.365 84.9413 172.842 74.4028 172.745C74.4028 172.745 76.1997 162.954 72.1979 159.593C69.2355 157.075 64.1362 152 61.0863 149.327L53.0052 140.407C50.2467 136.92 46.8958 129.821 40.932 121.182C37.5519 116.3 30.9569 110.673 28.4606 105.889C26.2947 101.773 25.2457 96.6492 26.6152 93.056C28.8006 87.3031 33.1714 84.3685 39.8442 84.998C44.8852 85.4823 48.0807 86.9931 51.8688 90.1989C54.0542 92.0391 57.4343 95.3708 59.1535 97.4434C60.7367 99.332 61.1252 100.116 62.8152 102.373C65.0492 105.346 65.7485 106.819 64.8938 103.545Z" fill="white"/>
<path d="M133 144V110" stroke="black" stroke-width="6" stroke-linecap="round"/>
<path d="M114 144V110" stroke="black" stroke-width="6" stroke-linecap="round"/>
<path d="M94 110V143" stroke="black" stroke-width="6" stroke-linecap="round"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.8938 103.545C63.9419 99.9131 62.9901 95.3417 60.9504 88.5137C59.3283 83.1191 57.6285 80.1942 56.3853 76.5719C54.8798 72.1652 53.4423 69.5889 51.5677 65.1338C50.2176 61.9474 48.0322 54.9838 47.1289 51.1872C45.973 46.2574 47.4494 42.2381 49.4988 39.5069C51.9562 36.2236 58.8427 34.7612 62.6793 36.1074C66.2828 37.3665 69.9057 41.0662 71.5763 43.7393C74.3736 48.1945 75.0438 49.8603 78.5405 58.6738C82.3576 68.2814 84.0186 77.2499 84.4751 80.2813L85.3007 84.659C85.2909 84.2716 84.883 73.7923 84.8733 73.4049C84.5333 63.4389 84.2905 55.7489 84.5042 44.9403C84.5236 43.7199 85.1258 39.2551 85.3201 38.0154C86.0777 33.1728 88.2825 30.2673 91.8569 28.5336C95.8586 26.5869 100.851 26.4513 105.465 28.369C109.573 30.0445 111.545 33.6958 112.137 38.2672C112.273 39.3229 113.05 47.8264 113.041 48.9887C112.914 58.9159 113.099 64.882 113.186 70.0441C113.225 72.2814 113.216 85.7825 113.352 84.2716C113.944 77.9182 114.265 53.3857 116.693 46.0928C118.091 41.8991 120.627 38.8677 124.405 37.0953C128.591 35.1292 135.215 36.4173 138.042 39.4488C140.81 42.4028 142.374 46.1509 142.723 50.6158C143.034 54.5382 142.539 59.3033 142.529 62.6738C142.529 71.0708 142.325 75.4969 142.17 83.2159C142.16 83.584 142.024 86.1021 142.393 84.9786C143.306 82.2668 144.219 79.7293 144.977 77.7632C145.453 76.5526 147.318 71.8165 148.464 69.4437C149.571 67.1773 150.513 65.8698 152.495 62.7803C154.437 59.7488 156.526 58.4414 158.983 57.3469C164.228 55.0709 169.755 58.4317 171.619 63.0708C172.455 65.1531 171.707 69.9764 171.347 73.7729C170.755 80.0392 168.88 86.4217 167.928 89.734C166.685 94.0633 165.267 101.695 164.626 105.24C163.927 109.056 162.353 118.625 161.139 122.867C160.304 125.782 157.536 132.339 154.806 136.271C154.806 136.271 144.375 148.378 143.229 153.821C142.092 159.273 142.471 159.312 142.248 163.167C142.014 167.031 143.423 172.106 143.423 172.106C143.423 172.106 135.633 173.113 131.437 172.435C127.639 171.835 122.938 164.29 121.724 161.995C120.053 158.818 116.489 159.428 115.1 161.772C112.915 165.481 108.213 172.135 104.892 172.552C98.4034 173.365 84.9413 172.842 74.4028 172.745C74.4028 172.745 76.1997 162.954 72.1979 159.593C69.2355 157.075 64.1362 152 61.0863 149.327L53.0052 140.407C50.2467 136.92 46.8958 129.821 40.932 121.182C37.5519 116.3 30.9569 110.673 28.4606 105.889C26.2947 101.773 25.2457 96.6492 26.6152 93.056C28.8006 87.3031 33.1714 84.3685 39.8442 84.998C44.8852 85.4822 48.0807 86.9931 51.8688 90.1989C54.0542 92.0391 57.4343 95.3708 59.1535 97.4434C60.7367 99.332 61.1252 100.116 62.8152 102.373C65.0492 105.346 65.7485 106.819 64.8938 103.545Z" stroke="black" stroke-width="13" stroke-linecap="round" stroke-linejoin="round" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.8938 103.545C63.9419 99.9131 62.9901 95.3417 60.9504 88.5137C59.3283 83.1191 57.6285 80.1942 56.3853 76.5719C54.8798 72.1652 53.4423 69.5889 51.5677 65.1338C50.2176 61.9474 48.0322 54.9838 47.1289 51.1872C45.973 46.2574 47.4494 42.2381 49.4988 39.5069C51.9562 36.2236 58.8427 34.7612 62.6793 36.1074C66.2828 37.3665 69.9057 41.0662 71.5763 43.7393C74.3736 48.1945 75.0438 49.8603 78.5405 58.6738C82.3576 68.2814 84.0186 77.2499 84.4751 80.2813L85.3007 84.659C85.2909 84.2716 84.883 73.7923 84.8733 73.4049C84.5333 63.4389 84.2905 55.7489 84.5042 44.9403C84.5236 43.7199 85.1258 39.2551 85.3201 38.0154C86.0777 33.1728 88.2825 30.2673 91.8569 28.5336C95.8586 26.5869 100.851 26.4513 105.465 28.369C109.573 30.0445 111.545 33.6958 112.137 38.2672C112.273 39.3229 113.05 47.8264 113.041 48.9887C112.914 58.9159 113.099 64.882 113.186 70.0441C113.225 72.2814 113.216 85.7825 113.352 84.2716C113.944 77.9182 114.265 53.3857 116.693 46.0928C118.091 41.8991 120.627 38.8677 124.405 37.0953C128.591 35.1292 135.215 36.4173 138.042 39.4488C140.81 42.4028 142.374 46.1509 142.723 50.6158C143.034 54.5382 142.539 59.3033 142.529 62.6738C142.529 71.0708 142.325 75.4969 142.17 83.2159C142.16 83.584 142.024 86.1021 142.393 84.9786C143.306 82.2668 144.219 79.7293 144.977 77.7632C145.453 76.5526 147.318 71.8165 148.464 69.4437C149.571 67.1773 150.513 65.8699 152.495 62.7803C154.437 59.7488 156.526 58.4414 158.983 57.3469C164.228 55.0709 169.755 58.4317 171.619 63.0708C172.455 65.1531 171.707 69.9764 171.347 73.7729C170.755 80.0392 168.88 86.4217 167.928 89.734C166.685 94.0633 165.267 101.695 164.626 105.24C163.927 109.056 162.353 118.625 161.139 122.867C160.304 125.782 157.536 132.339 154.806 136.271C154.806 136.271 144.375 148.378 143.229 153.821C142.092 159.273 142.471 159.312 142.248 163.167C142.014 167.031 143.423 172.106 143.423 172.106C143.423 172.106 135.633 173.113 131.437 172.435C127.639 171.835 122.938 164.29 121.724 161.995C120.053 158.818 116.489 159.428 115.1 161.772C112.915 165.481 108.213 172.135 104.892 172.552C98.4034 173.365 84.9413 172.842 74.4028 172.745C74.4028 172.745 76.1997 162.954 72.1979 159.593C69.2355 157.075 64.1362 152 61.0863 149.327L53.0052 140.407C50.2467 136.92 46.8958 129.821 40.932 121.182C37.5519 116.3 30.9569 110.673 28.4606 105.889C26.2947 101.773 25.2457 96.6492 26.6152 93.056C28.8006 87.3031 33.1714 84.3685 39.8442 84.998C44.8852 85.4823 48.0807 86.9931 51.8688 90.1989C54.0542 92.0391 57.4343 95.3708 59.1535 97.4434C60.7367 99.332 61.1252 100.116 62.8152 102.373C65.0492 105.346 65.7485 106.819 64.8938 103.545Z" fill="white" />
<path d="M133 144V110" stroke="black" stroke-width="6" stroke-linecap="round" />
<path d="M114 144V110" stroke="black" stroke-width="6" stroke-linecap="round" />
<path d="M94 110V143" stroke="black" stroke-width="6" stroke-linecap="round" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

Before After
Before After

16
src/svg/hand2.svg
View file

@ -1,10 +1,10 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.9013 140.817C53.1622 137.384 49.8347 130.365 43.9128 121.845C40.5565 117.026 32.233 107.951 29.7543 103.342C27.6036 99.2681 27.835 97.4417 28.3462 94.0662C29.2528 88.061 35.464 83.385 42.09 84.0161C47.0956 84.4847 51.3393 87.7646 55.1586 90.8628C57.4637 92.7274 60.2993 96.3516 62.0064 98.3979C63.5785 100.272 63.9643 101.047 65.6425 103.265C67.8608 106.201 68.5552 107.654 67.7064 104.422C67.0217 99.6793 65.9029 91.58 64.2825 84.4177C63.048 78.9863 62.749 78.1352 61.5724 73.966C60.3282 69.5291 59.6917 66.4213 58.5246 61.7166C57.7145 58.3889 56.2581 51.59 55.8627 47.7651C55.3129 42.5344 55.0236 34.0048 58.4089 30.0842C61.0612 27.0146 67.147 26.0871 70.9181 27.9804C75.8562 30.4571 78.6629 37.5715 79.9456 40.4116C82.2507 45.5179 83.6781 51.4179 84.9223 59.1634C86.504 69.0223 89.4168 82.7061 89.5132 85.5843C89.7447 82.0558 88.8574 74.6258 89.4746 71.2407C90.034 68.1712 92.6381 64.6044 95.898 63.6386C98.6564 62.8258 101.887 62.5294 104.733 63.1127C107.751 63.7247 110.934 65.8667 112.12 67.8843C115.612 73.8513 115.679 86.0433 115.824 85.3931C116.654 81.7976 116.509 73.6409 118.563 70.2462C119.913 68.0086 123.357 65.991 125.189 65.6659C128.025 65.1686 131.506 65.0156 134.487 65.5894C136.888 66.0579 140.138 68.8884 141.016 70.2462C143.119 73.5357 144.315 82.8399 144.672 86.1007C144.816 87.449 145.385 82.3522 147.497 79.0628C151.413 72.9524 165.273 71.7667 165.803 85.1731C166.044 91.427 165.996 91.1401 165.996 95.3475C165.996 100.291 165.88 103.265 165.61 106.842C165.311 110.667 164.482 119.311 163.276 123.499C162.447 126.378 159.698 132.851 156.988 136.734C156.988 136.734 146.629 148.687 145.501 154.07C144.363 159.444 144.739 159.483 144.517 163.298C144.295 167.104 145.684 172.114 145.684 172.114C145.684 172.114 137.949 173.109 133.783 172.449C130.012 171.847 125.343 164.407 124.138 162.131C122.479 158.995 118.939 159.597 117.56 161.911C115.39 165.574 110.722 172.143 107.424 172.554C100.981 173.358 87.6132 172.851 77.1486 172.746C77.1486 172.746 78.9329 163.078 74.9593 159.76C72.0176 157.283 66.9541 152.263 63.9257 149.624L55.9013 140.817Z" stroke="black" stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.9013 140.817C53.1622 137.384 49.8347 130.365 43.9128 121.845C40.5565 117.026 32.233 107.951 29.7543 103.342C27.6036 99.2681 27.835 97.4417 28.3462 94.0662C29.2528 88.061 35.464 83.385 42.09 84.0161C47.0956 84.4847 51.3393 87.7646 55.1586 90.8628C57.4637 92.7274 60.2993 96.3516 62.0064 98.3979C63.5785 100.272 63.9643 101.047 65.6425 103.265C67.8608 106.201 68.5552 107.654 67.7064 104.422C67.0217 99.6793 65.9029 91.58 64.2825 84.4177C63.048 78.9863 62.749 78.1352 61.5724 73.966C60.3282 69.5291 59.6917 66.4213 58.5246 61.7166C57.7145 58.3889 56.2581 51.59 55.8627 47.7651C55.3129 42.5344 55.0236 34.0048 58.4089 30.0842C61.0612 27.0146 67.147 26.0871 70.9181 27.9804C75.8562 30.4571 78.6629 37.5715 79.9456 40.4116C82.2507 45.5179 83.6781 51.4179 84.9223 59.1634C86.504 69.0223 89.4168 82.7061 89.5132 85.5843C89.7447 82.0558 88.8574 74.6258 89.4746 71.2407C90.034 68.1712 92.6381 64.6044 95.898 63.6386C98.6564 62.8258 101.887 62.5294 104.733 63.1127C107.751 63.7247 110.934 65.8667 112.12 67.8843C115.612 73.8513 115.679 86.0433 115.824 85.3931C116.654 81.7976 116.509 73.6409 118.563 70.2462C119.913 68.0086 123.357 65.991 125.189 65.6659C128.025 65.1686 131.506 65.0156 134.487 65.5894C136.888 66.0579 140.138 68.8884 141.016 70.2462C143.119 73.5357 144.315 82.8399 144.672 86.1007C144.816 87.449 145.385 82.3522 147.497 79.0628C151.413 72.9524 165.273 71.7667 165.803 85.1731C166.044 91.427 165.996 91.1401 165.996 95.3475C165.996 100.291 165.88 103.265 165.61 106.842C165.311 110.667 164.482 119.311 163.276 123.499C162.447 126.378 159.698 132.851 156.988 136.734C156.988 136.734 146.629 148.687 145.501 154.07C144.363 159.444 144.739 159.483 144.517 163.298C144.295 167.104 145.684 172.114 145.684 172.114C145.684 172.114 137.949 173.109 133.783 172.449C130.012 171.847 125.343 164.407 124.138 162.131C122.479 158.995 118.939 159.597 117.56 161.911C115.39 165.574 110.722 172.143 107.424 172.554C100.981 173.358 87.6132 172.851 77.1486 172.746C77.1486 172.746 78.9329 163.078 74.9593 159.76C72.0176 157.283 66.9541 152.263 63.9257 149.624L55.9013 140.817Z" fill="white"/>
<path d="M136 144V111" stroke="black" stroke-width="6" stroke-linecap="round"/>
<path d="M117 144L115 111" stroke="black" stroke-width="6" stroke-linecap="round"/>
<path d="M97 111V144" stroke="black" stroke-width="6" stroke-linecap="round"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.9013 140.817C53.1622 137.384 49.8347 130.365 43.9128 121.845C40.5565 117.026 32.233 107.951 29.7543 103.342C27.6036 99.2681 27.835 97.4417 28.3462 94.0662C29.2528 88.061 35.464 83.385 42.09 84.0161C47.0956 84.4847 51.3393 87.7646 55.1586 90.8628C57.4637 92.7274 60.2993 96.3516 62.0064 98.3979C63.5785 100.272 63.9643 101.047 65.6425 103.265C67.8608 106.201 68.5552 107.654 67.7064 104.422C67.0217 99.6793 65.9029 91.58 64.2825 84.4177C63.048 78.9863 62.749 78.1352 61.5724 73.966C60.3282 69.5291 59.6917 66.4213 58.5246 61.7166C57.7145 58.3889 56.2581 51.59 55.8627 47.7651C55.3129 42.5344 55.0236 34.0048 58.4089 30.0842C61.0612 27.0146 67.147 26.0871 70.9181 27.9804C75.8562 30.4571 78.6629 37.5715 79.9456 40.4116C82.2507 45.5179 83.6781 51.4179 84.9223 59.1634C86.504 69.0223 89.4168 82.7061 89.5132 85.5843C89.7447 82.0558 88.8574 74.6258 89.4746 71.2407C90.034 68.1712 92.6381 64.6044 95.898 63.6386C98.6564 62.8258 101.887 62.5294 104.733 63.1127C107.751 63.7247 110.934 65.8667 112.12 67.8843C115.612 73.8513 115.679 86.0433 115.824 85.3931C116.654 81.7976 116.509 73.6409 118.563 70.2462C119.913 68.0086 123.357 65.991 125.189 65.6659C128.025 65.1686 131.506 65.0156 134.487 65.5894C136.888 66.0579 140.138 68.8884 141.016 70.2462C143.119 73.5357 144.315 82.8399 144.672 86.1007C144.816 87.449 145.385 82.3522 147.497 79.0628C151.413 72.9524 165.273 71.7667 165.803 85.1731C166.044 91.427 165.996 91.1401 165.996 95.3475C165.996 100.291 165.88 103.265 165.61 106.842C165.311 110.667 164.482 119.311 163.276 123.499C162.447 126.378 159.698 132.851 156.988 136.734C156.988 136.734 146.629 148.687 145.501 154.07C144.363 159.444 144.739 159.483 144.517 163.298C144.295 167.104 145.684 172.114 145.684 172.114C145.684 172.114 137.949 173.109 133.783 172.449C130.012 171.847 125.343 164.407 124.138 162.131C122.479 158.995 118.939 159.597 117.56 161.911C115.39 165.574 110.722 172.143 107.424 172.554C100.981 173.358 87.6132 172.851 77.1486 172.746C77.1486 172.746 78.9329 163.078 74.9593 159.76C72.0176 157.283 66.9541 152.263 63.9257 149.624L55.9013 140.817Z" stroke="black" stroke-width="13" stroke-linecap="round" stroke-linejoin="round" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.9013 140.817C53.1622 137.384 49.8347 130.365 43.9128 121.845C40.5565 117.026 32.233 107.951 29.7543 103.342C27.6036 99.2681 27.835 97.4417 28.3462 94.0662C29.2528 88.061 35.464 83.385 42.09 84.0161C47.0956 84.4847 51.3393 87.7646 55.1586 90.8628C57.4637 92.7274 60.2993 96.3516 62.0064 98.3979C63.5785 100.272 63.9643 101.047 65.6425 103.265C67.8608 106.201 68.5552 107.654 67.7064 104.422C67.0217 99.6793 65.9029 91.58 64.2825 84.4177C63.048 78.9863 62.749 78.1352 61.5724 73.966C60.3282 69.5291 59.6917 66.4213 58.5246 61.7166C57.7145 58.3889 56.2581 51.59 55.8627 47.7651C55.3129 42.5344 55.0236 34.0048 58.4089 30.0842C61.0612 27.0146 67.147 26.0871 70.9181 27.9804C75.8562 30.4571 78.6629 37.5715 79.9456 40.4116C82.2507 45.5179 83.6781 51.4179 84.9223 59.1634C86.504 69.0223 89.4168 82.7061 89.5132 85.5843C89.7447 82.0558 88.8574 74.6258 89.4746 71.2407C90.034 68.1712 92.6381 64.6044 95.898 63.6386C98.6564 62.8258 101.887 62.5294 104.733 63.1127C107.751 63.7247 110.934 65.8667 112.12 67.8843C115.612 73.8513 115.679 86.0433 115.824 85.3931C116.654 81.7976 116.509 73.6409 118.563 70.2462C119.913 68.0086 123.357 65.991 125.189 65.6659C128.025 65.1686 131.506 65.0156 134.487 65.5894C136.888 66.0579 140.138 68.8884 141.016 70.2462C143.119 73.5357 144.315 82.8399 144.672 86.1007C144.816 87.449 145.385 82.3522 147.497 79.0628C151.413 72.9524 165.273 71.7667 165.803 85.1731C166.044 91.427 165.996 91.1401 165.996 95.3475C165.996 100.291 165.88 103.265 165.61 106.842C165.311 110.667 164.482 119.311 163.276 123.499C162.447 126.378 159.698 132.851 156.988 136.734C156.988 136.734 146.629 148.687 145.501 154.07C144.363 159.444 144.739 159.483 144.517 163.298C144.295 167.104 145.684 172.114 145.684 172.114C145.684 172.114 137.949 173.109 133.783 172.449C130.012 171.847 125.343 164.407 124.138 162.131C122.479 158.995 118.939 159.597 117.56 161.911C115.39 165.574 110.722 172.143 107.424 172.554C100.981 173.358 87.6132 172.851 77.1486 172.746C77.1486 172.746 78.9329 163.078 74.9593 159.76C72.0176 157.283 66.9541 152.263 63.9257 149.624L55.9013 140.817Z" fill="white" />
<path d="M136 144V111" stroke="black" stroke-width="6" stroke-linecap="round" />
<path d="M117 144L115 111" stroke="black" stroke-width="6" stroke-linecap="round" />
<path d="M97 111V144" stroke="black" stroke-width="6" stroke-linecap="round" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Before After
Before After

14
src/svg/left_ptr.svg
View file

@ -1,9 +1,9 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M40 160V20L141 121.571H81.9127L78.3314 122.655L40 160Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M119 165.644L87.6787 179L47 82.5129L79.0251 69L119 165.644Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M108 159.256L91.589 166L64 101.752L80.3843 95L108 159.256Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M49 41V138L74.8174 113.152L78.5391 111.947H120L49 41Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M40 160V20L141 121.571H81.9127L78.3314 122.655L40 160Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M119 165.644L87.6787 179L47 82.5129L79.0251 69L119 165.644Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M108 159.256L91.589 166L64 101.752L80.3843 95L108 159.256Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M49 41V138L74.8174 113.152L78.5391 111.947H120L49 41Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 679 B

After

Width:  |  Height:  |  Size: 716 B

Before After
Before After

10
src/svg/left_side.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 100.985V101.035L78.9812 160.99L78.9913 121.003H98.985H119.189V161L179 100.995L119.189 41.01L119.199 81.1966L98.985 81.2167H78.9812L78.9913 41L19 100.985ZM33.1126 101.015L68.9894 65.138L68.9794 91.0058H103.986H129.201V65.158L164.857 101.015L129.211 136.862L129.201 111.014H103.986L68.9894 111.004L68.9794 136.862L33.1126 101.015Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M104.011 111.043H129.274V137L165 101.005L129.274 65.0201V91.1681H104.011H68.9362V65L33 101.005L68.9362 137V111.033L104.011 111.043Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 100.985V101.035L78.9812 160.99L78.9913 121.003H98.985H119.189V161L179 100.995L119.189 41.01L119.199 81.1966L98.985 81.2167H78.9812L78.9913 41L19 100.985ZM33.1126 101.015L68.9894 65.138L68.9794 91.0058H103.986H129.201V65.158L164.857 101.015L129.211 136.862L129.201 111.014H103.986L68.9894 111.004L68.9794 136.862L33.1126 101.015Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M104.011 111.043H129.274V137L165 101.005L129.274 65.0201V91.1681H104.011H68.9362V65L33 101.005L68.9362 137V111.033L104.011 111.043Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 786 B

After

Width:  |  Height:  |  Size: 813 B

Before After
Before After

10
src/svg/left_tee.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M85.3435 157.23V122.45H74.6683V182.5H34.5V22.5H74.6683V82.56H85.3435V47.89L145.5 102.62L85.3435 157.23Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.7985 29V89.0858H95.4808V66.6538L129 99.2103L95.4808 131.486V108.914H64.7985V169H45V29H64.7985Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M85.3435 157.23V122.45H74.6683V182.5H34.5V22.5H74.6683V82.56H85.3435V47.89L145.5 102.62L85.3435 157.23Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.7985 29V89.0858H95.4808V66.6538L129 99.2103L95.4808 131.486V108.914H64.7985V169H45V29H64.7985Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 524 B

After

Width:  |  Height:  |  Size: 551 B

Before After
Before After

10
src/svg/link.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M153 23L46 23.8102L82.474 56.2187C79.4571 59.4596 76.9726 62.1499 76.5028 62.7628C74.8743 64.8714 68.35 74.4485 66.3874 78.51C64.4353 82.5611 60.5207 92.9484 59.3724 99.6067C58.3285 105.725 58.3911 116.808 58.5581 121.514C58.7147 125.907 60.2284 134.581 61.6585 138.559C63.9447 144.885 65.2496 148.303 68.1829 152.842C71.4817 157.952 74.3733 160.809 78.9456 165.182C83.0272 169.077 101.786 178 101.786 178C98.8423 174.271 93.2992 163.551 91.9943 159.822C91.3054 157.849 89.4994 148.282 89.061 143.919C88.5703 139.047 88.2467 132.233 88.4033 127.362C88.5495 123.113 89.4681 118.958 90.5329 115.188C91.6707 111.126 95.0008 105.766 97.7045 102.037C99.8236 99.1185 102.381 96.0958 106.024 92.6264C108.676 90.0919 111.776 87.4016 114.939 85.0748L152.676 118.595L153 23Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M142 97.3531L141.958 33L77.8812 33.0416L96.5812 51.7939C95.1459 53.3133 93.1907 55.3841 92.0362 56.8306C89.1553 60.4416 87.4288 62.4189 85.6919 64.4481C84.4647 65.8842 82.967 67.7469 81.7709 69.3807C80.1173 71.6389 78.8588 73.8555 78.0164 75.3644C76.8619 77.4041 75.6659 80.1513 74.1994 83.1692C72.1609 87.3734 71.4745 90.9324 70.8817 93.3883C70.476 95.0533 69.5296 99.3303 69.1552 103.306C68.864 106.323 69.072 109.799 69.072 111.204C69.072 113.66 68.8224 116.615 69.3528 121.402C69.8416 125.783 72.4313 135.461 74.3658 139.322C75.9883 142.579 79.1708 149 79.1708 149C79.1708 149 77.4027 133.203 77.9644 125.221C78.2972 120.663 80.4085 112.911 83.0918 107.239C83.5598 106.271 83.643 105.054 85.0263 102.848C86.0975 101.162 87.5224 98.8308 88.7184 96.9368C90.9441 93.4299 95.5203 87.8313 96.6124 86.3744C98.3701 84.0329 103.477 79.3813 106.368 76.8317C107.845 75.5309 111.495 72.4714 114.616 69.8802L142 97.3531Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M153 23L46 23.8102L82.474 56.2187C79.4571 59.4596 76.9726 62.1499 76.5028 62.7628C74.8743 64.8714 68.35 74.4485 66.3874 78.51C64.4353 82.5611 60.5207 92.9484 59.3724 99.6067C58.3285 105.725 58.3911 116.808 58.5581 121.514C58.7147 125.907 60.2284 134.581 61.6585 138.559C63.9447 144.885 65.2496 148.303 68.1829 152.842C71.4817 157.952 74.3733 160.809 78.9456 165.182C83.0272 169.077 101.786 178 101.786 178C98.8423 174.271 93.2992 163.551 91.9943 159.822C91.3054 157.849 89.4994 148.282 89.061 143.919C88.5703 139.047 88.2467 132.233 88.4033 127.362C88.5495 123.113 89.4681 118.958 90.5329 115.188C91.6707 111.126 95.0008 105.766 97.7045 102.037C99.8236 99.1185 102.381 96.0958 106.024 92.6264C108.676 90.0919 111.776 87.4016 114.939 85.0748L152.676 118.595L153 23Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M142 97.3531L141.958 33L77.8812 33.0416L96.5812 51.7939C95.1459 53.3133 93.1907 55.3841 92.0362 56.8306C89.1553 60.4416 87.4288 62.4189 85.6919 64.4481C84.4647 65.8842 82.967 67.7469 81.7709 69.3807C80.1173 71.6389 78.8588 73.8555 78.0164 75.3644C76.8619 77.4041 75.6659 80.1513 74.1994 83.1692C72.1609 87.3734 71.4745 90.9324 70.8817 93.3883C70.476 95.0533 69.5296 99.3303 69.1552 103.306C68.864 106.323 69.072 109.799 69.072 111.204C69.072 113.66 68.8224 116.615 69.3528 121.402C69.8416 125.783 72.4313 135.461 74.3658 139.322C75.9883 142.579 79.1708 149 79.1708 149C79.1708 149 77.4027 133.203 77.9644 125.221C78.2972 120.663 80.4085 112.911 83.0918 107.239C83.5598 106.271 83.643 105.054 85.0263 102.848C86.0975 101.162 87.5224 98.8308 88.7184 96.9368C90.9441 93.4299 95.5203 87.8313 96.6124 86.3744C98.3701 84.0329 103.477 79.3813 106.368 76.8317C107.845 75.5309 111.495 72.4714 114.616 69.8802L142 97.3531Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

10
src/svg/ll_angle.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.7399 95.5193L26.014 55.7719L26 174.986L145.192 175L105.48 135.267L175 65.7052L135.302 26L65.7399 95.5193Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M155 65.8242L85.5255 135.321L111.187 161L40 160.986V89.7901L65.6757 115.469L135.178 46L155 65.8242Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.7399 95.5193L26.014 55.7719L26 174.986L145.192 175L105.48 135.267L175 65.7052L135.302 26L65.7399 95.5193Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M155 65.8242L85.5255 135.321L111.187 161L40 160.986V89.7901L65.6757 115.469L135.178 46L155 65.8242Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 531 B

After

Width:  |  Height:  |  Size: 558 B

Before After
Before After

10
src/svg/lr_angle.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.26 95.5193L173.986 55.7719L174 174.986L54.8084 175L94.5202 135.267L25 65.7052L64.6978 26L134.26 95.5193Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M45 65.8242L114.474 135.321L88.8129 161L160 160.986V89.7901L134.324 115.469L64.8218 46L45 65.8242Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.26 95.5193L173.986 55.7719L174 174.986L54.8084 175L94.5202 135.267L25 65.7052L64.6978 26L134.26 95.5193Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M45 65.8242L114.474 135.321L88.8129 161L160 160.986V89.7901L134.324 115.469L64.8218 46L45 65.8242Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 530 B

After

Width:  |  Height:  |  Size: 557 B

Before After
Before After

16
src/svg/move.svg
View file

@ -1,10 +1,10 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M54.0448 40.891C59.7044 38.7285 70.8703 40.0527 73.818 46.6376C76.3295 52.2505 78.4872 61.7147 78.6051 59.6979C78.8881 55.2149 78.3221 45.5199 80.2205 40.4537C81.6 36.7603 84.3119 33.2857 88.309 32.0586C91.6694 31.0138 95.6193 30.6493 99.1094 31.3904C102.8 32.1679 106.679 34.8772 108.129 37.4528C112.398 45.0217 112.468 60.5241 112.669 59.6979C113.423 56.3934 113.494 44.7666 116.006 40.4537C117.668 37.5986 121.866 35.0473 124.106 34.6342C127.572 34.0024 131.841 33.8081 135.472 34.537C138.408 35.1323 142.382 38.7163 143.455 40.4537C146.037 44.633 147.487 56.442 147.923 60.597C148.112 62.31 148.796 55.8223 151.378 51.6552C156.165 43.8919 173.12 42.3854 173.757 59.4185C174.064 67.364 173.993 66.9996 173.993 72.3452C173.993 78.6142 173.851 82.4047 173.521 86.9485C173.168 91.796 172.154 102.791 170.68 108.112C169.666 111.769 166.305 119.994 162.98 124.927C162.98 124.927 150.317 140.113 148.937 146.941C147.558 153.781 148.018 153.83 147.735 158.665C147.464 163.513 149.161 169.879 149.161 169.879C149.161 169.879 139.717 171.142 134.612 170.292C130.001 169.538 124.295 160.086 122.821 157.195C120.793 153.21 116.465 153.975 114.779 156.916C112.138 161.569 106.42 169.915 102.399 170.438C94.5109 171.458 78.1689 170.802 65.3758 170.681C65.3758 170.681 67.5571 158.398 62.6993 154.182C59.1031 151.023 52.9129 144.657 49.2106 141.304L39.4006 130.114C36.0638 125.741 27.5862 118.828 24.7446 105.998C22.2332 94.6268 22.4808 89.0503 25.1809 84.4944C27.9163 79.8655 33.0807 77.3385 35.2502 76.9011C37.7027 76.3909 43.4095 76.4273 45.5672 77.6544C48.1966 79.1487 49.2577 79.5861 51.3211 82.4047C54.033 86.1345 54.9999 87.9447 53.8326 83.8748C52.9365 80.6917 50.0359 76.646 48.7154 72.0901C47.4302 67.7042 43.9872 60.6334 44.2349 53.5505C44.3292 50.8655 45.4493 44.1835 54.0448 40.891Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M54.0448 40.891C59.7044 38.7285 70.8703 40.0527 73.818 46.6376C76.3295 52.2505 78.4872 61.7147 78.6051 59.6979C78.8881 55.2149 78.3221 45.5199 80.2205 40.4537C81.6 36.7603 84.3119 33.2857 88.309 32.0586C91.6694 31.0138 95.6193 30.6493 99.1094 31.3904C102.8 32.1679 106.679 34.8772 108.129 37.4528C112.398 45.0217 112.468 60.5241 112.669 59.6979C113.423 56.3934 113.494 44.7666 116.006 40.4537C117.668 37.5986 121.866 35.0473 124.106 34.6342C127.572 34.0024 131.841 33.8081 135.472 34.537C138.408 35.1323 142.382 38.7163 143.455 40.4537C146.037 44.633 147.487 56.442 147.923 60.597C148.112 62.31 148.796 55.8223 151.378 51.6552C156.165 43.8919 173.12 42.3854 173.757 59.4185C174.064 67.364 173.993 66.9996 173.993 72.3452C173.993 78.6142 173.851 82.4047 173.521 86.9485C173.168 91.796 172.154 102.791 170.68 108.112C169.666 111.769 166.305 119.994 162.98 124.927C162.98 124.927 150.317 140.113 148.937 146.941C147.558 153.781 148.018 153.83 147.735 158.665C147.464 163.513 149.161 169.879 149.161 169.879C149.161 169.879 139.717 171.142 134.612 170.292C130.001 169.539 124.295 160.086 122.821 157.195C120.793 153.21 116.465 153.975 114.779 156.916C112.138 161.569 106.42 169.915 102.399 170.438C94.5109 171.458 78.1689 170.802 65.3758 170.681C65.3758 170.681 67.5571 158.398 62.6993 154.182C59.1031 151.023 52.9129 144.657 49.2106 141.304L39.4006 130.114C36.0638 125.741 27.5862 118.828 24.7446 105.998C22.2332 94.6268 22.4808 89.0503 25.1809 84.4944C27.9163 79.8655 33.0807 77.3385 35.2502 76.9011C37.7027 76.3909 43.4095 76.4273 45.5672 77.6544C48.1966 79.1487 49.2577 79.5861 51.3211 82.4047C54.033 86.1345 54.9999 87.9447 53.8326 83.8748C52.9365 80.6917 50.0359 76.646 48.7154 72.0901C47.4302 67.7042 43.9872 60.6334 44.2349 53.5505C44.3292 50.8655 45.4493 44.1835 54.0448 40.891Z" stroke="black" stroke-width="7" stroke-linejoin="round"/>
<path d="M137 134V93" stroke="black" stroke-width="6" stroke-linecap="round"/>
<path d="M113 135V93" stroke="black" stroke-width="6" stroke-linecap="round"/>
<path d="M89 93V134" stroke="black" stroke-width="6" stroke-linecap="round"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M54.0448 40.891C59.7044 38.7285 70.8703 40.0527 73.818 46.6376C76.3295 52.2505 78.4872 61.7147 78.6051 59.6979C78.8881 55.2149 78.3221 45.5199 80.2205 40.4537C81.6 36.7603 84.3119 33.2857 88.309 32.0586C91.6694 31.0138 95.6193 30.6493 99.1094 31.3904C102.8 32.1679 106.679 34.8772 108.129 37.4528C112.398 45.0217 112.468 60.5241 112.669 59.6979C113.423 56.3934 113.494 44.7666 116.006 40.4537C117.668 37.5986 121.866 35.0473 124.106 34.6342C127.572 34.0024 131.841 33.8081 135.472 34.537C138.408 35.1323 142.382 38.7163 143.455 40.4537C146.037 44.633 147.487 56.442 147.923 60.597C148.112 62.31 148.796 55.8223 151.378 51.6552C156.165 43.8919 173.12 42.3854 173.757 59.4185C174.064 67.364 173.993 66.9996 173.993 72.3452C173.993 78.6142 173.851 82.4047 173.521 86.9485C173.168 91.796 172.154 102.791 170.68 108.112C169.666 111.769 166.305 119.994 162.98 124.927C162.98 124.927 150.317 140.113 148.937 146.941C147.558 153.781 148.018 153.83 147.735 158.665C147.464 163.513 149.161 169.879 149.161 169.879C149.161 169.879 139.717 171.142 134.612 170.292C130.001 169.538 124.295 160.086 122.821 157.195C120.793 153.21 116.465 153.975 114.779 156.916C112.138 161.569 106.42 169.915 102.399 170.438C94.5109 171.458 78.1689 170.802 65.3758 170.681C65.3758 170.681 67.5571 158.398 62.6993 154.182C59.1031 151.023 52.9129 144.657 49.2106 141.304L39.4006 130.114C36.0638 125.741 27.5862 118.828 24.7446 105.998C22.2332 94.6268 22.4808 89.0503 25.1809 84.4944C27.9163 79.8655 33.0807 77.3385 35.2502 76.9011C37.7027 76.3909 43.4095 76.4273 45.5672 77.6544C48.1966 79.1487 49.2577 79.5861 51.3211 82.4047C54.033 86.1345 54.9999 87.9447 53.8326 83.8748C52.9365 80.6917 50.0359 76.646 48.7154 72.0901C47.4302 67.7042 43.9872 60.6334 44.2349 53.5505C44.3292 50.8655 45.4493 44.1835 54.0448 40.891Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M54.0448 40.891C59.7044 38.7285 70.8703 40.0527 73.818 46.6376C76.3295 52.2505 78.4872 61.7147 78.6051 59.6979C78.8881 55.2149 78.3221 45.5199 80.2205 40.4537C81.6 36.7603 84.3119 33.2857 88.309 32.0586C91.6694 31.0138 95.6193 30.6493 99.1094 31.3904C102.8 32.1679 106.679 34.8772 108.129 37.4528C112.398 45.0217 112.468 60.5241 112.669 59.6979C113.423 56.3934 113.494 44.7666 116.006 40.4537C117.668 37.5986 121.866 35.0473 124.106 34.6342C127.572 34.0024 131.841 33.8081 135.472 34.537C138.408 35.1323 142.382 38.7163 143.455 40.4537C146.037 44.633 147.487 56.442 147.923 60.597C148.112 62.31 148.796 55.8223 151.378 51.6552C156.165 43.8919 173.12 42.3854 173.757 59.4185C174.064 67.364 173.993 66.9996 173.993 72.3452C173.993 78.6142 173.851 82.4047 173.521 86.9485C173.168 91.796 172.154 102.791 170.68 108.112C169.666 111.769 166.305 119.994 162.98 124.927C162.98 124.927 150.317 140.113 148.937 146.941C147.558 153.781 148.018 153.83 147.735 158.665C147.464 163.513 149.161 169.879 149.161 169.879C149.161 169.879 139.717 171.142 134.612 170.292C130.001 169.539 124.295 160.086 122.821 157.195C120.793 153.21 116.465 153.975 114.779 156.916C112.138 161.569 106.42 169.915 102.399 170.438C94.5109 171.458 78.1689 170.802 65.3758 170.681C65.3758 170.681 67.5571 158.398 62.6993 154.182C59.1031 151.023 52.9129 144.657 49.2106 141.304L39.4006 130.114C36.0638 125.741 27.5862 118.828 24.7446 105.998C22.2332 94.6268 22.4808 89.0503 25.1809 84.4944C27.9163 79.8655 33.0807 77.3385 35.2502 76.9011C37.7027 76.3909 43.4095 76.4273 45.5672 77.6544C48.1966 79.1487 49.2577 79.5861 51.3211 82.4047C54.033 86.1345 54.9999 87.9447 53.8326 83.8748C52.9365 80.6917 50.0359 76.646 48.7154 72.0901C47.4302 67.7042 43.9872 60.6334 44.2349 53.5505C44.3292 50.8655 45.4493 44.1835 54.0448 40.891Z" stroke="black" stroke-width="7" stroke-linejoin="round" />
<path d="M137 134V93" stroke="black" stroke-width="6" stroke-linecap="round" />
<path d="M113 135V93" stroke="black" stroke-width="6" stroke-linecap="round" />
<path d="M89 93V134" stroke="black" stroke-width="6" stroke-linecap="round" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before After
Before After

10
src/svg/pencil.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path d="M139.472 21L129.714 30.9195L46.5478 115.253L45.7391 116.511L45.6849 116.584C44.8413 117.932 42.8714 121.305 39.8625 127.42C36.8295 133.585 33.0882 141.992 30.0327 151.626L22 177L47.3741 168.967C57.0176 165.911 65.4184 162.169 71.5801 159.138C77.6929 156.131 81.04 154.179 82.4161 153.315L82.4879 153.26L83.7458 152.451L178 59.5282L139.472 21Z" fill="white"/>
<path d="M138.342 37L135.185 40.2087L55.1074 121.42L54.8457 121.821C54.2939 122.703 52.4335 125.839 49.6315 131.535C46.8295 137.23 43.3808 145.013 40.5984 153.786L38 162L46.2136 159.402C54.9939 156.619 62.7704 153.17 68.4653 150.368C74.1602 147.567 77.2779 145.719 78.1786 145.154L78.5795 144.893L163 61.6582L138.342 37ZM63.8091 125.309L74.6909 136.191L73.1039 137.76C73.1664 137.716 69.7241 139.789 64.5241 142.347C62.6116 143.287 59.7431 144.334 57.0778 145.364L54.6364 142.922C55.6661 140.257 56.7122 137.389 57.6533 135.476C60.2122 130.275 62.274 126.852 62.2397 126.896L63.8091 125.309Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path d="M139.472 21L129.714 30.9195L46.5478 115.253L45.7391 116.511L45.6849 116.584C44.8413 117.932 42.8714 121.305 39.8625 127.42C36.8295 133.585 33.0882 141.992 30.0327 151.626L22 177L47.3741 168.967C57.0176 165.911 65.4184 162.169 71.5801 159.138C77.6929 156.131 81.04 154.179 82.4161 153.315L82.4879 153.26L83.7458 152.451L178 59.5282L139.472 21Z" fill="white" />
<path d="M138.342 37L135.185 40.2087L55.1074 121.42L54.8457 121.821C54.2939 122.703 52.4335 125.839 49.6315 131.535C46.8295 137.23 43.3808 145.013 40.5984 153.786L38 162L46.2136 159.402C54.9939 156.619 62.7704 153.17 68.4653 150.368C74.1602 147.567 77.2779 145.719 78.1786 145.154L78.5795 144.893L163 61.6582L138.342 37ZM63.8091 125.309L74.6909 136.191L73.1039 137.76C73.1664 137.716 69.7241 139.789 64.5241 142.347C62.6116 143.287 59.7431 144.334 57.0778 145.364L54.6364 142.922C55.6661 140.257 56.7122 137.389 57.6533 135.476C60.2122 130.275 62.274 126.852 62.2397 126.896L63.8091 125.309Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Before After
Before After

14
src/svg/plus.svg
View file

@ -1,9 +1,9 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M122 180H76V20H122V180Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 77H179V123H19V77Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M110 168H88V32H110V168Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M31 89H167V111H31V89Z" fill="white"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M122 180H76V20H122V180Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 77H179V123H19V77Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M110 168H88V32H110V168Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M31 89H167V111H31V89Z" fill="white" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 543 B

After

Width:  |  Height:  |  Size: 580 B

Before After
Before After

14
src/svg/question_arrow.svg
View file

@ -1,9 +1,9 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M68.717 39.2312C75.829 33.5648 89.0203 29.0712 100.24 29.0015C118.008 28.897 127.362 34.2963 135.753 42.3664C143.828 50.1345 147.536 58.0651 146.938 70.234C146.456 80.1387 143.804 85.8864 139.849 91.2625C137.525 94.5254 133.077 98.7055 126.493 103.78L120.238 108.773C116.365 112.488 114.675 114.149 113.197 118.294C112.093 121.383 111.835 124.17 111.776 129H88.5744C88.5391 117.203 88.3514 113.034 89.6306 107.948C90.8864 103.002 95.5221 99.4254 102.106 94.3512L108.772 89.1724C110.978 87.5468 114.57 84.3653 115.908 82.4261C118.349 79.1052 119.827 74.5071 120.027 70.5243C120.215 66.7738 119.076 62.4079 115.99 58.5993C112.328 54.0708 107.739 51.1911 98.7964 51.5859C91.7431 51.8994 86.3445 55.4526 83.0467 58.8083C79.1738 62.7562 77.4838 69.3051 77.2021 74.4839H54C54.7276 57.2523 58.1546 47.638 68.717 39.2312Z" stroke="white" stroke-width="15"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M85 144H115V171H85V144Z" stroke="white" stroke-width="7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M70.8907 38.4415C79.1216 33.1024 86.7385 29 99.5395 29C118.635 29 122.957 31.8776 132.746 39.7495C141.603 46.8722 147 56.1115 147 69.2392C147 77.2894 142.702 85.9818 138.71 91.4873C136.384 94.8287 133.29 98.1463 126.665 103.355L119.438 108.943C115.895 111.726 112.376 115.935 111.207 119.645C110.475 122 110.522 127.053 110.475 132H88.5098C88.8759 121.536 88.9113 112.915 90.5055 108.92C92.0997 104.924 96.2093 100.322 102.834 95.126L109.294 89.8225C111.502 88.1578 114.903 85.6131 116.249 83.6273C118.706 80.2265 120.843 75.2917 120.843 71.2012C120.843 66.4924 121.103 63.1629 118.375 59.2864C115.186 54.7916 112.281 49.845 98.5593 49.6071C87.8721 49.4169 83.3138 54.9224 80.3497 59.6788C77.3739 64.459 76.3583 69.8813 76.3583 75.0182H53C53.744 57.372 59.3887 45.8139 70.8907 38.4415Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M89 146H111V168H89V146Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M68.717 39.2312C75.829 33.5648 89.0203 29.0712 100.24 29.0015C118.008 28.897 127.362 34.2963 135.753 42.3664C143.828 50.1345 147.536 58.0651 146.938 70.234C146.456 80.1387 143.804 85.8864 139.849 91.2625C137.525 94.5254 133.077 98.7055 126.493 103.78L120.238 108.773C116.365 112.488 114.675 114.149 113.197 118.294C112.093 121.383 111.835 124.17 111.776 129H88.5744C88.5391 117.203 88.3514 113.034 89.6306 107.948C90.8864 103.002 95.5221 99.4254 102.106 94.3512L108.772 89.1724C110.978 87.5468 114.57 84.3653 115.908 82.4261C118.349 79.1052 119.827 74.5071 120.027 70.5243C120.215 66.7738 119.076 62.4079 115.99 58.5993C112.328 54.0708 107.739 51.1911 98.7964 51.5859C91.7431 51.8994 86.3445 55.4526 83.0467 58.8083C79.1738 62.7562 77.4838 69.3051 77.2021 74.4839H54C54.7276 57.2523 58.1546 47.638 68.717 39.2312Z" stroke="white" stroke-width="15" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M85 144H115V171H85V144Z" stroke="white" stroke-width="7" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M70.8907 38.4415C79.1216 33.1024 86.7385 29 99.5395 29C118.635 29 122.957 31.8776 132.746 39.7495C141.603 46.8722 147 56.1115 147 69.2392C147 77.2894 142.702 85.9818 138.71 91.4873C136.384 94.8287 133.29 98.1463 126.665 103.355L119.438 108.943C115.895 111.726 112.376 115.935 111.207 119.645C110.475 122 110.522 127.053 110.475 132H88.5098C88.8759 121.536 88.9113 112.915 90.5055 108.92C92.0997 104.924 96.2093 100.322 102.834 95.126L109.294 89.8225C111.502 88.1578 114.903 85.6131 116.249 83.6273C118.706 80.2265 120.843 75.2917 120.843 71.2012C120.843 66.4924 121.103 63.1629 118.375 59.2864C115.186 54.7916 112.281 49.845 98.5593 49.6071C87.8721 49.4169 83.3138 54.9224 80.3497 59.6788C77.3739 64.459 76.3583 69.8813 76.3583 75.0182H53C53.744 57.372 59.3887 45.8139 70.8907 38.4415Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M89 146H111V168H89V146Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After

14
src/svg/right_ptr.svg
View file

@ -1,9 +1,9 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M156 160V20L55 121.571H114.087L117.669 122.655L156 160Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M77 165.644L108.321 179L149 82.5129L116.975 69L77 165.644Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M88 159.256L104.411 166L132 101.752L115.616 95L88 159.256Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M147 41V138L121.183 113.152L117.461 111.947H76L147 41Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M156 160V20L55 121.571H114.087L117.669 122.655L156 160Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M77 165.644L108.321 179L149 82.5129L116.975 69L77 165.644Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M88 159.256L104.411 166L132 101.752L115.616 95L88 159.256Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M147 41V138L121.183 113.152L117.461 111.947H76L147 41Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 680 B

After

Width:  |  Height:  |  Size: 717 B

Before After
Before After

10
src/svg/right_tee.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M109.657 157.23V122.45H120.332V182.5H160.5V22.5H120.332L120.332 82.56H109.657V47.89L49.5 102.62L109.657 157.23Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M130.201 30V90.0858H99.5192V67.6538L66 100.21L99.5192 132.486V109.914H130.201V170H150V30H130.201Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M109.657 157.23V122.45H120.332V182.5H160.5V22.5H120.332L120.332 82.56H109.657V47.89L49.5 102.62L109.657 157.23Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M130.201 30V90.0858H99.5192V67.6538L66 100.21L99.5192 132.486V109.914H130.201V170H150V30H130.201Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 531 B

After

Width:  |  Height:  |  Size: 558 B

Before After
Before After

10
src/svg/sb_down_arrow.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.3454 21L74.3333 105.526H26L98.4879 178L171 105.526H122.667V21H74.3454Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M110.631 33V117.64H142L98.5 161L55 117.64H86.3695L86.3816 33H110.631Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.3454 21L74.3333 105.526H26L98.4879 178L171 105.526H122.667V21H74.3454Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M110.631 33V117.64H142L98.5 161L55 117.64H86.3695L86.3816 33H110.631Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 466 B

After

Width:  |  Height:  |  Size: 493 B

Before After
Before After

10
src/svg/sb_h_double_arrow.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M82.2222 30V82.9279H73.1467V52.3837L20 100.606L73.1467 148.731V118.081H82.2222V171H82.4H117.609V118.072H127.013V148.625L180 100.394L127.013 52.2692V82.9191H117.609V30H82.2222Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M165 100.307L135.599 71.4087V91.6188H108.856V38.1793H108.687V38H91.4986V91.7982H64.4006V71.3549L35 100.504L64.4006 129.412V109.202H91.4986V163H91.6757H108.687H108.856V109.202H135.599V129.457L165 100.307Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M82.2222 30V82.9279H73.1467V52.3837L20 100.606L73.1467 148.731V118.081H82.2222V171H82.4H117.609V118.072H127.013V148.625L180 100.394L127.013 52.2692V82.9191H117.609V30H82.2222Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M165 100.307L135.599 71.4087V91.6188H108.856V38.1793H108.687V38H91.4986V91.7982H64.4006V71.3549L35 100.504L64.4006 129.412V109.202H91.4986V163H91.6757H108.687H108.856V109.202H135.599V129.457L165 100.307Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 701 B

After

Width:  |  Height:  |  Size: 728 B

Before After
Before After

10
src/svg/sb_left_arrow.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M177 75.3454L92.4736 75.3333V27L20 99.4879L92.4736 172V123.667H177V75.3454Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M167.5 110.131H82.8599V141.5L39.5 98L82.8599 54.5V85.8695L167.5 85.8816V110.131Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M177 75.3454L92.4736 75.3333V27L20 99.4879L92.4736 172V123.667H177V75.3454Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M167.5 110.131H82.8599V141.5L39.5 98L82.8599 54.5V85.8695L167.5 85.8816V110.131Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 478 B

After

Width:  |  Height:  |  Size: 505 B

Before After
Before After

10
src/svg/sb_right_arrow.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 75.3454L104.526 75.3333V27L177 99.4879L104.526 172V123.667H20V75.3454Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.5 110.131H114.14V141.5L157.5 98L114.14 54.5V85.8695L29.5 85.8816V110.131Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 75.3454L104.526 75.3333V27L177 99.4879L104.526 172V123.667H20V75.3454Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.5 110.131H114.14V141.5L157.5 98L114.14 54.5V85.8695L29.5 85.8816V110.131Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 474 B

After

Width:  |  Height:  |  Size: 501 B

Before After
Before After

10
src/svg/sb_up_arrow.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.3454 178L74.3333 93.4736H26L98.4879 21L171 93.4736H122.667V178H74.3454Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M110.631 170V85.3599H142L98.5 42L55 85.3599H86.3695L86.3816 170H110.631Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.3454 178L74.3333 93.4736H26L98.4879 21L171 93.4736H122.667V178H74.3454Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M110.631 170V85.3599H142L98.5 42L55 85.3599H86.3695L86.3816 170H110.631Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 B

After

Width:  |  Height:  |  Size: 497 B

Before After
Before After

10
src/svg/sb_v_double_arrow.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.5 118.278H82.4279V127.353H51.8837L100.106 180.5L148.231 127.353H117.581V118.278H170.5V82.8911H117.572V73.4867H148.125L99.8943 20.5L51.7692 73.4867H82.4191V82.8911H29.5V118.278Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M99.8072 35.5L70.9087 64.9005H91.1188V91.6444H37.6793V91.8127H37.5V109.001H91.2982V136.099H70.8549L100.004 165.5L128.912 136.099H108.702V109.001H162.5V91.6444H108.702V64.9005H128.957L99.8072 35.5Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.5 118.278H82.4279V127.353H51.8837L100.106 180.5L148.231 127.353H117.581V118.278H170.5V82.8911H117.572V73.4867H148.125L99.8943 20.5L51.7692 73.4867H82.4191V82.8911H29.5V118.278Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M99.8072 35.5L70.9087 64.9005H91.1188V91.6444H37.6793V91.8127H37.5V109.001H91.2982V136.099H70.8549L100.004 165.5L128.912 136.099H108.702V109.001H162.5V91.6444H108.702V64.9005H128.957L99.8072 35.5Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 699 B

After

Width:  |  Height:  |  Size: 726 B

Before After
Before After

10
src/svg/top_side.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M98.985 181H99.035L158.99 121.019L119.003 121.009V80.8112H159L98.995 21L39.01 80.8112L79.1966 80.8012L79.2167 121.019L39 121.009L98.985 181ZM99.015 166.887L63.138 131.011L89.0058 131.021V70.7993H63.158L99.015 35.1426L134.862 70.7893L109.014 70.7993L109.004 131.011L134.862 131.021L99.015 166.887Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M109.043 70.7258H135L99.005 35L63.0201 70.7258H89.1681V131.064H63L99.005 167L135 131.064H109.033L109.043 70.7258Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M98.985 181H99.035L158.99 121.019L119.003 121.009V80.8112H159L98.995 21L39.01 80.8112L79.1966 80.8012L79.2167 121.019L39 121.009L98.985 181ZM99.015 166.887L63.138 131.011L89.0058 131.021V70.7993H63.158L99.015 35.1426L134.862 70.7893L109.014 70.7993L109.004 131.011L134.862 131.021L99.015 166.887Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M109.043 70.7258H135L99.005 35L63.0201 70.7258H89.1681V131.064H63L99.005 167L135 131.064H109.033L109.043 70.7258Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 732 B

After

Width:  |  Height:  |  Size: 759 B

Before After
Before After

10
src/svg/top_tee.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M44.27 90.8435H79.05V80.1683H19V40H179V80.1683H118.94V90.8435H153.61L98.88 151L44.27 90.8435Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M169 69.7985H108.914V100.481H131.346L98.7897 134L66.5136 100.481H89.0858V69.7985H29V50H169V69.7985Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M44.27 90.8435H79.05V80.1683H19V40H179V80.1683H118.94V90.8435H153.61L98.88 151L44.27 90.8435Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M169 69.7985H108.914V100.481H131.346L98.7897 134L66.5136 100.481H89.0858V69.7985H29V50H169V69.7985Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 515 B

After

Width:  |  Height:  |  Size: 542 B

Before After
Before After

10
src/svg/ul_angle.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.7399 105.481L25.014 145.228L25 26.014L144.192 26L104.48 65.7333L174 135.295L134.302 175L64.7399 105.481Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M156 136.176L86.5255 66.6788L112.187 41L41 41.0141V112.21L66.6757 86.5311L136.178 156L156 136.176Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.7399 105.481L25.014 145.228L25 26.014L144.192 26L104.48 65.7333L174 135.295L134.302 175L64.7399 105.481Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M156 136.176L86.5255 66.6788L112.187 41L41 41.0141V112.21L66.6757 86.5311L136.178 156L156 136.176Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 529 B

After

Width:  |  Height:  |  Size: 556 B

Before After
Before After

10
src/svg/ur_angle.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.26 105.481L173.986 145.228L174 26.014L54.8084 26L94.5202 65.7333L25 135.295L64.6978 175L134.26 105.481Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M43 136.176L112.474 66.6788L86.8129 41L158 41.0141V112.21L132.324 86.5311L62.8218 156L43 136.176Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.26 105.481L173.986 145.228L174 26.014L54.8084 26L94.5202 65.7333L25 135.295L64.6978 175L134.26 105.481Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M43 136.176L112.474 66.6788L86.8129 41L158 41.0141V112.21L132.324 86.5311L62.8218 156L43 136.176Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 528 B

After

Width:  |  Height:  |  Size: 555 B

Before After
Before After

10
src/svg/vertical_text.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path d="M21.5217 71.5689C21.1861 82.3455 24.7499 92.8829 31.5623 101.257C24.7635 109.638 21.2014 120.17 21.5217 130.944V139.5H47.2668V130.944C47.2668 118.881 53.2739 115.117 55.8484 113.833H89.6603V122.389H115.405V113.833H141.15C143.725 114.946 149.732 118.71 149.732 130.944V139.5H175.477V130.944C175.797 120.17 172.235 109.638 165.437 101.257C172.302 92.8722 175.82 82.3489 175.477 71.5689V63.0133H149.732V71.5689C149.732 83.6322 143.725 87.3967 141.15 88.68H115.405V79.6111H89.6603V88.1667H55.8484C53.2739 87.0544 47.2668 83.29 47.2668 71.0556V62.5H21.5217V71.5689Z" fill="white"/>
<path d="M38.0842 70.5H29.5591C29.2227 76.1918 30.3268 81.8765 32.7699 87.0314C35.2131 92.1863 38.9167 96.6459 43.5403 100C38.9167 103.354 35.2131 107.814 32.7699 112.969C30.3268 118.123 29.2227 123.808 29.5591 129.5H38.0842C36.6349 118.448 43.1993 107.736 53.7705 103.996H97.2487V112.497H105.774V103.996H141.238C151.81 107.821 158.289 118.448 156.925 129.5H165.45C165.757 123.821 164.649 118.154 162.224 113.006C159.799 107.859 156.133 103.39 151.554 100C156.133 96.6099 159.799 92.1413 162.224 86.9935C164.649 81.8458 165.757 76.1792 165.45 70.5H156.925C157.476 75.8134 156.232 81.1582 153.39 85.6863C150.549 90.2143 146.272 93.6663 141.238 95.4942H105.689V86.9928H97.1635V95.4942H53.8557C48.7979 93.6939 44.4935 90.2511 41.6333 85.7184C38.7731 81.1857 37.5232 75.8261 38.0842 70.5Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path d="M21.5217 71.5689C21.1861 82.3455 24.7499 92.8829 31.5623 101.257C24.7635 109.638 21.2014 120.17 21.5217 130.944V139.5H47.2668V130.944C47.2668 118.881 53.2739 115.117 55.8484 113.833H89.6603V122.389H115.405V113.833H141.15C143.725 114.946 149.732 118.71 149.732 130.944V139.5H175.477V130.944C175.797 120.17 172.235 109.638 165.437 101.257C172.302 92.8722 175.82 82.3489 175.477 71.5689V63.0133H149.732V71.5689C149.732 83.6322 143.725 87.3967 141.15 88.68H115.405V79.6111H89.6603V88.1667H55.8484C53.2739 87.0544 47.2668 83.29 47.2668 71.0556V62.5H21.5217V71.5689Z" fill="white" />
<path d="M38.0842 70.5H29.5591C29.2227 76.1918 30.3268 81.8765 32.7699 87.0314C35.2131 92.1863 38.9167 96.6459 43.5403 100C38.9167 103.354 35.2131 107.814 32.7699 112.969C30.3268 118.123 29.2227 123.808 29.5591 129.5H38.0842C36.6349 118.448 43.1993 107.736 53.7705 103.996H97.2487V112.497H105.774V103.996H141.238C151.81 107.821 158.289 118.448 156.925 129.5H165.45C165.757 123.821 164.649 118.154 162.224 113.006C159.799 107.859 156.133 103.39 151.554 100C156.133 96.6099 159.799 92.1413 162.224 86.9935C164.649 81.8458 165.757 76.1792 165.45 70.5H156.925C157.476 75.8134 156.232 81.1582 153.39 85.6863C150.549 90.2143 146.272 93.6663 141.238 95.4942H105.689V86.9928H97.1635V95.4942H53.8557C48.7979 93.6939 44.4935 90.2511 41.6333 85.7184C38.7731 81.1857 37.5232 75.8261 38.0842 70.5Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Before After
Before After

10
src/svg/wayland_cursor.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path d="M175.736 100C175.736 140.884 142.619 174 101.736 174C60.8522 174 27.7358 140.884 27.7358 100C27.7358 59.1164 60.8522 26 101.736 26C142.619 26 175.736 59.1766 175.736 100Z" fill="black"/>
<path d="M141.007 27.3281H142.271L141.447 28.3103H140.952V27.3281H141.007ZM45.9199 29.6853V30.7985L42.8419 35.251H42.3472L41.8526 31.7806C43.7213 30.4056 45.0405 29.6853 45.9199 29.6853ZM157.222 31.2568C159.86 31.2568 161.344 33.2866 161.674 37.2808L159.42 56.1385H160.245L162.003 54.7634H162.498V55.1563C160.08 56.9242 157.716 61.7696 155.463 69.6924C154.583 76.5021 153.154 82.788 151.121 88.5501C149.307 94.5086 148.427 100.009 148.427 105.051L145.02 115.003C145.02 115.854 146.284 116.706 148.867 117.491C148.372 119.456 147.713 120.438 146.778 120.438V121.027H147.603V121.42C147.603 122.468 146.284 122.926 143.591 122.926L144.085 123.515V125.48H143.261C143.81 127.444 144.965 128.426 146.778 128.426V129.408H143.261V129.998C144.415 129.998 145.02 130.849 145.02 132.486L140.073 134.45L140.568 135.039V135.432C140.568 136.087 139.963 136.415 138.809 136.415V137.004C140.293 137.004 141.062 137.331 141.062 137.986C138.974 138.837 136.17 142.962 132.708 150.427C129.19 157.04 126.112 160.379 123.529 160.379H122.594C120.616 158.873 119.022 153.963 117.758 145.581C112.756 132.813 110.228 125.283 110.228 123.057C110.228 117.295 108.634 111.14 105.391 104.592C104.511 101.711 103.962 98.0444 103.632 93.6574L101.543 93.0681C96.2118 102.693 93.4636 110.158 93.1888 115.593C91.7047 118.735 90.5505 122.599 89.6711 127.051C92.859 128.099 94.5079 129.081 94.5079 129.998V130.587C91.9795 130.194 90.2207 129.539 89.2314 128.492C88.1321 130.98 86.703 137.986 84.8892 149.445C83.4602 154.748 81.7013 157.433 79.6127 157.433C73.6766 155.076 68.6749 151.278 64.7175 145.974C64.1129 145.974 63.0686 143.29 61.6395 137.986C60.7601 137.986 60.2105 135.301 59.8807 129.998C56.9127 122.468 54.879 113.825 53.7797 104.134V89.5977H53.285L51.1964 90.187V89.5977C51.1964 88.9429 51.9109 88.6156 53.285 88.6156L52.7904 80.2344V73.6866L49.3826 52.7336V43.7631C50.8666 38.1975 53.4499 35.3819 57.1325 35.3819H81.8112V36.3641C79.8325 36.4296 78.5134 36.9534 77.7989 37.8701C76.3149 36.8224 74.8858 36.3641 73.4568 36.3641H68.6199L65.9267 36.757L65.432 36.3641H65.1023L61.5846 36.757L59.8257 36.3641L58.5616 36.757L57.1325 36.3641C62.8487 43.8286 66.2015 50.1145 67.2458 55.2218H71.2582V56.2039H68.1802V57.3171C69.3345 61.6386 70.2139 63.7339 70.7635 63.7339H71.6979L73.7865 63.1446L74.2812 63.7339L74.7759 63.1446L75.2706 63.7339V64.1268C73.7316 65.2399 72.6323 66.8114 72.0827 68.7102H71.7529V69.6924H72.5773C73.6766 85.2762 75.7103 97.0622 78.6783 105.051L80.4371 106.426H81.3715C82.5258 106.426 84.9991 100.991 88.7916 90.0561C91.2101 85.1452 92.9689 80.7582 94.0682 77.026L93.5735 75.5199C95.9919 71.8532 98.5202 70.0853 101.104 70.0853H101.928C103.577 70.0853 104.731 71.1329 105.446 73.1628C107.644 76.2402 109.403 80.8237 110.722 86.9786L117.318 101.515C118.197 102.562 118.582 103.675 118.582 104.985C121 110.485 123.199 114.152 125.178 115.92H126.607C128.256 115.92 130.454 109.11 133.202 95.4907C133.697 95.4907 134.961 91.824 137.05 84.5559V83.9666L129.63 82.9845L127.871 83.5738H125.617V82.4606L130.069 82.0677H138.754C142.107 70.0198 145.184 60.7219 148.043 54.1086C148.977 40.4892 150.296 33.6795 151.89 33.6795L157.222 31.2568ZM132.213 32.7628C131.718 34.0724 130.729 34.7271 129.135 34.7271V33.745L132.213 32.7628ZM87.9122 35.3164H99.7844V36.2986L97.0912 36.6915L94.5079 36.2986L92.2544 37.2808L91.4299 36.2986H87.9122V35.3164ZM26.1879 37.2153H27.4521L28.2765 38.1975V38.7868L25.6932 41.7333V44.2215H24.7588V42.7155L25.2535 42.3226V41.7333L23 39.2451C23.5496 37.8701 24.594 37.2153 26.1879 37.2153ZM112.481 43.2393H113.745V43.6322C113.745 44.2869 113.306 44.6143 112.481 44.6143L111.986 45.2036V45.7929L110.722 45.2036V44.2215L112.481 43.2393ZM105.885 48.7394V49.3287C105.885 50.049 104.017 50.8347 100.224 51.6859V50.7038L102.807 49.3287L103.302 49.7216H103.632L105.885 48.7394ZM29.2109 53.7812V54.1741L28.2765 55.1563L27.9467 54.7634V54.1741L28.2765 53.7812H29.2109ZM93.1888 53.7812V54.1741C91.5398 55.6801 88.9016 56.9897 85.219 58.2337V57.2516C85.8236 57.2516 86.1534 56.7278 86.1534 55.7456L93.1888 53.7812ZM115.504 58.6266L115.999 59.2159V59.6088L115.174 60.7219H114.68L113.745 59.6088V59.2159L115.504 58.6266ZM131.718 59.2159H132.213V59.6088L131.389 60.7219H130.894V60.1326L131.718 59.2159ZM124.298 66.2221L126.057 67.5971C125.727 68.6448 124.903 69.1031 123.474 69.1031L122.539 67.5971C122.539 67.1388 123.144 66.6804 124.298 66.2221ZM134.906 72.6389L135.236 73.2282V73.6211L134.906 74.2104H133.972V73.6211L134.906 72.6389ZM118.197 77.6807V78.0736L115.944 80.1689H114.68V79.5796C114.68 78.7939 115.889 78.1391 118.197 77.6807ZM45.4252 97.1277H45.9199V97.5206C44.7657 100.598 43.7213 102.431 42.8419 103.086H41.9075V100.991L45.4252 97.1277ZM102.862 120.438H103.357V121.42L99.8394 123.515L99.3447 122.926V121.944L102.862 120.438ZM54.6042 127.051H55.4286L56.8577 132.486H55.9233L54.6591 127.444L54.6042 127.051ZM101.543 133.468H101.873L103.302 134.974L102.807 135.367H102.313L101.488 133.992L101.543 133.468Z" fill="white"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path d="M175.736 100C175.736 140.884 142.619 174 101.736 174C60.8522 174 27.7358 140.884 27.7358 100C27.7358 59.1164 60.8522 26 101.736 26C142.619 26 175.736 59.1766 175.736 100Z" fill="black" />
<path d="M141.007 27.3281H142.271L141.447 28.3103H140.952V27.3281H141.007ZM45.9199 29.6853V30.7985L42.8419 35.251H42.3472L41.8526 31.7806C43.7213 30.4056 45.0405 29.6853 45.9199 29.6853ZM157.222 31.2568C159.86 31.2568 161.344 33.2866 161.674 37.2808L159.42 56.1385H160.245L162.003 54.7634H162.498V55.1563C160.08 56.9242 157.716 61.7696 155.463 69.6924C154.583 76.5021 153.154 82.788 151.121 88.5501C149.307 94.5086 148.427 100.009 148.427 105.051L145.02 115.003C145.02 115.854 146.284 116.706 148.867 117.491C148.372 119.456 147.713 120.438 146.778 120.438V121.027H147.603V121.42C147.603 122.468 146.284 122.926 143.591 122.926L144.085 123.515V125.48H143.261C143.81 127.444 144.965 128.426 146.778 128.426V129.408H143.261V129.998C144.415 129.998 145.02 130.849 145.02 132.486L140.073 134.45L140.568 135.039V135.432C140.568 136.087 139.963 136.415 138.809 136.415V137.004C140.293 137.004 141.062 137.331 141.062 137.986C138.974 138.837 136.17 142.962 132.708 150.427C129.19 157.04 126.112 160.379 123.529 160.379H122.594C120.616 158.873 119.022 153.963 117.758 145.581C112.756 132.813 110.228 125.283 110.228 123.057C110.228 117.295 108.634 111.14 105.391 104.592C104.511 101.711 103.962 98.0444 103.632 93.6574L101.543 93.0681C96.2118 102.693 93.4636 110.158 93.1888 115.593C91.7047 118.735 90.5505 122.599 89.6711 127.051C92.859 128.099 94.5079 129.081 94.5079 129.998V130.587C91.9795 130.194 90.2207 129.539 89.2314 128.492C88.1321 130.98 86.703 137.986 84.8892 149.445C83.4602 154.748 81.7013 157.433 79.6127 157.433C73.6766 155.076 68.6749 151.278 64.7175 145.974C64.1129 145.974 63.0686 143.29 61.6395 137.986C60.7601 137.986 60.2105 135.301 59.8807 129.998C56.9127 122.468 54.879 113.825 53.7797 104.134V89.5977H53.285L51.1964 90.187V89.5977C51.1964 88.9429 51.9109 88.6156 53.285 88.6156L52.7904 80.2344V73.6866L49.3826 52.7336V43.7631C50.8666 38.1975 53.4499 35.3819 57.1325 35.3819H81.8112V36.3641C79.8325 36.4296 78.5134 36.9534 77.7989 37.8701C76.3149 36.8224 74.8858 36.3641 73.4568 36.3641H68.6199L65.9267 36.757L65.432 36.3641H65.1023L61.5846 36.757L59.8257 36.3641L58.5616 36.757L57.1325 36.3641C62.8487 43.8286 66.2015 50.1145 67.2458 55.2218H71.2582V56.2039H68.1802V57.3171C69.3345 61.6386 70.2139 63.7339 70.7635 63.7339H71.6979L73.7865 63.1446L74.2812 63.7339L74.7759 63.1446L75.2706 63.7339V64.1268C73.7316 65.2399 72.6323 66.8114 72.0827 68.7102H71.7529V69.6924H72.5773C73.6766 85.2762 75.7103 97.0622 78.6783 105.051L80.4371 106.426H81.3715C82.5258 106.426 84.9991 100.991 88.7916 90.0561C91.2101 85.1452 92.9689 80.7582 94.0682 77.026L93.5735 75.5199C95.9919 71.8532 98.5202 70.0853 101.104 70.0853H101.928C103.577 70.0853 104.731 71.1329 105.446 73.1628C107.644 76.2402 109.403 80.8237 110.722 86.9786L117.318 101.515C118.197 102.562 118.582 103.675 118.582 104.985C121 110.485 123.199 114.152 125.178 115.92H126.607C128.256 115.92 130.454 109.11 133.202 95.4907C133.697 95.4907 134.961 91.824 137.05 84.5559V83.9666L129.63 82.9845L127.871 83.5738H125.617V82.4606L130.069 82.0677H138.754C142.107 70.0198 145.184 60.7219 148.043 54.1086C148.977 40.4892 150.296 33.6795 151.89 33.6795L157.222 31.2568ZM132.213 32.7628C131.718 34.0724 130.729 34.7271 129.135 34.7271V33.745L132.213 32.7628ZM87.9122 35.3164H99.7844V36.2986L97.0912 36.6915L94.5079 36.2986L92.2544 37.2808L91.4299 36.2986H87.9122V35.3164ZM26.1879 37.2153H27.4521L28.2765 38.1975V38.7868L25.6932 41.7333V44.2215H24.7588V42.7155L25.2535 42.3226V41.7333L23 39.2451C23.5496 37.8701 24.594 37.2153 26.1879 37.2153ZM112.481 43.2393H113.745V43.6322C113.745 44.2869 113.306 44.6143 112.481 44.6143L111.986 45.2036V45.7929L110.722 45.2036V44.2215L112.481 43.2393ZM105.885 48.7394V49.3287C105.885 50.049 104.017 50.8347 100.224 51.6859V50.7038L102.807 49.3287L103.302 49.7216H103.632L105.885 48.7394ZM29.2109 53.7812V54.1741L28.2765 55.1563L27.9467 54.7634V54.1741L28.2765 53.7812H29.2109ZM93.1888 53.7812V54.1741C91.5398 55.6801 88.9016 56.9897 85.219 58.2337V57.2516C85.8236 57.2516 86.1534 56.7278 86.1534 55.7456L93.1888 53.7812ZM115.504 58.6266L115.999 59.2159V59.6088L115.174 60.7219H114.68L113.745 59.6088V59.2159L115.504 58.6266ZM131.718 59.2159H132.213V59.6088L131.389 60.7219H130.894V60.1326L131.718 59.2159ZM124.298 66.2221L126.057 67.5971C125.727 68.6448 124.903 69.1031 123.474 69.1031L122.539 67.5971C122.539 67.1388 123.144 66.6804 124.298 66.2221ZM134.906 72.6389L135.236 73.2282V73.6211L134.906 74.2104H133.972V73.6211L134.906 72.6389ZM118.197 77.6807V78.0736L115.944 80.1689H114.68V79.5796C114.68 78.7939 115.889 78.1391 118.197 77.6807ZM45.4252 97.1277H45.9199V97.5206C44.7657 100.598 43.7213 102.431 42.8419 103.086H41.9075V100.991L45.4252 97.1277ZM102.862 120.438H103.357V121.42L99.8394 123.515L99.3447 122.926V121.944L102.862 120.438ZM54.6042 127.051H55.4286L56.8577 132.486H55.9233L54.6591 127.444L54.6042 127.051ZM101.543 133.468H101.873L103.302 134.974L102.807 135.367H102.313L101.488 133.992L101.543 133.468Z" fill="white" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

Before After
Before After

8
src/svg/x_cursor.svg
View file

@ -1,6 +1,6 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path d="M36.6456 76.0589L61.166 100.641L36.6658 124.924L36.6557 124.934L36.6456 124.945C30.4514 131.154 30.4516 141.143 36.6456 147.352L36.6631 147.37L36.6807 147.387L52.9283 163.357C59.1306 169.554 69.1016 169.548 75.2962 163.337L99.5202 139.052L124.023 163.337C124.027 163.341 124.03 163.345 124.034 163.349C130.236 169.554 140.213 169.55 146.41 163.337L162.355 147.352C168.549 141.143 168.548 131.154 162.355 124.945L162.355 124.945L138.113 100.641L162.355 76.0588C162.358 76.0549 162.362 76.051 162.366 76.0471C168.548 69.8367 168.545 59.8569 162.355 53.651L146.41 37.666C140.212 31.4527 130.235 31.4493 124.033 37.6555C124.03 37.659 124.026 37.6625 124.023 37.666L99.5202 61.9513L75.2962 37.666C72.2114 34.5733 68.1694 33 64.1027 33C60.0445 33 56.0106 34.5668 52.9283 37.6469L36.6807 53.6162L36.6631 53.6335L36.6456 53.651C30.4515 59.8608 30.4515 69.8491 36.6456 76.0589Z" fill="black" stroke="white" stroke-width="10" stroke-miterlimit="10"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path d="M36.6456 76.0589L61.166 100.641L36.6658 124.924L36.6557 124.934L36.6456 124.945C30.4514 131.154 30.4516 141.143 36.6456 147.352L36.6631 147.37L36.6807 147.387L52.9283 163.357C59.1306 169.554 69.1016 169.548 75.2962 163.337L99.5202 139.052L124.023 163.337C124.027 163.341 124.03 163.345 124.034 163.349C130.236 169.554 140.213 169.55 146.41 163.337L162.355 147.352C168.549 141.143 168.548 131.154 162.355 124.945L162.355 124.945L138.113 100.641L162.355 76.0588C162.358 76.0549 162.362 76.051 162.366 76.0471C168.548 69.8367 168.545 59.8569 162.355 53.651L146.41 37.666C140.212 31.4527 130.235 31.4493 124.033 37.6555C124.03 37.659 124.026 37.6625 124.023 37.666L99.5202 61.9513L75.2962 37.666C72.2114 34.5733 68.1694 33 64.1027 33C60.0445 33 56.0106 34.5668 52.9283 37.6469L36.6807 53.6162L36.6631 53.6335L36.6456 53.651C30.4515 59.8608 30.4515 69.8491 36.6456 76.0589Z" fill="black" stroke="white" stroke-width="10" stroke-miterlimit="10" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

10
src/svg/xterm.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path d="M69.0689 177.978C79.8455 178.314 90.3829 174.75 98.7567 167.938C107.138 174.737 117.67 178.299 128.444 177.978H137V152.233H128.444C116.381 152.233 112.617 146.226 111.333 143.652V109.84H119.889V84.0947H111.333V58.3497C112.446 55.7752 116.21 49.768 128.444 49.768H137V24.0229H128.444C117.67 23.7027 107.138 27.2647 98.7567 34.0635C90.3722 27.1981 79.8489 23.6797 69.0689 24.0229H60.5133V49.768H69.0689C81.1322 49.768 84.8967 55.7752 86.18 58.3497V84.0947H77.1111V109.84H85.6667V143.652C84.5544 146.226 80.79 152.233 68.5556 152.233H60V177.978H69.0689Z" fill="white"/>
<path d="M68 159.416V167.941C73.6918 168.277 79.3765 167.173 84.5314 164.73C89.6863 162.287 94.1459 158.583 97.5 153.96C100.854 158.583 105.314 162.287 110.469 164.73C115.623 167.173 121.308 168.277 127 167.941V159.416C115.948 160.865 105.236 154.301 101.496 143.73V100.251H109.997V91.7261H101.496V56.2615C105.321 45.6904 115.948 39.2113 127 40.5753V32.0501C121.321 31.7429 115.654 32.8513 110.506 35.2761C105.359 37.701 100.89 41.3668 97.5 45.9461C94.1099 41.3668 89.6413 37.701 84.4935 35.2761C79.3458 32.8513 73.6792 31.7429 68 32.0501V40.5753C73.3134 40.0239 78.6582 41.2679 83.1863 44.1096C87.7143 46.9514 91.1663 51.2283 92.9942 56.2615V91.8114H84.4928V100.337H92.9942V143.644C91.1939 148.702 87.7511 153.007 83.2184 155.867C78.6857 158.727 73.3261 159.977 68 159.416Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path d="M69.0689 177.978C79.8455 178.314 90.3829 174.75 98.7567 167.938C107.138 174.737 117.67 178.299 128.444 177.978H137V152.233H128.444C116.381 152.233 112.617 146.226 111.333 143.652V109.84H119.889V84.0947H111.333V58.3497C112.446 55.7752 116.21 49.768 128.444 49.768H137V24.0229H128.444C117.67 23.7027 107.138 27.2647 98.7567 34.0635C90.3722 27.1981 79.8489 23.6797 69.0689 24.0229H60.5133V49.768H69.0689C81.1322 49.768 84.8967 55.7752 86.18 58.3497V84.0947H77.1111V109.84H85.6667V143.652C84.5544 146.226 80.79 152.233 68.5556 152.233H60V177.978H69.0689Z" fill="white" />
<path d="M68 159.416V167.941C73.6918 168.277 79.3765 167.173 84.5314 164.73C89.6863 162.287 94.1459 158.583 97.5 153.96C100.854 158.583 105.314 162.287 110.469 164.73C115.623 167.173 121.308 168.277 127 167.941V159.416C115.948 160.865 105.236 154.301 101.496 143.73V100.251H109.997V91.7261H101.496V56.2615C105.321 45.6904 115.948 39.2113 127 40.5753V32.0501C121.321 31.7429 115.654 32.8513 110.506 35.2761C105.359 37.701 100.89 41.3668 97.5 45.9461C94.1099 41.3668 89.6413 37.701 84.4935 35.2761C79.3458 32.8513 73.6792 31.7429 68 32.0501V40.5753C73.3134 40.0239 78.6582 41.2679 83.1863 44.1096C87.7143 46.9514 91.1663 51.2283 92.9942 56.2615V91.8114H84.4928V100.337H92.9942V143.644C91.1939 148.702 87.7511 153.007 83.2184 155.867C78.6857 158.727 73.3261 159.977 68 159.416Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Before After
Before After

14
src/svg/zoom_in.svg
View file

@ -1,9 +1,9 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z" stroke="black" stroke-width="7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M108 67H88V48H68V67H48V85.81H68V105H88V85.81H108V67Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M162.196 171L176 157.814L122.804 107L109 120.186L162.196 171Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z" stroke="black" stroke-width="7" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M108 67H88V48H68V67H48V85.81H68V105H88V85.81H108V67Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M162.196 171L176 157.814L122.804 107L109 120.186L162.196 171Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 851 B

After

Width:  |  Height:  |  Size: 888 B

Before After
Before After

14
src/svg/zoom_out.svg
View file

@ -1,9 +1,9 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z" stroke="black" stroke-width="7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M108 86H48V68H108V86Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M164.784 176L179 162.196L124.216 109L110 122.804L164.784 176Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z" stroke="black" stroke-width="7" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M108 86H48V68H108V86Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M164.784 176L179 162.196L124.216 109L110 122.804L164.784 176Z" fill="black" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 858 B

After

Width:  |  Height:  |  Size: 895 B

Before After
Before After