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

Merge pull request #2 from KaizIqbal/dev

Browse source 
Dev
This commit is contained in:
Kaiz 2020-07-31 17:29:24 +05:30 • committed by GitHub
commit 9fead7796a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
53 changed files with 457 additions and 4498 deletions
Download patch file Download diff file Expand all files Collapse all files

10
.github/workflows/build.yml vendored
View file

@ -74,14 +74,8 @@ jobs:
name: bitmaps
path: bitmaps/*
- name: Uploading `macOS Big Sur` X11 artifact
- name: Uploading `macOS Big Sur` Packages artifact
uses: actions/upload-artifact@v2
with:
name: macOS Big Sur
path: packages/macOSBigSur.tar
- name: Uploading `macOS Big Sur` Windows artifact
uses: actions/upload-artifact@v2
with:
name: macOS Big Sur Windows
path: packages/macOSBigSur_Windows.zip
path: packages

6
README.md
View file

@ -1,6 +1,6 @@
<!-- Branding -->
<p align="center">
<img src="https://i.imgur.com/du3pIa7.png" width="120" alt="macOS Big Sur" />
<img src="https://imgur.com/17W62gp.png" width="120" alt="macOS Big Sur" />
</p>
<p align="center">
@ -9,7 +9,7 @@
<!-- Badges -->
<p align="center">
<a href="https://github.com/KaizIqbal/clickgen/actions?query=workflow%3Abuild">
<img alt="GitHub Action Build" src="https://github.com/KaizIqbal/clickgen/workflows/build/badge.svg?branch=master&event=push" />
<a href="https://github.com/KaizIqbal/apple_cursor/actions?query=workflow%3Abuild">
<img alt="GitHub Action Build" src="https://github.com/KaizIqbal/apple_cursor/workflows/build/badge.svg" />
</a>
</p>

4
config.py
View file

@ -1,8 +1,8 @@
import tempfile
# Build Config
delay = 30
name = "MacOS Big Sur"
delay = 50
name = "MacOSBigSur"
sizes = [24, 28, 32, 40, 48, 56, 65, 72, 80, 88, 96]
bitmaps_dir = "./bitmaps"

9
helper.py
View file

@ -1,6 +1,7 @@
import shutil
import sys
from config import name, temp_folder, win_out, x11_out
from config import name, temp_folder, bitmaps_dir, win_out, x11_out
from os import path, listdir
@ -11,10 +12,14 @@ win_out_dir = path.join(package_dir, win_out)
def init_build() -> None:
"""
Remove previously built packages.
Remove previously built packages && Check Bitmaps.
"""
if path.exists(package_dir):
shutil.rmtree(package_dir)
if not path.exists(bitmaps_dir):
print(
"⚠ BITMAPS NOT FOUND.\n\n`yarn install && yarn render` to Generates Bitmaps")
sys.exit(1)
def pack_it() -> None:

118
hotspots.json
View file

@ -1,61 +1,61 @@
{
"all_scroll": { "xhot": 50, "yhot": 30 },
"bd_double_arrow": { "xhot": 50, "yhot": 30 },
"bottom_left_corner": { "xhot": 50, "yhot": 30 },
"bottom_right_corner": { "xhot": 50, "yhot": 30 },
"bottom_side": { "xhot": 50, "yhot": 30 },
"bottom_tee": { "xhot": 50, "yhot": 30 },
"center_ptr": { "xhot": 50, "yhot": 30 },
"circle": { "xhot": 50, "yhot": 30 },
"context_menu": { "xhot": 50, "yhot": 30 },
"copy": { "xhot": 50, "yhot": 30 },
"cross": { "xhot": 50, "yhot": 30 },
"crossed_circle": { "xhot": 50, "yhot": 30 },
"crosshair": { "xhot": 50, "yhot": 30 },
"dnd_ask": { "xhot": 50, "yhot": 30 },
"dnd_copy": { "xhot": 50, "yhot": 30 },
"dnd_link": { "xhot": 50, "yhot": 30 },
"dnd_move": { "xhot": 50, "yhot": 30 },
"dnd_no_drop": { "xhot": 50, "yhot": 30 },
"dnd_none": { "xhot": 50, "yhot": 30 },
"dotbox": { "xhot": 50, "yhot": 30 },
"fd_double_arrow": { "xhot": 50, "yhot": 30 },
"grabbing": { "xhot": 50, "yhot": 30 },
"hand1": { "xhot": 50, "yhot": 30 },
"hand2": { "xhot": 50, "yhot": 30 },
"left_ptr": { "xhot": 50, "yhot": 30 },
"left_ptr_watch": { "xhot": 50, "yhot": 30 },
"left_side": { "xhot": 50, "yhot": 30 },
"left_tee": { "xhot": 50, "yhot": 30 },
"link": { "xhot": 50, "yhot": 30 },
"ll_angle": { "xhot": 50, "yhot": 30 },
"lr_angle": { "xhot": 50, "yhot": 30 },
"move": { "xhot": 50, "yhot": 30 },
"pencil": { "xhot": 50, "yhot": 30 },
"plus": { "xhot": 50, "yhot": 30 },
"pointer_move": { "xhot": 50, "yhot": 30 },
"question_arrow": { "xhot": 50, "yhot": 30 },
"right_ptr": { "xhot": 50, "yhot": 30 },
"right_side": { "xhot": 50, "yhot": 30 },
"right_tee": { "xhot": 50, "yhot": 30 },
"sb_down_arrow": { "xhot": 50, "yhot": 30 },
"sb_h_double_arrow": { "xhot": 50, "yhot": 30 },
"sb_left_arrow": { "xhot": 50, "yhot": 30 },
"sb_right_arrow": { "xhot": 50, "yhot": 30 },
"sb_up_arrow": { "xhot": 50, "yhot": 30 },
"sb_v_double_arrow": { "xhot": 50, "yhot": 30 },
"tcross": { "xhot": 50, "yhot": 30 },
"top_left_corner": { "xhot": 50, "yhot": 30 },
"top_right_corner": { "xhot": 50, "yhot": 30 },
"top_side": { "xhot": 50, "yhot": 30 },
"top_tee": { "xhot": 50, "yhot": 30 },
"ul_angle": { "xhot": 50, "yhot": 30 },
"ur_angle": { "xhot": 50, "yhot": 30 },
"vertical_text": { "xhot": 50, "yhot": 30 },
"wait": { "xhot": 50, "yhot": 30 },
"wayland_cursor": { "xhot": 50, "yhot": 30 },
"x_cursor": { "xhot": 50, "yhot": 30 },
"xterm": { "xhot": 50, "yhot": 30 },
"zoom_in": { "xhot": 50, "yhot": 30 },
"zoom_out": { "xhot": 50, "yhot": 30 }
"all_scroll": { "xhot": 100, "yhot": 100 },
"bd_double_arrow": { "xhot": 100, "yhot": 100 },
"bottom_left_corner": { "xhot": 100, "yhot": 100 },
"bottom_right_corner": { "xhot": 100, "yhot": 100 },
"bottom_side": { "xhot": 100, "yhot": 100 },
"bottom_tee": { "xhot": 141, "yhot": 99 },
"center_ptr": { "xhot": 61, "yhot": 100 },
"circle": { "xhot": 61, "yhot": 58 },
"context_menu": { "xhot": 61, "yhot": 58 },
"copy": { "xhot": 61, "yhot": 58 },
"cross": { "xhot": 100, "yhot": 100 },
"crossed_circle": { "xhot": 61, "yhot": 58 },
"crosshair": { "xhot": 100, "yhot": 100 },
"dnd_ask": { "xhot": 105, "yhot": 105 },
"dnd_copy": { "xhot": 61, "yhot": 58 },
"dnd_link": { "xhot": 61, "yhot": 105 },
"dnd_move": { "xhot": 99, "yhot": 70 },
"dnd_no_drop": { "xhot": 61, "yhot": 58 },
"dnd_none": { "xhot": 99, "yhot": 70 },
"dotbox": { "xhot": 100, "yhot": 100 },
"fd_double_arrow": { "xhot": 100, "yhot": 100 },
"grabbing": { "xhot": 99, "yhot": 70 },
"hand1": { "xhot": 100, "yhot": 100 },
"hand2": { "xhot": 43, "yhot": 68 },
"left_ptr": { "xhot": 61, "yhot": 58 },
"left_ptr_watch": { "xhot": 103, "yhot": 105 },
"left_side": { "xhot": 100, "yhot": 100 },
"left_tee": { "xhot": 100, "yhot": 58 },
"link": { "xhot": 61, "yhot": 105 },
"ll_angle": { "xhot": 141, "yhot": 58 },
"lr_angle": { "xhot": 141, "yhot": 138 },
"move": { "xhot": 99, "yhot": 70 },
"pencil": { "xhot": 141, "yhot": 58 },
"plus": { "xhot": 100, "yhot": 100 },
"pointer_move": { "xhot": 99, "yhot": 70 },
"question_arrow": { "xhot": 105, "yhot": 105 },
"right_ptr": { "xhot": 61, "yhot": 138 },
"right_side": { "xhot": 100, "yhot": 100 },
"right_tee": { "xhot": 100, "yhot": 138 },
"sb_down_arrow": { "xhot": 133, "yhot": 99 },
"sb_h_double_arrow": { "xhot": 100, "yhot": 100 },
"sb_left_arrow": { "xhot": 100, "yhot": 68 },
"sb_right_arrow": { "xhot": 100, "yhot": 138 },
"sb_up_arrow": { "xhot": 68, "yhot": 99 },
"sb_v_double_arrow": { "xhot": 100, "yhot": 100 },
"tcross": { "xhot": 100, "yhot": 100 },
"top_left_corner": { "xhot": 100, "yhot": 100 },
"top_right_corner": { "xhot": 100, "yhot": 100 },
"top_side": { "xhot": 100, "yhot": 100 },
"top_tee": { "xhot": 61, "yhot": 99 },
"ul_angle": { "xhot": 61, "yhot": 65 },
"ur_angle": { "xhot": 61, "yhot": 138 },
"vertical_text": { "xhot": 100, "yhot": 102 },
"wait": { "xhot": 103, "yhot": 105 },
"wayland_cursor": { "xhot": 100, "yhot": 100 },
"x_cursor": { "xhot": 100, "yhot": 100 },
"xterm": { "xhot": 97, "yhot": 97 },
"zoom_in": { "xhot": 76, "yhot": 78 },
"zoom_out": { "xhot": 76, "yhot": 78 }
}

BIN
images/apple.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 266 KiB

4
src/config.ts
View file

@ -1,6 +1,6 @@
import path from "path";
import fs from "fs";
import { staticCursors, animatedCursors } from "./cursors.json";
import { staticCursors, animatedCursors, animatedClip } from "./cursors.json";
// Source Directory
const svgsDir = path.resolve(__dirname, "svg");
@ -14,4 +14,4 @@ const staticSvgs = staticCursors.map((svg: string) =>
const bitmapsDir = path.resolve(process.cwd(), "bitmaps");
if (!fs.existsSync(bitmapsDir)) fs.mkdirSync(bitmapsDir);
export { staticSvgs, animatedCursors, svgsDir, bitmapsDir };
export { staticSvgs, animatedCursors, svgsDir, bitmapsDir, animatedClip };

10
src/cursors.json
View file

@ -60,10 +60,16 @@
],
"animatedCursors": {
"left_ptr_watch.svg": {
"frames": 18
"frames": 53
},
"wait.svg": {
"frames": 18
"frames": 53
}
},
"animatedClip": {
"x": 4,
"y": 4,
"width": 200,
"height": 200
}
}

2
src/helpers/htmlTemplate.ts
View file

@ -16,4 +16,4 @@ export const template = `
`;
export const generateRenderTemplate = (svg: string) =>
template.replace("<svginjection>", svg);
template.replace("<svginjection>", svg);

14
src/index.ts
View file

@ -3,7 +3,13 @@ import path from "path";
import puppeteer from "puppeteer";
import { generateRenderTemplate } from "./helpers/htmlTemplate";
import { staticSvgs, bitmapsDir, svgsDir, animatedCursors } from "./config";
import {
staticSvgs,
bitmapsDir,
svgsDir,
animatedCursors,
animatedClip,
} from "./config";
// --------------------------- Helpers
const frameNumber = (number: number, length: number) => {
@ -86,7 +92,11 @@ const frameNumber = (number: number, length: number) => {
const out = path.resolve(bitmapsDir, bitmap);
// Render
await svgElement.screenshot({ omitBackground: true, path: out });
await svgElement.screenshot({
omitBackground: true,
path: out,
clip: animatedClip,
});
// console.log(`${svg} frame ${frame}/${frames} rendered at ${out}`);
}

109
src/svg/README.md
View file

@ -1,57 +1,52 @@
X_cursor
all-scroll
bd_double_arrow
bottom_left_corner
bottom_right_corner
bottom_side
bottom_tee
context
copy
cross
crossed_circle
crosshair
dnd-ask
dnd-copy
dnd-link
dnd-move
dnd-none
dnd_no_drop
dotbox
fd_double_arrow
grabbing
hand
hand1
hand2
left_ptr
left_side
left_tee
link
ll_angle
lr_angle
move
pencil
plus
pointe
question_arrow
right_ptr
right_side
right_tee
sb_down_arrow
sb_h_double_arrow
sb_left_arrow
sb_right_arrow
sb_up_arrow
sb_v_double_arrow
tcross
top_left_corner
top_right_corner
top_side
top_tee
ul_angle
ur_angle
vertical-text
watch
xterm
wayland-cursor
zoom-in
zoom-out
# Cursor Source Info
## Symbolic Cursors
| Source | Symbolic links |
| :---------------------: | :-------------------------------------------------------------: |
| all_scroll.svg | `None` |
| bottom_left_corner.svg | `fd_double_arrow.svg` `top_right_corner.svg` |
| bottom_right_corner.svg | `bd_double_arrow.svg` `top_left_corner.svg` |
| bottom_tee.svg | `None` |
| center_ptr.svg | `None` |
| circle.svg | `crossed_circle.svg` `dnd_no_drop.svg` |
| context_menu.svg | `None` |
| copy.svg | `dnd_copy.svg` |
| cross.svg | `tcross.svg` |
| crosshair.svg | `None` |
| dotbox.svg | `None` |
| hand1.svg | `None` |
| hand2.svg | `None` |
| left_ptr.svg | `None` |
| left_side.svg | `right_side.svg` |
| left_tee.svg | `None` |
| link.svg | `dnd_link.svg` |
| ll_angle.svg | `None` |
| lr_angle.svg | `None` |
| move.svg | `dnd_move.svg` `dnd_none.svg` `grabbing.svg` `pointer_move.svg` |
| pencil.svg | `None` |
| plus.svg | `None` |
| question_arrow.svg | `dnd_ask.svg` |
| right_ptr.svg | `None` |
| right_tee.svg | `None` |
| sb_down_arrow.svg | `None` |
| sb_h_double_arrow.svg | `None` |
| sb_left_arrow.svg | `None` |
| sb_right_arrow.svg | `None` |
| sb_up_arrow.svg | `None` |
| sb_v_double_arrow.svg | `None` |
| top_side.svg | `bottom_side.svg` |
| top_tee.svg | `None` |
| ul_angle.svg | `None` |
| ur_angle.svg | `None` |
| vertical_text.svg | `None` |
| wait.svg | `left_ptr_watch.svg` |
| wayland_cursor.svg | `None` |
| x_cursor | `None` |
| xterm.svg | `None` |
| zoom_in.svg | `None` |
| zoom_out.svg | `None` |
## Figma File
[![Figma File](https://imgur.com/x7Gy0B9.png)](https://www.figma.com/file/OZw8Ylb9xPFw9h1uZYSMFa/Mac-Cursor?node-id=0%3A1)

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="M108.571 80H114.286V85.7143H108.571V80ZM114.286 114.286H108.571V108.571H114.286V114.286ZM85.7142 85.7143H79.9999V80H85.7142V85.7143ZM85.7142 114.286H79.9999V108.571H85.7142V114.286ZM97.1427 51.5029L51.5142 97.1486L81.3542 126.983L97.1427 142.771L142.766 97.1429L97.1427 51.5029Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.665 97.1263L120.054 81.0749V91.5263H97.1451H74.2822V81.0749L59.5908 97.1263L74.288 113.172L74.2822 102.841H97.1451H120.054L120.048 113.172L134.665 97.1263Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.785 97.1429H102.859V74.28L113.185 74.2857L97.1446 59.5943L81.0931 74.28H91.4303V97.1429H91.476V120.011L81.0303 120.006L97.0703 134.731L113.099 120.011H102.785V97.1429Z" 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: 999 B

After

Width:  |  Height:  |  Size: 967 B

Before After
Before After

4
src/svg/bottom_left_corner.svg
View file

@ -2,6 +2,6 @@
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M112.818 97.6395L89.5497 120.885L105.715 137.045L57.2983 136.971L57.224 88.5709L73.4583 104.811L96.744 81.5652L104.824 73.4794L88.5726 57.2394H137.064V105.719L120.893 89.5652L112.818 97.6395Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M106.758 95.6194L81.4605 120.899L91.9062 131.345L63.0148 131.254L62.9348 102.374L73.4605 112.894L98.7634 87.6251L112.901 73.4823L102.363 62.9509H131.352V91.928L120.895 81.4823L106.758 95.6194Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M122.166 100.748L87.776 135.701L111.668 160L40.1098 159.888L40 87.1116L63.9936 111.531L98.4088 76.5774L110.351 64.4193L86.3318 40H158V112.897L134.099 88.6066L122.166 100.748Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M113.333 97.7204L75.6191 135.422L91.1922 151L48.1193 150.864L48 107.793L63.6923 123.482L101.415 85.7981L122.492 64.7061L106.782 49H150V92.2151L134.41 76.6369L113.333 97.7204Z" fill="black"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 706 B

After

Width:  |  Height:  |  Size: 671 B

Before After
Before After

4
src/svg/bottom_right_corner.svg
View file

@ -2,6 +2,6 @@
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M81.4674 97.6395L104.736 120.885L88.5702 137.045L136.987 136.971L137.062 88.5709L120.827 104.811L97.5417 81.5652L89.4617 73.4794L105.713 57.2394H57.2217V105.719L73.3874 89.5652L81.4674 97.6395Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M87.528 95.6194L112.825 120.899L102.379 131.345L131.271 131.254L131.351 102.374L120.825 112.894L95.5223 87.6251L81.3851 73.4823L91.9223 62.9509H62.9337V91.928L73.3909 81.4823L87.528 95.6194Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M88.776 56.299L112.668 32L41.1098 32.1117L41 104.888L64.9936 80.4691L99.4088 115.423L111.351 127.581L87.3318 152H159V79.103L135.099 103.393L88.776 56.299Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.6191 56.5782L92.1922 41L49.1193 41.1363L49 84.2066L64.6923 68.5176L123.492 127.294L107.782 143H151V99.7849L135.41 115.363L76.6191 56.5782Z" fill="black"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 706 B

After

Width:  |  Height:  |  Size: 619 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="M65.8703 96.9223H85.7446V102.968H51.4303V125.717H142.859V102.968H108.539V96.9223H128.35L97.076 62.8538L65.8703 96.9223Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M137.143 108.683H102.857V91.3171H115.657L97.08 72.3457L78.6629 91.3171H91.5429V108.683H57.2571V119.889H137.143V108.683Z" 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: 561 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 -6.10352e-05H0V200H200V-6.10352e-05Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M65 131.995L96.2997 46L135.831 131.044L99.4197 117.791L96.9704 117.653L65 131.995Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M112.463 153.371L90.1054 154.568L86.637 85.8728L109.465 84.7376L112.463 153.371Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M106.633 147.109L95.2184 147.662L92.9841 102.007L104.384 101.444L106.633 147.109Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.965 60.8798L75.0991 120.956L96.643 111.369L99.2129 111.459L124.815 120.777L96.965 60.8798Z" 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: 814 B

After

Width:  |  Height:  |  Size: 827 B

Before After
Before After

2956
src/svg/circle.svg
View file

File diff suppressed because it is too large Load diff
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 63 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="M97.1428 139.827V142.855H148.571V85.7126H97.1428V88.1526V139.827Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M103.34 137.693L82.7401 146.464L55.9858 83.0983L77.0487 74.224L103.34 137.693Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M51.4285 133.839V42.3251L117.663 108.719H78.9142L76.5656 109.428L51.4285 133.839Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M137.143 108.571H108.571V102.857H137.143V108.571ZM137.143 120H108.571V114.286H137.143V120ZM137.143 131.429H108.571V125.714H137.143V131.429ZM102.857 137.143H142.857V91.4286H102.857V137.143Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M95.7199 133.803L85.1828 138.226L67.4685 96.0886L77.9885 91.66L95.7199 133.803Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.1428 56.08V120.011L74.1085 103.634L76.5543 102.84H103.8L57.1428 56.08Z" 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.1 KiB

After

Width:  |  Height:  |  Size: 1 KiB

Before After
Before After

1242
src/svg/copy.svg
View file

File diff suppressed because it is too large Load diff
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 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="M142.857 91.4286H108.514V57.1429H91.4857V91.4286H57.1428V108.571H91.4857V142.857H108.514V108.571H142.857V91.4286Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M137.087 97.2017H102.801V62.8588H97.2012V97.2017H62.9155V102.802H97.2012V137.145H102.801V102.802H137.087V97.2017Z" 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: 551 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="M131.429 100C131.429 117.354 117.354 131.429 100 131.429C82.6401 131.429 68.5715 117.354 68.5715 100C68.5715 82.64 82.6401 68.5714 100 68.5714C117.354 68.5714 131.429 82.64 131.429 100Z" fill="#231F1F"/>
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M131.429 100C131.429 117.354 117.354 131.429 100 131.429C82.6401 131.429 68.5715 117.354 68.5715 100C68.5715 82.64 82.6401 68.5714 100 68.5714C117.354 68.5714 131.429 82.64 131.429 100Z" stroke="#231F1F"/>
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M34.2856 102.857H97.1542V97.1429H34.2856V102.857Z" fill="#231F1F"/>
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M102.857 102.857H165.714V97.1429H102.857V102.857Z" fill="#231F1F"/>
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M97.1428 97.1428H102.857V34.2857H97.1428V97.1428Z" fill="#231F1F"/>
<path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M97.1428 165.714H102.857V102.857H97.1428V165.714Z" 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.2 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="M57 137H135V59H57V137ZM61.5882 63.5882H93.9926V72.6213H98.5809V63.5882H130.412V95.8493H121.809V100.438H130.412V132.412H98.5809V123.665H93.9926V132.412H61.5882V100.438H70.7647V95.8493H61.5882V63.5882Z" fill="black" stroke="white" stroke-width="10"/>
<path d="M57 137H135V59H57V137ZM61.5882 63.5882H93.9926V72.6213H98.5809V63.5882H130.412V95.8493H121.809V100.438H130.412V132.412H98.5809V123.665H93.9926V132.412H61.5882V100.438H70.7647V95.8493H61.5882V63.5882Z" fill="black"/>
<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: 674 B

After

Width:  |  Height:  |  Size: 889 B

Before After
Before After

10
src/svg/hand1.svg
View file

@ -2,9 +2,9 @@
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M77.461 100.424C76.901 98.2812 76.341 95.584 75.141 91.5555C74.1867 88.3726 73.1867 86.6469 72.4553 84.5097C71.5696 81.9097 70.7239 80.3897 69.621 77.7612C68.8267 75.8812 67.541 71.7726 67.0096 69.5326C66.3296 66.624 67.1982 64.2526 68.4039 62.6412C69.8496 60.704 73.901 59.8412 76.1582 60.6355C78.2782 61.3783 80.4096 63.5612 81.3925 65.1383C83.0382 67.7669 83.4325 68.7497 85.4896 73.9497C87.7353 79.6183 88.7125 84.9097 88.981 86.6983L89.4667 89.2812C89.461 89.0526 89.221 82.8697 89.2153 82.6412C89.0153 76.7612 88.8725 72.224 88.9982 65.8469C89.0096 65.1269 89.3639 62.4926 89.4782 61.7612C89.9239 58.904 91.221 57.1897 93.3239 56.1669C95.6782 55.0183 98.6153 54.9383 101.33 56.0697C103.747 57.0583 104.907 59.2126 105.255 61.9097C105.335 62.5326 105.792 67.5497 105.787 68.2355C105.712 74.0926 105.821 77.6126 105.872 80.6583C105.895 81.9783 105.89 89.944 105.97 89.0526C106.318 85.304 106.507 70.8297 107.935 66.5269C108.758 64.0526 110.25 62.264 112.472 61.2183C114.935 60.0583 118.832 60.8183 120.495 62.6069C122.124 64.3497 123.044 66.5612 123.25 69.1955C123.432 71.5097 123.141 74.3212 123.135 76.3097C123.135 81.264 123.015 83.8755 122.924 88.4297C122.918 88.6469 122.838 90.1326 123.055 89.4697C123.592 87.8697 124.13 86.3726 124.575 85.2126C124.855 84.4983 125.952 81.704 126.627 80.304C127.278 78.9669 127.832 78.1955 128.998 76.3726C130.141 74.584 131.37 73.8126 132.815 73.1669C135.901 71.824 139.152 73.8069 140.25 76.544C140.741 77.7726 140.301 80.6183 140.09 82.8583C139.741 86.5555 138.638 90.3212 138.078 92.2755C137.347 94.8297 136.512 99.3326 136.135 101.424C135.724 103.675 134.798 109.321 134.084 111.824C133.592 113.544 131.964 117.413 130.358 119.733C130.358 119.733 124.221 126.875 123.547 130.087C122.878 133.304 123.101 133.327 122.97 135.601C122.832 137.881 123.661 140.875 123.661 140.875C123.661 140.875 119.078 141.47 116.61 141.07C114.375 140.715 111.61 136.264 110.895 134.91C109.912 133.035 107.815 133.395 106.998 134.778C105.712 136.967 102.947 140.893 100.992 141.138C97.1753 141.618 89.2553 141.31 83.0553 141.253C83.0553 141.253 84.1125 135.475 81.7582 133.493C80.0153 132.007 77.0153 129.013 75.221 127.435L70.4667 122.173C68.8439 120.115 66.8725 115.927 63.3639 110.83C61.3753 107.95 57.4953 104.63 56.0267 101.807C54.7524 99.3783 54.1353 96.3555 54.941 94.2355C56.2267 90.8412 58.7982 89.1097 62.7239 89.4812C65.6896 89.7669 67.5696 90.6583 69.7982 92.5497C71.0839 93.6355 73.0724 95.6012 74.0839 96.824C75.0153 97.9383 75.2439 98.4012 76.2382 99.7326C77.5524 101.487 77.9639 102.355 77.461 100.424Z" stroke="black" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M77.4613 100.424C76.9013 98.2812 76.3413 95.584 75.1413 91.5555C74.187 88.3726 73.187 86.6469 72.4556 84.5097C71.5698 81.9097 70.7241 80.3897 69.6213 77.7612C68.827 75.8812 67.5413 71.7726 67.0098 69.5326C66.3298 66.624 67.1984 64.2526 68.4041 62.6412C69.8498 60.704 73.9013 59.8412 76.1584 60.6355C78.2784 61.3783 80.4098 63.5612 81.3927 65.1383C83.0384 67.7669 83.4327 68.7497 85.4898 73.9497C87.7356 79.6183 88.7127 84.9097 88.9813 86.6983L89.467 89.2812C89.4613 89.0526 89.2213 82.8697 89.2156 82.6412C89.0156 76.7612 88.8727 72.224 88.9984 65.8469C89.0098 65.1269 89.3641 62.4926 89.4784 61.7612C89.9241 58.904 91.2213 57.1897 93.3241 56.1669C95.6784 55.0183 98.6156 54.9383 101.33 56.0697C103.747 57.0583 104.907 59.2126 105.256 61.9097C105.336 62.5326 105.793 67.5497 105.787 68.2355C105.713 74.0926 105.821 77.6126 105.873 80.6583C105.896 81.9783 105.89 89.944 105.97 89.0526C106.318 85.304 106.507 70.8297 107.936 66.5269C108.758 64.0526 110.25 62.264 112.473 61.2183C114.936 60.0583 118.833 60.8183 120.496 62.6069C122.124 64.3497 123.044 66.5612 123.25 69.1955C123.433 71.5097 123.141 74.3212 123.136 76.3097C123.136 81.264 123.016 83.8755 122.924 88.4297C122.918 88.6469 122.838 90.1326 123.056 89.4697C123.593 87.8697 124.13 86.3726 124.576 85.2126C124.856 84.4983 125.953 81.704 126.627 80.304C127.278 78.9669 127.833 78.1955 128.998 76.3726C130.141 74.584 131.37 73.8126 132.816 73.1669C135.901 71.824 139.153 73.8069 140.25 76.544C140.741 77.7726 140.301 80.6183 140.09 82.8583C139.741 86.5555 138.638 90.3212 138.078 92.2755C137.347 94.8297 136.513 99.3326 136.136 101.424C135.724 103.675 134.798 109.321 134.084 111.824C133.593 113.544 131.964 117.413 130.358 119.733C130.358 119.733 124.221 126.875 123.547 130.087C122.878 133.304 123.101 133.327 122.97 135.601C122.833 137.881 123.661 140.875 123.661 140.875C123.661 140.875 119.078 141.47 116.61 141.07C114.376 140.715 111.61 136.264 110.896 134.91C109.913 133.035 107.816 133.395 106.998 134.778C105.713 136.967 102.947 140.893 100.993 141.138C97.1756 141.618 89.2556 141.31 83.0556 141.253C83.0556 141.253 84.1127 135.475 81.7584 133.493C80.0156 132.007 77.0156 129.013 75.2213 127.435L70.467 122.173C68.8441 120.115 66.8727 115.927 63.3641 110.83C61.3756 107.95 57.4956 104.63 56.027 101.807C54.7527 99.3783 54.1356 96.3555 54.9413 94.2355C56.227 90.8412 58.7984 89.1097 62.7241 89.4812C65.6898 89.7669 67.5698 90.6583 69.7984 92.5497C71.0841 93.6355 73.0727 95.6012 74.0841 96.824C75.0156 97.9383 75.2441 98.4012 76.2384 99.7326C77.5527 101.487 77.9641 102.355 77.4613 100.424Z" fill="white"/>
<path d="M117.522 124.197V104.431" stroke="black" stroke-width="4" stroke-linecap="round"/>
<path d="M106.005 124.263L105.913 104.418" stroke="black" stroke-width="4" stroke-linecap="round"/>
<path d="M94.5984 104.598L94.7184 124.175" stroke="black" stroke-width="4" stroke-linecap="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.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="20" 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.6 KiB

Before After
Before After

13
src/svg/hand2.svg
View file

@ -1,7 +1,10 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.18 122.171C74.5572 120.119 72.5857 115.925 69.0772 110.834C67.0886 107.954 62.1572 102.531 60.6886 99.7766C59.4143 97.3423 59.5514 96.2508 59.8543 94.2337C60.3914 90.6451 64.0714 87.8508 67.9972 88.228C70.9629 88.508 73.4772 90.468 75.74 92.3194C77.1057 93.4337 78.7857 95.5994 79.7972 96.8223C80.7286 97.9423 80.9572 98.4051 81.9514 99.7308C83.2657 101.485 83.6772 102.354 83.1743 100.422C82.7686 97.588 82.1057 92.748 81.1457 88.468C80.4143 85.2223 80.2372 84.7137 79.54 82.2223C78.8029 79.5708 78.4257 77.7137 77.7343 74.9023C77.2543 72.9137 76.3914 68.8508 76.1572 66.5651C75.8314 63.4394 75.66 58.3423 77.6657 55.9994C79.2372 54.1651 82.8429 53.6108 85.0772 54.7423C88.0029 56.2223 89.6657 60.4737 90.4257 62.1708C91.7914 65.2223 92.6372 68.748 93.3743 73.3766C94.3114 79.268 96.0372 87.4451 96.0943 89.1651C96.2314 87.0566 95.7057 82.6166 96.0714 80.5937C96.4029 78.7594 97.9457 76.628 99.8772 76.0508C101.511 75.5651 103.426 75.388 105.111 75.7366C106.9 76.1023 108.786 77.3823 109.489 78.588C111.557 82.1537 111.597 89.4394 111.683 89.0508C112.174 86.9023 112.089 82.028 113.306 79.9994C114.106 78.6623 116.146 77.4566 117.231 77.2623C118.911 76.9651 120.974 76.8737 122.74 77.2166C124.163 77.4966 126.089 79.188 126.609 79.9994C127.854 81.9651 128.563 87.5251 128.774 89.4737C128.86 90.2794 129.197 87.2337 130.449 85.268C132.769 81.6166 140.98 80.908 141.294 88.9194C141.437 92.6566 141.409 92.4851 141.409 94.9994C141.409 97.9537 141.34 99.7308 141.18 101.868C141.003 104.154 140.511 109.319 139.797 111.822C139.306 113.542 137.677 117.411 136.071 119.731C136.071 119.731 129.934 126.874 129.266 130.091C128.591 133.302 128.814 133.325 128.683 135.605C128.551 137.879 129.374 140.874 129.374 140.874C129.374 140.874 124.791 141.468 122.323 141.074C120.089 140.714 117.323 136.268 116.609 134.908C115.626 133.034 113.529 133.394 112.711 134.777C111.426 136.965 108.66 140.891 106.706 141.137C102.889 141.617 94.9686 141.314 88.7686 141.251C88.7686 141.251 89.8257 135.474 87.4714 133.491C85.7286 132.011 82.7286 129.011 80.9343 127.434L76.18 122.171Z" stroke="black" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.18 122.171C74.5572 120.119 72.5857 115.925 69.0772 110.834C67.0886 107.954 62.1572 102.531 60.6886 99.7766C59.4143 97.3423 59.5514 96.2509 59.8543 94.2337C60.3914 90.6452 64.0714 87.8509 67.9972 88.228C70.9629 88.508 73.4772 90.468 75.74 92.3194C77.1057 93.4337 78.7857 95.5994 79.7972 96.8223C80.7286 97.9423 80.9572 98.4052 81.9514 99.7309C83.2657 101.485 83.6772 102.354 83.1743 100.422C82.7686 97.588 82.1057 92.748 81.1457 88.468C80.4143 85.2223 80.2372 84.7137 79.54 82.2223C78.8029 79.5709 78.4257 77.7137 77.7343 74.9023C77.2543 72.9137 76.3914 68.8509 76.1572 66.5652C75.8314 63.4394 75.66 58.3423 77.6657 55.9994C79.2372 54.1652 82.8429 53.6109 85.0772 54.7423C88.0029 56.2223 89.6657 60.4737 90.4257 62.1709C91.7914 65.2223 92.6372 68.748 93.3743 73.3766C94.3114 79.268 96.0372 87.4452 96.0943 89.1652C96.2314 87.0566 95.7057 82.6166 96.0714 80.5937C96.4029 78.7594 97.9457 76.628 99.8772 76.0509C101.511 75.5652 103.426 75.388 105.111 75.7366C106.9 76.1023 108.786 77.3823 109.489 78.588C111.557 82.1537 111.597 89.4394 111.683 89.0509C112.174 86.9023 112.089 82.028 113.306 79.9994C114.106 78.6623 116.146 77.4566 117.231 77.2623C118.911 76.9652 120.974 76.8737 122.74 77.2166C124.163 77.4966 126.089 79.188 126.609 79.9994C127.854 81.9652 128.563 87.5252 128.774 89.4737C128.86 90.2794 129.197 87.2337 130.449 85.268C132.769 81.6166 140.98 80.908 141.294 88.9194C141.437 92.6566 141.409 92.4852 141.409 94.9995C141.409 97.9537 141.34 99.7309 141.18 101.868C141.003 104.154 140.511 109.319 139.797 111.822C139.306 113.542 137.677 117.411 136.071 119.731C136.071 119.731 129.934 126.874 129.266 130.091C128.591 133.302 128.814 133.325 128.683 135.605C128.551 137.879 129.374 140.874 129.374 140.874C129.374 140.874 124.791 141.468 122.323 141.074C120.089 140.714 117.323 136.268 116.609 134.908C115.626 133.034 113.529 133.394 112.711 134.777C111.426 136.965 108.66 140.891 106.706 141.137C102.889 141.617 94.9686 141.314 88.7686 141.251C88.7686 141.251 89.8257 135.474 87.4714 133.491C85.7286 132.011 82.7286 129.011 80.9343 127.434L76.18 122.171Z" fill="white"/>
<path d="M123.237 124.197V104.431" stroke="black" stroke-width="4" stroke-linecap="round"/>
<path d="M111.719 124.263L111.627 104.418" stroke="black" stroke-width="4" stroke-linecap="round"/>
<path d="M100.313 104.598L100.433 124.175" stroke="black" stroke-width="4" 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="20" 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.6 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="M68.5715 139.554V48.0394L134.806 114.434H96.0572L93.7087 115.142L68.5715 139.554Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M120.483 143.407L99.8829 152.178L73.1287 88.8125L94.1915 79.9383L120.483 143.407Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M112.863 139.517L102.326 143.94L84.6113 101.803L95.1313 97.3743L112.863 139.517Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.2856 61.7943V125.726L91.2514 109.349L93.6971 108.554H120.943L74.2856 61.7943Z" 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: 778 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="M51.4286 102.804V102.833L85.6972 137.095L85.7029 114.244H97.1257H108.669V137.101L142.84 102.81L108.669 68.5297L108.674 91.4954L97.1257 91.5068H85.6972L85.7029 68.524L51.4286 102.804ZM59.4914 102.821L79.9886 82.3183L79.9829 97.1011H99.9829H114.389V82.3297L134.76 102.821L114.394 123.307L114.389 108.535H99.9829L79.9886 108.53L79.9829 123.307L59.4914 102.821Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M99.9835 108.533H114.389V123.31L134.761 102.818L114.389 82.3326V97.2183H99.9835H79.9835V82.3211L59.4921 102.818L79.9835 123.31V108.527L99.9835 108.533Z" 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: 831 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="M74.2886 51.4286V142.857H97.0314V108.537H103.083V128.349L137.146 97.0743L103.083 65.8686V85.7429H97.0314V51.4286H74.2886Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M91.4286 137.031V102.746H108.686V115.66L127.657 97.0771L108.686 78.66V91.54H91.4286V57.2543H80.1143V137.031H91.4286Z" 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: 560 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="M125.714 57.5892L67.1428 58.0349L87.1085 75.8635C85.4571 77.6463 84.0971 79.1263 83.84 79.4635C82.9485 80.6235 79.3771 85.892 78.3028 88.1263C77.2343 90.3549 75.0914 96.0692 74.4628 99.732C73.8914 103.098 73.9257 109.195 74.0171 111.783C74.1028 114.201 74.9314 118.972 75.7143 121.161C76.9657 124.641 77.68 126.521 79.2857 129.018C81.0914 131.829 82.6743 133.401 85.1771 135.806C87.4114 137.949 97.68 142.858 97.68 142.858C96.0685 140.806 93.0343 134.909 92.32 132.858C91.9428 131.772 90.9543 126.509 90.7143 124.109C90.4457 121.429 90.2685 117.681 90.3543 115.001C90.4343 112.663 90.9371 110.378 91.52 108.303C92.1428 106.069 93.9657 103.121 95.4457 101.069C96.6057 99.4634 98.0057 97.8006 100 95.892C101.451 94.4977 103.149 93.0177 104.88 91.7377L125.537 110.178L125.714 57.5892Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M119.799 98.5154L119.776 63.1783L84.5702 63.2011L94.8445 73.4983C94.0559 74.3326 92.9817 75.4697 92.3474 76.264C90.7645 78.2469 89.8159 79.3326 88.8616 80.4469C88.1874 81.2354 87.3645 82.2583 86.7074 83.1554C85.7988 84.3954 85.1074 85.6126 84.6445 86.4411C84.0102 87.5611 83.3531 89.0697 82.5474 90.7269C81.4274 93.0354 81.0502 94.9897 80.7245 96.3383C80.5016 97.2526 79.9816 99.6011 79.7759 101.784C79.6159 103.441 79.7302 105.35 79.7302 106.121C79.7302 107.47 79.5931 109.093 79.8845 111.721C80.1531 114.127 81.5759 119.441 82.6388 121.561C83.5302 123.35 85.2788 126.875 85.2788 126.875C85.2788 126.875 84.3074 118.201 84.6159 113.818C84.7988 111.315 85.9588 107.058 87.4331 103.944C87.6902 103.413 87.7359 102.744 88.4959 101.533C89.0845 100.607 89.8674 99.3268 90.5245 98.2868C91.7474 96.3611 94.2616 93.2869 94.8616 92.4869C95.8274 91.2011 98.6331 88.6469 100.222 87.2469C101.033 86.5326 103.039 84.8526 104.753 83.4297L119.799 98.5154Z" 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="M84.7349 93.3874L68.5749 77.2217L68.5692 125.707L117.055 125.713L100.901 109.553L129.181 81.2617L113.032 65.1132L84.7349 93.3874Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M121.099 81.2611L92.8195 109.547L103.265 119.998L74.288 119.993V91.0154L84.7395 101.467L113.031 73.1926L121.099 81.2611Z" 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: 572 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="M65.1115 81.2583L93.3915 109.555L77.2315 125.715H125.717V77.224L109.551 93.3897L81.2715 65.0983L65.1115 81.2583Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M81.2726 73.1805L109.553 101.466L119.998 91.0148V119.998H91.0269L101.473 109.546L73.1926 81.2605L81.2726 73.1805Z" 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: 548 B

After

Width:  |  Height:  |  Size: 557 B

Before After
Before After

10
src/svg/move.svg
View file

@ -2,9 +2,9 @@
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M77.5611 68.7777C80.304 67.7606 85.7154 68.3834 87.144 71.4806C88.3611 74.1206 89.4068 78.572 89.464 77.6234C89.6011 75.5149 89.3268 70.9549 90.2468 68.572C90.9154 66.8349 92.2297 65.2006 94.1668 64.6234C95.7954 64.132 97.7097 63.9606 99.4011 64.3092C101.19 64.6749 103.07 65.9492 103.773 67.1606C105.841 70.7206 105.875 78.012 105.973 77.6234C106.338 76.0692 106.373 70.6006 107.59 68.572C108.395 67.2292 110.43 66.0292 111.515 65.8349C113.195 65.5377 115.264 65.4463 117.024 65.7892C118.447 66.0692 120.373 67.7549 120.893 68.572C122.144 70.5377 122.847 76.092 123.058 78.0463C123.15 78.852 123.481 75.8006 124.733 73.8406C127.053 70.1892 135.27 69.4806 135.578 77.492C135.727 81.2292 135.693 81.0577 135.693 83.572C135.693 86.5206 135.624 88.3034 135.464 90.4406C135.293 92.7206 134.801 97.892 134.087 100.395C133.595 102.115 131.967 105.983 130.355 108.303C130.355 108.303 124.218 115.446 123.55 118.658C122.881 121.875 123.104 121.898 122.967 124.172C122.835 126.452 123.658 129.446 123.658 129.446C123.658 129.446 119.081 130.041 116.607 129.641C114.373 129.286 111.607 124.841 110.893 123.481C109.91 121.606 107.813 121.966 106.995 123.349C105.715 125.538 102.944 129.463 100.995 129.709C97.1726 130.189 89.2526 129.881 83.0526 129.823C83.0526 129.823 84.1097 124.046 81.7554 122.063C80.0126 120.578 77.0126 117.583 75.2183 116.006L70.464 110.743C68.8468 108.686 64.7383 105.435 63.3611 99.4006C62.144 94.052 62.264 91.4292 63.5726 89.2863C64.8983 87.1092 67.4011 85.9206 68.4526 85.7149C69.6411 85.4749 72.4068 85.492 73.4526 86.0692C74.7268 86.772 75.2411 86.9777 76.2411 88.3034C77.5554 90.0577 78.024 90.9092 77.4583 88.9949C77.024 87.4977 75.6183 85.5949 74.9783 83.452C74.3554 81.3892 72.6868 78.0634 72.8068 74.732C72.8526 73.4692 73.3954 70.3263 77.5611 68.7777Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M77.5611 68.7777C80.304 67.7606 85.7154 68.3834 87.144 71.4806C88.3611 74.1206 89.4068 78.572 89.464 77.6234C89.6011 75.5149 89.3268 70.9549 90.2468 68.572C90.9154 66.8349 92.2297 65.2006 94.1668 64.6234C95.7954 64.132 97.7097 63.9606 99.4011 64.3092C101.19 64.6749 103.07 65.9492 103.773 67.1606C105.841 70.7206 105.875 78.012 105.973 77.6234C106.338 76.0692 106.373 70.6006 107.59 68.572C108.395 67.2292 110.43 66.0292 111.515 65.8349C113.195 65.5377 115.264 65.4463 117.024 65.7892C118.447 66.0692 120.373 67.7549 120.893 68.572C122.144 70.5377 122.847 76.092 123.058 78.0463C123.15 78.852 123.481 75.8006 124.733 73.8406C127.053 70.1892 135.27 69.4806 135.578 77.492C135.727 81.2292 135.693 81.0577 135.693 83.572C135.693 86.5206 135.624 88.3034 135.464 90.4406C135.293 92.7206 134.801 97.892 134.087 100.395C133.595 102.115 131.967 105.983 130.355 108.303C130.355 108.303 124.218 115.446 123.55 118.658C122.881 121.875 123.104 121.898 122.967 124.172C122.835 126.452 123.658 129.446 123.658 129.446C123.658 129.446 119.081 130.041 116.607 129.641C114.373 129.286 111.607 124.841 110.893 123.481C109.91 121.606 107.813 121.966 106.995 123.349C105.715 125.538 102.944 129.463 100.995 129.709C97.1726 130.189 89.2526 129.881 83.0526 129.823C83.0526 129.823 84.1097 124.046 81.7554 122.063C80.0126 120.578 77.0126 117.583 75.2183 116.006L70.464 110.743C68.8468 108.686 64.7383 105.435 63.3611 99.4006C62.144 94.052 62.264 91.4292 63.5726 89.2863C64.8983 87.1092 67.4011 85.9206 68.4526 85.7149C69.6411 85.4749 72.4068 85.492 73.4526 86.0692C74.7268 86.772 75.2411 86.9777 76.2411 88.3034C77.5554 90.0577 78.024 90.9092 77.4583 88.9949C77.024 87.4977 75.6183 85.5949 74.9783 83.452C74.3554 81.3892 72.6868 78.0634 72.8068 74.732C72.8526 73.4692 73.3954 70.3263 77.5611 68.7777Z" stroke="black" stroke-width="4" stroke-linejoin="round"/>
<path d="M117.522 112.768V93.0023" stroke="black" stroke-width="4" stroke-linecap="round"/>
<path d="M106.005 112.835L105.913 92.9892" stroke="black" stroke-width="4" stroke-linecap="round"/>
<path d="M94.5984 93.1697L94.7184 112.747" stroke="black" stroke-width="4" stroke-linecap="round"/>
<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="12" 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="M121.151 59L117.709 62.4988L115.989 64.2482L71.9875 108.867L71.5597 109.533L71.531 109.572C71.0847 110.284 70.0425 112.069 68.4505 115.305C66.8459 118.566 64.8665 123.014 63.2499 128.111L59 141.536L72.4247 137.286C77.5268 135.669 81.9715 133.689 85.2314 132.086C88.4655 130.495 90.2364 129.462 90.9645 129.005L91.0024 128.976L91.6679 128.548L141.535 79.3845L121.151 59Z" fill="white"/>
<path d="M121.179 65.9121L119.459 67.6615L75.7999 111.938L75.6572 112.157C75.3564 112.637 74.3421 114.347 72.8144 117.453C71.2868 120.558 69.4065 124.801 67.8896 129.584L66.4729 134.062L70.951 132.646C75.738 131.128 79.9778 129.248 83.0826 127.721C86.1875 126.193 87.8873 125.186 88.3783 124.878L88.5969 124.735L134.623 79.3558L121.179 65.9121ZM80.5441 114.058L86.4769 119.991L85.6116 120.847C85.6457 120.823 83.769 121.953 80.9339 123.347C79.8912 123.86 78.3273 124.431 76.8742 124.992L75.5431 123.661C76.1045 122.208 76.6749 120.644 77.1879 119.601C78.583 116.766 79.7071 114.9 79.6884 114.924L80.5441 114.058Z" 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.2 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="M108.526 137.143H85.783V57.1429H108.526V137.143Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.1428 85.7429H137.057V108.486H57.1428V85.7429Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.68 131.429H91.4285V62.9371H102.68V131.429Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M62.9485 91.6057H131.331V102.857H62.9485V91.6057Z" 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: 648 B

After

Width:  |  Height:  |  Size: 580 B

Before After
Before After

8
src/svg/question_arrow.svg
View file

@ -2,8 +2,8 @@
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M81.8022 68.2337C85.265 65.4452 91.6879 63.2337 97.1508 63.1995C105.802 63.148 110.356 65.8052 114.442 69.7766C118.374 73.5995 120.179 77.5023 119.888 83.4909C119.654 88.3652 118.362 91.1937 116.436 93.8395C115.305 95.4452 113.139 97.5023 109.934 99.9995L106.888 102.457C105.002 104.285 104.179 105.102 103.459 107.142C102.922 108.662 102.796 110.034 102.768 112.411H91.4708C91.4536 106.605 91.3622 104.554 91.985 102.051C92.5965 99.6166 94.8536 97.8566 98.0593 95.3595L101.305 92.8109C102.379 92.0109 104.128 90.4452 104.779 89.4909C105.968 87.8566 106.688 85.5937 106.785 83.6337C106.876 81.788 106.322 79.6395 104.819 77.7652C103.036 75.5366 100.802 74.1195 96.4479 74.3137C93.0136 74.468 90.385 76.2166 88.7793 77.868C86.8936 79.8109 86.0708 83.0337 85.9336 85.5823H74.6365C74.9908 77.1023 76.6593 72.3709 81.8022 68.2337Z" stroke="white" stroke-width="2" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M90.0115 119.217H104.149V132.903H90.0115V119.217Z" stroke="white" stroke-width="1.5" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M82.9462 68.1194C86.9291 65.5537 90.6148 63.5823 96.8091 63.5823C106.049 63.5823 108.14 64.9651 112.878 68.748C117.163 72.1708 119.775 76.6108 119.775 82.9194C119.775 86.788 117.695 90.9651 115.763 93.6109C114.638 95.2166 113.14 96.8108 109.935 99.3137L106.438 101.999C104.723 103.337 103.02 105.359 102.455 107.142C102.1 108.274 102.123 110.702 102.1 113.079H91.4719C91.6491 108.051 91.6662 103.908 92.4376 101.988C93.2091 100.068 95.1976 97.8566 98.4034 95.3594L101.529 92.8108C102.598 92.0108 104.243 90.788 104.895 89.8337C106.083 88.1994 107.118 85.828 107.118 83.8623C107.118 81.5994 107.243 79.9994 105.923 78.1366C104.38 75.9766 102.975 73.5994 96.3348 73.4851C91.1634 73.3937 88.9576 76.0394 87.5233 78.3251C86.0833 80.6223 85.5919 83.228 85.5919 85.6966H74.2891C74.6491 77.2166 77.3805 71.6623 82.9462 68.1194Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M91.5029 120.091H102.812V131.429H91.5029V120.091Z" fill="black" />
<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.2 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="M0 0H200V200H0V0Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M133.234 139.514V48L67.0001 114.394H105.749L108.097 115.103L133.234 139.514Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M81.323 143.367L101.923 152.139L128.677 88.7731L107.614 79.8988L81.323 143.367Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M88.9432 139.478L99.4803 143.901L117.195 101.763L106.675 97.3348L88.9432 139.478Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M127.52 61.7549V125.686L110.555 109.309L108.109 108.515H80.8631L127.52 61.7549Z" 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: 768 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="M102.971 51.4286V85.7486H97.1429V63.6572L62.8571 97.2114L97.1429 130.869V108.543H102.971V142.857H125.714V51.4286H102.971Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M108.571 57.1428V91.4285H91.3143V78.6285L72.3429 97.2057L91.3143 115.623V102.743H108.571V137.029H119.886V57.1428H108.571Z" 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: 565 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="M85.72 62.86L85.7143 102.854H62.8572L97.1372 137.146L131.429 102.854H108.571V62.86H85.72Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.857 68.5714V108.571H117.634L97.1429 129.063L76.6515 108.571H91.4286L91.4343 68.5714H102.857Z" 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: 509 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="M85.7142 51.4286V85.7486H79.8799V65.9429L45.7142 97.2114L79.8799 128.417V108.543H85.7142V142.857H85.8285H108.463V108.537H114.509V128.349L148.571 97.0743L114.509 65.8686V85.7429H108.463V51.4286H85.7142Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M139.085 97.0788L120.113 78.6617V91.5417H102.856V57.4845H102.747V57.3702H91.656V91.656H74.1703V78.6274L55.1989 97.2045L74.1703 115.627V102.747H91.656V137.033H91.7703H102.747H102.856V102.747H120.113V115.656L139.085 97.0788Z" 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: 746 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="M62.8572 97.1428L97.1372 131.434L97.1429 108.571H137.143V85.7371L97.1429 85.7257V62.8571L62.8572 97.1428Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M131.429 102.857H91.4286V117.64L70.9371 97.1429L91.4286 76.6572V91.4343L131.429 91.4514V102.857Z" 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: 524 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="M102.857 131.429L137.143 97.1428L102.857 62.8571V85.7143H62.8572V108.571H102.857V131.429Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5714 91.4286H108.571V76.6514L129.063 97.1429L108.571 117.634V102.857H68.5714V91.4286Z" 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: 501 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="M131.429 91.4286L97.1429 57.1429L62.8572 91.4286H85.7143V131.429H108.571V91.4286H131.429Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M91.4285 125.714V85.7143H76.6514L97.1428 65.2228L117.634 85.7143H102.857V125.714H91.4285Z" 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: 501 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="M97.076 45.7142L65.8703 79.7828H85.7446V85.7142H51.4303V85.8228V108.349V108.463H85.7446V114.509H65.9389L97.2074 148.571L128.419 114.509H108.545V108.463H142.859V85.7142H108.539V79.7828H128.35L97.076 45.7142Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M136.919 91.5401H102.742V74.1743H115.657L97.0794 55.2086L78.6623 74.1743H91.5423V91.5401H57.3709H57.2566V102.746H57.3709H91.6566V120.111H78.628L97.2052 139.083L115.622 120.111H102.748V102.746H136.919H137.034V91.5401H136.919Z" 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: 753 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="M97.1428 51.4286L62.8571 85.6H85.7143V97.1429V108.571H62.8571L97.1428 142.857L131.429 108.571H108.571V97.1429V85.6H131.429L97.1428 51.4286ZM97.1428 59.5086L117.634 79.8914H102.857V94.2914V114.286H117.634L97.1428 134.777L76.6514 114.286H91.4285V94.2914V79.8914H76.6514L97.1428 59.5086Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.857 94.2857V79.8857H117.634L97.1429 59.5086L76.6514 79.8857H91.4286V94.2857V114.286H76.6514L97.1429 134.777L117.634 114.286H102.857V94.2857Z" 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: 752 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="M51.4286 74.2886V97.0314H85.7486V103.083H65.9429L97.2114 137.146L128.417 103.083H108.543V97.0314H142.857V74.2886H51.4286Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.1429 91.3143H91.4286V108.686H78.6286L97.2057 127.657L115.623 108.686H102.743V91.3143H137.029V80.1143H57.1429V91.3143Z" 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: 565 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="M68.5714 68.5714V117.057L84.7371 100.891L113.029 129.171L129.183 113.017L100.897 84.7371L117.063 68.5714H68.5714Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M113.025 121.094L84.7332 92.8137L74.2875 103.259V74.2823H103.265L92.8132 84.7337L121.105 113.014L113.025 121.094Z" 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: 549 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="M125.714 117.065V68.5731H77.2286L93.3943 84.7388L65.1086 113.025L81.2686 129.185L109.554 100.899L125.714 117.065Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M73.1891 113.025L101.475 84.7331L91.0292 74.2874H120.006V103.265L109.555 92.8131L81.2692 121.105L73.1891 113.025Z" 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: 549 B

After

Width:  |  Height:  |  Size: 555 B

Before After
Before After

6
src/svg/vertical_text.svg
View file

@ -1,3 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M139.653 119.409H145.367C145.839 111.646 142.329 104.175 136.053 99.5808C142.329 94.9866 145.839 87.516 145.367 79.7522H139.653C140.604 87.2254 136.231 94.3548 129.139 96.8951L99.9959 96.8951V91.1808H94.2816V96.8951L70.5102 96.8951C63.4323 94.3371 59.0675 87.2206 59.9959 79.7522H54.2816C53.8634 87.5057 57.3613 94.9523 63.5959 99.5808C57.3613 104.209 53.8634 111.656 54.2816 119.409H59.9959C59.2355 112.061 63.5689 105.137 70.5102 102.609L94.3959 102.609V108.324H100.11V102.609L129.139 102.609C136.094 105.12 140.435 112.056 139.653 119.409Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path d="M156.435 129.133L156.028 133H159.916H168.441H171.74L171.935 129.706C172.306 123.427 171.088 117.156 168.393 111.47C166.337 107.133 163.474 103.243 159.968 100C163.474 96.7572 166.337 92.8672 168.393 88.5304C171.088 82.8441 172.306 76.5729 171.935 70.2935L171.74 67H168.441H159.916H155.927L156.445 70.9551C157.654 80.1742 152.303 89.1443 143.604 92.5043H104.251V87.5029V84.0029H100.751H92.2261H88.7261V87.5029V92.5043H57.4001C48.693 89.07 43.4088 80.1669 44.5489 70.9287L45.0338 67H41.0753H32.5501H29.2343L29.0552 70.311C28.7167 76.5692 29.9381 82.8132 32.6098 88.485C34.6559 92.8286 37.5035 96.7327 40.9903 100C37.5035 103.267 34.6559 107.171 32.6098 111.515C29.9381 117.187 28.7167 123.431 29.0552 129.689L29.2343 133H32.5501H41.0753H44.9573L44.5566 129.139C44.086 124.604 45.1476 120.041 47.5742 116.174C49.896 112.475 53.3409 109.615 57.4024 108.006H88.8114V113.007V116.507H92.3114H100.837H104.337V113.007V108.006H143.515C147.6 109.591 151.069 112.445 153.407 116.149C155.848 120.017 156.914 124.59 156.435 129.133Z" fill="white" stroke="white" stroke-width="7"/>
<path d="M159.916 129.5H168.441C168.777 123.808 167.673 118.123 165.23 112.969C162.787 107.814 159.083 103.354 154.46 100C159.083 96.6459 162.787 92.1863 165.23 87.0314C167.673 81.8765 168.777 76.1918 168.441 70.5H159.916C161.365 81.5519 154.801 92.2637 144.23 96.0043H100.751V87.5029H92.2261V96.0043H56.7615C46.1904 92.1787 39.7113 81.5519 41.0753 70.5H32.5501C32.2429 76.1792 33.3513 81.8458 35.7761 86.9935C38.201 92.1413 41.8668 96.6098 46.4461 100C41.8668 103.39 38.201 107.859 35.7761 113.006C33.3513 118.154 32.2429 123.821 32.5501 129.5H41.0753C40.5239 124.187 41.7679 118.842 44.6096 114.314C47.4514 109.786 51.7283 106.334 56.7615 104.506H92.3114V113.007H100.837V104.506H144.144C149.202 106.306 153.507 109.749 156.367 114.282C159.227 118.814 160.477 124.174 159.916 129.5Z" fill="black"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 675 B

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

66
src/svg/wait.svg
View file

@ -1,12 +1,58 @@
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="200px" height="200px" viewBox="-36 -39 200 200" xml:space="preserve" smiling="fake">
<script type="text/ecmascript" xlink:href="//faviconer.net/jscripts/smil.user.js" />
<g transform="scale(1.2)">
<path d="M.6 57.54c5.73-6.23 17.33-15.5 33.66-12.35C55.4 48.5 64 63.95 64 63.95S42.42 65 30.28 83.63a38.63 38.63 0 0 0-3.4 32.15 64.47 64.47 0 0 1-5.52-4.44A63.64 63.64 0 0 1 .6 57.54z" fill="#ffcb02" />
<path d="M65.32 29.05c7.65 19.98-1.44 35.18-1.44 35.18S52.2 46.05 30.03 44.85A38.6 38.6 0 0 0 .56 57.93 63.8 63.8 0 0 1 37.56 6c8.2 1.8 22.26 7.16 27.76 23.05z" fill="#ff9e02" />
<path d="M94.92 47.7c-13.48 16.63-31.2 16.36-31.2 16.36s9.92-19.2-.13-39a38.6 38.6 0 0 0-26.18-19 63.78 63.78 0 0 1 63.52 6.03c2.56 8 4.98 22.85-6.05 35.6z" fill="#ff4b42" />
<path d="M93.52 82.53C72.38 79.17 63.75 63.7 63.75 63.7s21.6-1.02 33.7-19.63a38.6 38.6 0 0 0 3.43-32.04 64.33 64.33 0 0 1 5.74 4.6 63.63 63.63 0 0 1 20.82 53.26c-5.62 6.2-17.34 15.8-33.94 12.6z" fill="#c063d6" />
<path d="M62.5 99c-7.65-19.98 1.44-35.17 1.44-35.17S75.56 81.6 97.74 82.8a39.1 39.1 0 0 0 29.73-13.03 63.8 63.8 0 0 1-37.16 52.3c-8.2-1.8-22.25-7.15-27.8-23.06z" fill="#17a4f6" />
<path d="M26.64 115.63C24 107.6 21.6 93.06 32.5 80.5c13.48-16.62 31.58-16.55 31.58-16.55s-9.6 19.06.44 38.86a38.82 38.82 0 0 0 26.05 19.17 63.78 63.78 0 0 1-63.93-6.3z" fill="#4fca24" />
<animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1s" repeatCount="indefinite" />
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Main Group -->
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<!-- Animation -->
<animateTransform attributeType="xml" attributeName="transform" type="rotate" values="0 0 0; 360 0 0" dur="1s"
additive="sum" repeatCount="indefinite" />
<!-- Paths -->
<path
d="M77.2817 23.2292C84.4897 21.1272 92.1133 20 100 20C122.213 20 142.339 28.9418 156.972 43.4224C156.991 44.0126 157 44.6052 157 45.2C157 76.0175 131.563 101 100.5 101C116.032 74.3113 107.07 40.1846 80.1694 24.7758C79.2158 24.2295 78.2529 23.7141 77.2817 23.2292Z"
fill="url(#paint0_linear)" />
<path
d="M178.376 121.527C180.089 114.971 181 108.092 181 101C181 78.1821 171.565 57.568 156.384 42.8459C156.395 43.3077 156.4 43.7709 156.4 44.2352C156.4 75.8094 131.649 101 100.5 101C116.074 128.344 150.068 138.118 177.044 122.331C177.493 122.068 177.938 121.8 178.376 121.527Z"
fill="url(#paint1_linear)" />
<path
d="M121.609 179.086C121.44 178.989 121.271 178.891 121.102 178.792C94.2291 163.067 85.0216 128.238 100.537 101C116.052 128.238 150.414 137.57 177.287 121.844C177.689 121.609 178.087 121.37 178.48 121.127C171.303 149.194 149.466 171.393 121.609 179.086Z"
fill="url(#paint2_linear)" />
<path
d="M44.0405 159.562C44.0137 158.845 44 158.124 44 157.4C44 126.251 69.437 101 100.5 101C84.9683 127.976 93.9297 162.469 120.831 178.044C121.328 178.332 121.829 178.612 122.331 178.883C115.237 180.913 107.746 182 100 182C78.2944 182 58.583 173.463 44.0405 159.562Z"
fill="url(#paint3_linear)" />
<path
d="M44.208 159.722C28.6807 144.964 19 124.113 19 101C19 94.5672 19.75 88.3095 21.167 82.3097C22.0171 81.7422 22.8867 81.1949 23.7759 80.6689C50.4644 64.8818 85.0913 73.656 100.5 101C69.6826 101 44.2002 127.191 44.2002 158.765C44.2002 159.084 44.2031 159.403 44.208 159.722Z"
fill="url(#paint4_linear)" />
<path
d="M77.939 23.0405C77.7771 23.0862 77.6155 23.1324 77.454 23.1791C54.4217 29.8452 35.433 46.8615 25.7403 68.599C23.8121 73.0119 22.2658 77.6298 21.1431 82.411C21.1431 82.411 21.143 82.411 21.1431 82.411C21.151 82.3772 21.159 82.3434 21.167 82.3097C22.0171 81.7422 22.8867 81.1949 23.7759 80.6689C50.4539 64.888 85.0641 73.6491 100.482 100.968C115.971 74.0552 106.76 39.6574 79.8979 24.1228C79.249 23.7477 78.5962 23.387 77.939 23.0405Z"
fill="url(#paint5_linear)" />
<!-- Linear Gredients for Each Shapes -->
<defs>
<linearGradient id="paint0_linear" x1="108" y1="8" x2="108" y2="101" gradientUnits="userSpaceOnUse">
<stop stop-color="#FBB114" />
<stop offset="1" stop-color="#FF9508" />
</linearGradient>
<linearGradient id="paint1_linear" x1="147" y1="22" x2="147" y2="130" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF645D" />
<stop offset="1" stop-color="#FF4332" />
</linearGradient>
<linearGradient id="paint2_linear" x1="143.5" y1="101" x2="143.5" y2="186" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA70E1" />
<stop offset="1" stop-color="#B452CB" />
</linearGradient>
<linearGradient id="paint3_linear" x1="93" y1="101" x2="93" y2="195" gradientUnits="userSpaceOnUse">
<stop stop-color="#14ADF6" />
<stop offset="1" stop-color="#1191F4" />
</linearGradient>
<linearGradient id="paint4_linear" x1="53.5" y1="73" x2="53.5" y2="181" gradientUnits="userSpaceOnUse">
<stop stop-color="#52CF30" />
<stop offset="1" stop-color="#3BBD1C" />
</linearGradient>
<linearGradient id="paint5_linear" x1="57.5" y1="17" x2="57.5" y2="101" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFD305" />
<stop offset="1" stop-color="#FDCF01" />
</linearGradient>
</defs>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

Before After
Before After

7
src/svg/wayland_cursor.svg
View file

@ -1,4 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M144 100.451C144 123.904 124.977 142.901 101.492 142.901C78.0076 142.901 58.9846 123.904 58.9846 100.451C58.9846 76.9975 78.0076 58 101.492 58C124.977 58 144 77.032 144 100.451Z" fill="black"/>
<path d="M123.991 58.4628H124.719L124.244 59.0287H123.959V58.4628H123.991ZM69.2054 59.8209V60.4622L67.432 63.0276H67.147L66.862 61.0281C67.9387 60.2359 68.6988 59.8209 69.2054 59.8209ZM133.333 60.7263C134.853 60.7263 135.708 61.8958 135.898 64.197L134.599 75.062H135.074L136.088 74.2698H136.373V74.4961C134.979 75.5147 133.618 78.3064 132.319 82.8712C131.812 86.7947 130.989 90.4163 129.817 93.7362C128.772 97.1692 128.266 100.338 128.266 103.243L126.302 108.977C126.302 109.468 127.031 109.958 128.519 110.411C128.234 111.543 127.854 112.109 127.316 112.109V112.448H127.791V112.674C127.791 113.278 127.031 113.542 125.479 113.542L125.764 113.882V115.013H125.289C125.606 116.145 126.271 116.711 127.316 116.711V117.277H125.289V117.616C125.954 117.616 126.302 118.107 126.302 119.05L123.452 120.182L123.737 120.521V120.748C123.737 121.125 123.389 121.314 122.724 121.314V121.653C123.579 121.653 124.022 121.842 124.022 122.219C122.819 122.709 121.204 125.086 119.209 129.387C117.182 133.197 115.409 135.121 113.92 135.121H113.382C112.242 134.253 111.323 131.424 110.595 126.595C107.713 119.239 106.257 114.9 106.257 113.618C106.257 110.298 105.338 106.751 103.47 102.979C102.963 101.319 102.647 99.2064 102.457 96.6788L101.253 96.3392C98.1814 101.885 96.598 106.186 96.4397 109.317C95.5846 111.128 94.9196 113.353 94.4129 115.919C96.2497 116.522 97.1997 117.088 97.1997 117.616V117.956C95.743 117.73 94.7296 117.352 94.1596 116.749C93.5262 118.182 92.7029 122.219 91.6578 128.821C90.8345 131.877 89.8211 133.423 88.6177 133.423C85.1976 132.065 82.3159 129.877 80.0358 126.821C79.6875 126.821 79.0858 125.275 78.2624 122.219C77.7557 122.219 77.439 120.672 77.249 117.616C75.539 113.278 74.3673 108.298 73.7339 102.715V94.3398H73.4489L72.2455 94.6793V94.3398C72.2455 93.9625 72.6572 93.7739 73.4489 93.7739L73.1639 88.945V85.1725L71.2005 73.1003V67.9319C72.0555 64.7252 73.5439 63.103 75.6656 63.103H89.8844V63.6689C88.7444 63.7066 87.9844 64.0084 87.5727 64.5366C86.7177 63.933 85.8943 63.6689 85.071 63.6689H82.2842L80.7325 63.8952L80.4475 63.6689H80.2575L78.2307 63.8952L77.2174 63.6689L76.489 63.8952L75.6656 63.6689C78.9591 67.9696 80.8908 71.5913 81.4925 74.5338H83.8043V75.0997H82.0309V75.7411C82.6959 78.231 83.2026 79.4382 83.5192 79.4382H84.0576L85.261 79.0986L85.546 79.4382L85.831 79.0986L86.116 79.4382V79.6645C85.2293 80.3059 84.5959 81.2113 84.2793 82.3053H84.0893V82.8712H84.5643C85.1976 91.8499 86.3693 98.6405 88.0794 103.243L89.0928 104.035H89.6311C90.2961 104.035 91.7212 100.904 93.9062 94.6039C95.2996 91.7744 96.313 89.2468 96.9464 87.0965L96.6613 86.2288C98.0547 84.1161 99.5114 83.0976 101 83.0976H101.475C102.425 83.0976 103.09 83.7012 103.502 84.8707C104.768 86.6438 105.782 89.2845 106.542 92.8307L110.342 101.206C110.848 101.809 111.07 102.451 111.07 103.205C112.464 106.374 113.73 108.487 114.87 109.505H115.694C116.644 109.505 117.91 105.582 119.494 97.7351C119.779 97.7351 120.507 95.6224 121.71 91.4349V91.0954L117.435 90.5295L116.422 90.869H115.124V90.2277L117.689 90.0013H122.692C124.624 83.0598 126.397 77.7028 128.044 73.8925C128.582 66.0456 129.342 62.1221 130.261 62.1221L133.333 60.7263ZM118.924 61.594C118.639 62.3485 118.069 62.7258 117.15 62.7258V62.1599L118.924 61.594ZM93.3996 63.0653H100.24V63.6312L98.6881 63.8575L97.1997 63.6312L95.9013 64.197L95.4263 63.6312H93.3996V63.0653ZM57.8367 64.1593H58.5651L59.0401 64.7252V65.0647L57.5517 66.7624V68.196H57.0134V67.3283L57.2984 67.1019V66.7624L56 65.3288C56.3167 64.5366 56.9184 64.1593 57.8367 64.1593ZM107.555 67.6301H108.283V67.8564C108.283 68.2337 108.03 68.4223 107.555 68.4223L107.27 68.7618V69.1014L106.542 68.7618V68.196L107.555 67.6301ZM103.755 70.799V71.1385C103.755 71.5535 102.678 72.0062 100.493 72.4967V71.9308L101.982 71.1385L102.267 71.3649H102.457L103.755 70.799ZM59.5785 73.7039V73.9302L59.0401 74.4961L58.8501 74.2698V73.9302L59.0401 73.7039H59.5785ZM96.4397 73.7039V73.9302C95.4896 74.7979 93.9696 75.5524 91.8479 76.2692V75.7033C92.1962 75.7033 92.3862 75.4015 92.3862 74.8357L96.4397 73.7039ZM109.297 76.4956L109.582 76.8351V77.0615L109.107 77.7028H108.822L108.283 77.0615V76.8351L109.297 76.4956ZM118.639 76.8351H118.924V77.0615L118.449 77.7028H118.164V77.3633L118.639 76.8351ZM114.364 80.8717L115.377 81.664C115.187 82.2676 114.712 82.5317 113.889 82.5317L113.35 81.664C113.35 81.3999 113.699 81.1358 114.364 80.8717ZM120.475 84.5688L120.665 84.9084V85.1347L120.475 85.4743H119.937V85.1347L120.475 84.5688ZM110.848 87.4737V87.7001L109.55 88.9073H108.822V88.5678C108.822 88.1151 109.518 87.7378 110.848 87.4737ZM68.9204 98.6782H69.2054V98.9046C68.5404 100.678 67.9387 101.734 67.432 102.111H66.8937V100.904L68.9204 98.6782ZM102.013 112.109H102.298V112.674L100.271 113.882L99.9865 113.542V112.976L102.013 112.109ZM74.2089 115.919H74.6839L75.5073 119.05H74.969L74.2406 116.145L74.2089 115.919ZM101.253 119.616H101.443L102.267 120.484L101.982 120.71H101.697L101.221 119.918L101.253 119.616Z" 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.1 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

Before After
Before After

5
src/svg/x_cursor.svg
View file

@ -1,3 +1,6 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M81.6598 68C80.2629 68 78.8727 68.5383 77.8024 69.6113L69.6055 77.6678C67.4648 79.8139 67.4648 83.2559 69.6055 85.402L83.7492 99.5814L69.6055 113.6C67.4648 115.746 67.4648 119.188 69.6055 121.334L77.8024 129.39C79.943 131.537 83.3764 131.537 85.5171 129.39L99.5 115.372L113.644 129.39C115.784 131.537 119.218 131.537 121.358 129.39L129.395 121.334C131.535 119.188 131.535 115.746 129.395 113.6L115.412 99.5814L129.395 85.402C131.535 83.2559 131.535 79.8139 129.395 77.6678L121.358 69.6113C119.218 67.4652 115.784 67.4652 113.644 69.6113L99.5 83.6296L85.5171 69.6113C84.4468 68.5383 83.0566 68 81.6598 68Z" fill="black" stroke="white" stroke-width="5" 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: 792 B

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

6
src/svg/xterm.svg
View file

@ -1,3 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M119.657 62.8571V57.1428C111.893 56.6716 104.423 60.1808 99.8286 66.4571C95.2344 60.1808 87.7638 56.6716 80 57.1428V62.8571C87.4732 61.9065 94.6026 66.2791 97.1429 73.3714V102.514H91.4286V108.229H97.1429V132C94.5849 139.078 87.4685 143.443 80 142.514V148.229C87.7536 148.647 95.2001 145.149 99.8286 138.914C104.457 145.149 111.904 148.647 119.657 148.229V142.514C112.309 143.275 105.385 138.941 102.857 132V108.114H108.571V102.4H102.857V73.3714C105.368 66.4165 112.304 62.0756 119.657 62.8571Z" fill="black"/>
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
</g>
<path d="M68.3666 155.935L64.5 155.528V159.416V167.941V171.24L67.7935 171.435C74.0729 171.806 80.3441 170.588 86.0304 167.893C90.3672 165.837 94.2572 162.974 97.5 159.468C100.743 162.974 104.633 165.837 108.97 167.893C114.656 170.588 120.927 171.806 127.206 171.435L130.5 171.24V167.941V159.416V155.427L126.545 155.945C117.326 157.154 108.356 151.803 104.996 143.104V103.751H109.997H113.497V100.251V91.7261V88.2261H109.997H104.996V56.9001C108.43 48.193 117.333 42.9088 126.571 44.0489L130.5 44.5338V40.5753V32.0501V28.7343L127.189 28.5552C120.931 28.2167 114.687 29.4381 109.015 32.1098C104.671 34.1559 100.767 37.0035 97.5 40.4903C94.2327 37.0035 90.3286 34.1559 85.985 32.1098C80.3132 29.4381 74.0692 28.2167 67.811 28.5552L64.5 28.7343V32.0501V40.5753V44.4573L68.3612 44.0566C72.8965 43.586 77.4592 44.6476 81.3257 47.0742C85.0254 49.396 87.8855 52.8409 89.4942 56.9024V88.3114H84.4928H80.9928V91.8114V100.337V103.837H84.4928H89.4942V143.015C87.9087 147.1 85.0553 150.569 81.3506 152.907C77.4825 155.348 72.9099 156.414 68.3666 155.935Z" fill="white" stroke="white" stroke-width="7"/>
<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: 626 B

After

Width:  |  Height:  |  Size: 2 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="M117.143 85.7143C117.143 103.074 103.074 117.143 85.7143 117.143C68.3543 117.143 54.2858 103.074 54.2858 85.7143C54.2858 68.3543 68.3543 54.2858 85.7143 54.2858C103.074 54.2858 117.143 68.3543 117.143 85.7143Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M117.143 85.7143C117.143 103.074 103.074 117.143 85.7143 117.143C68.3543 117.143 54.2858 103.074 54.2858 85.7143C54.2858 68.3543 68.3543 54.2858 85.7143 54.2858C103.074 54.2858 117.143 68.3543 117.143 85.7143Z" stroke="black" stroke-width="5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.857 80H91.4286V68.5714H80V80H68.5714V91.3143H80V102.857H91.4286V91.3143H102.857V80Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.777 142.857L142.857 134.777L111.719 103.64L103.639 111.72L134.777 142.857Z" 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: 1 KiB

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="M117.143 85.7143C117.143 103.074 103.074 117.143 85.7143 117.143C68.3543 117.143 54.2858 103.074 54.2858 85.7143C54.2858 68.3543 68.3543 54.2858 85.7143 54.2858C103.074 54.2858 117.143 68.3543 117.143 85.7143Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M117.143 85.7143C117.143 103.074 103.074 117.143 85.7143 117.143C68.3543 117.143 54.2858 103.074 54.2858 85.7143C54.2858 68.3543 68.3543 54.2858 85.7143 54.2858C103.074 54.2858 117.143 68.3543 117.143 85.7143Z" stroke="black" stroke-width="5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.857 91.4285H68.6858V80.1143H102.857V91.4285Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.777 142.857L142.857 134.777L111.719 103.64L103.639 111.72L134.777 142.857Z" 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: 1,020 B

After

Width:  |  Height:  |  Size: 895 B

Before After
Before After