mirrors/apple_cursor
1
0
Fork 0
mirror of https://github.com/ful1e5/apple_cursor.git synced 2024-09-19 23:38:50 -04:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #4 from KaizIqbal/dev

Browse source 
Beta version (1.0.1-beta)
This commit is contained in:
Kaiz 2020-08-03 10:28:31 +05:30 committed by GitHub
commit f05b3f8ab9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 241 additions and 115 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
CHANGELOG.md Normal file
View file

@ -0,0 +1,27 @@
# Changelog
All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
## [1.0.1-beta] - 2 August 2020
### Changed
- `hand1 hand2 move` cursors finger gap & border in center
- Drop shadow & FPS(**62**) imporovments in `wait, left_ptr_watch` cursors.
- Build size fix **65x65** to **64x64**. ([b6a8529](https://github.com/KaizIqbal/apple_cursor/commit/1120d176636baff2aac1838ba316b4f420be7ca7))
- [Pling](https://www.pling.com/p/1408466/) product page Docs at `PLING.bbcode`.
## [1.0.0-alpha1] - 31 July 2020
### Added
- Initial release 🎊
- Logo and badges
- CI/CD Pipelines
[unreleased]: https://github.com/KaizIqbal/apple_cursor/compare/1.0.1-beta...master
[1.0.1-beta]: https://github.com/KaizIqbal/apple_cursor/compare/1.0.1-beta...1.0.0-alpha1
[1.0.0-alpha1]: https://github.com/KaizIqbal/apple_cursor/tree/1.0.0-alpha1

28
PLING.bbcode Normal file
View file

@ -0,0 +1,28 @@
[b]macOS Big Sur[/b] Cursor Theme with [b]HiDPi[/b] Display support. This Cursor is built with [b][url=https://github.com/KaizIqbal/clickgen]clickgen[/url][/b] and render with the [b][url=https://github.com/puppeteer/puppeteer/]puppeteer[/url][/b].
[i]Available Sizes[/i] [b]24, 28, 32, 40, 48, 56, 64, 72, 80, 88, 96
[/b][i]Current Version[/i] [b]1.0.1 (beta)
[/b][i]Get latest build[/i] @[b][url=https://github.com/KaizIqbal/apple_cursor/actions]GitHub Actions[/url][/b]
[i]Release Notification[/i] at [b][url=https://twitter.com/ful1e5_]Twitter[/url][/b](@ful1e5_)
[b][size=150]Linux/X11 installation[/size][/b]
Get the latest stable/dev-version Linux release from the on the [b][url=https://github.com/KaizIqbal/apple_cursor/releases]GitHub Releases[/url][/b]. [size=85]Unpack [b].tar[/b] file and follow these [b]commands[/b].[/size]
[b]Install[/b]
[b]For all user:[/b]
[code]sudo mv macOSBigSur /usr/share/icons[/code]
[b]For local user:
[/b][code]mv macOSBigSur ~/.icons[/code]
[b][size=100]Uninstall[/size][/b]
[b]From all user:[/b]
[code]sudo rm -r /usr/share/icons/macOSBigSur[/code]
[b]From local user:[/b]
[code]rm -r ~/.icons/macOSBigSur
[/code]
[size=150][b]Window installation[/b][/size]
[list=1][*]Get the latest stable/dev-version Windows release from the on the GitHub Releases.[/*][*]Open the [b][i]Settings[/i][/b] app[/*][*]Go to [b][i]Devices[/i][/b] -> [b][i]Mouse[/i][/b] -> [b][i]Additional Mouse Options[/i][/b][/*][*]Go to the [b][i]pointers[/i][/b] tab[/*][*]Replace each cursor in the currently applied cursor set with the corresponding cursor in the Windows folder.[/*][*]Click "[b][i]save as[/i][/b]" and type in the desired name[/*][*]Click "[b][i]apply[/i][/b]" and "[b][i]ok[/i][/b]"[/*][/list]
[b]How I help the Creator?[/b]
[list=2][*][size=85]Give a [b]Star[/b] or [b]Follow[/b] on [b][url=https://github.com/KaizIqbal/apple_cursor]GitHub[/url][/b] (issues & PullRequest are welcome).[/size][/*][*][size=85]By giving a [b]Pling[/b] or [b][url=https://www.paypal.me/kaizkhatri]Donation[/url][/b].[/size][/*][*][size=85][b]Download[/b] from[url=https://www.pling.com/p/1408466/] Pling.com[/url] Product page that helps to [b]increases[/b] my [b]monthly payout[/b].[/size][/*][*][size=85][b][url=https://www.pling.com/support]Become Support of Pling.com[/url][/b], So we become [b]Full-Time [/b]Libre & FOSS content creator [b];)[/b][/size][/*][/list]
[size=150][b]License & Terms[/b][/size]
'[b]macOS Big Sur[/b]' Cursor Theme is available under the terms of the [b]GPL-3.0[/b] license.

2
config.py
View file

@ -3,7 +3,7 @@ import tempfile
# Build Config
delay = 50
name = "MacOSBigSur"
sizes = [24, 28, 32, 40, 48, 56, 65, 72, 80, 88, 96]
sizes = [24, 28, 32, 40, 48, 56, 64, 72, 80, 88, 96]
bitmaps_dir = "./bitmaps"
temp_folder = tempfile.mkdtemp()

10
helper.py
View file

@ -1,4 +1,5 @@
import shutil
import json
import sys
from config import name, temp_folder, bitmaps_dir, win_out, x11_out
@ -12,10 +13,19 @@ win_out_dir = path.join(package_dir, win_out)
def init_build() -> None:
"""
Print build version.
Remove previously built packages && Check Bitmaps.
"""
with open("./package.json", "r") as package_file:
data = json.loads(package_file.read())
version = data['version']
print("⚡ Build Version %s" % version)
# cleanup old packages
if path.exists(package_dir):
shutil.rmtree(package_dir)
# Checking Bitmaps directory
if not path.exists(bitmaps_dir):
print(
"⚠ BITMAPS NOT FOUND.\n\n`yarn install && yarn render` to Generates Bitmaps")

131
hotspots.json
View file

@ -1,61 +1,102 @@
{
"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 },
"bottom_right_corner": { "xhot": 100, "yhot": 100 },
"bd_double_arrow": { "xhot": 100, "yhot": 100 },
"top_left_corner": { "xhot": 100, "yhot": 100 },
"bottom_tee": { "xhot": 141, "yhot": 99 },
"center_ptr": { "xhot": 61, "yhot": 100 },
"circle": { "xhot": 61, "yhot": 58 },
"crossed_circle": { "xhot": 61, "yhot": 58 },
"dnd_no_drop": { "xhot": 61, "yhot": 58 },
"context_menu": { "xhot": 61, "yhot": 58 },
"copy": { "xhot": 61, "yhot": 58 },
"dnd_copy": { "xhot": 61, "yhot": 58 },
"cross": { "xhot": 100, "yhot": 100 },
"tcross": { "xhot": 100, "yhot": 100 },
"crosshair": { "xhot": 100, "yhot": 100 },
"dotbox": { "xhot": 100, "yhot": 100 },
"hand1": { "xhot": 94, "yhot": 105 },
"hand2": { "xhot": 44, "yhot": 68 },
"left_ptr": { "xhot": 61, "yhot": 58 },
"left_side": { "xhot": 100, "yhot": 100 },
"right_side": { "xhot": 100, "yhot": 100 },
"left_tee": { "xhot": 100, "yhot": 58 },
"link": { "xhot": 61, "yhot": 105 },
"dnd_link": { "xhot": 61, "yhot": 105 },
"ll_angle": { "xhot": 141, "yhot": 58 },
"lr_angle": { "xhot": 141, "yhot": 138 },
"move": { "xhot": 80, "yhot": 106 },
"dnd_move": { "xhot": 80, "yhot": 106 },
"dnd_none": { "xhot": 80, "yhot": 106 },
"grabbing": { "xhot": 80, "yhot": 106 },
"pointer_move": { "xhot": 80, "yhot": 106 },
"pencil": { "xhot": 141, "yhot": 58 },
"plus": { "xhot": 100, "yhot": 100 },
"question_arrow": { "xhot": 105, "yhot": 105 },
"dnd_ask": { "xhot": 105, "yhot": 105 },
"right_ptr": { "xhot": 61, "yhot": 138 },
"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 },
"top_side": { "xhot": 100, "yhot": 100 },
"bottom_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 },
"wait": { "xhot": 104, "yhot": 105 },
"left_ptr_watch": { "xhot": 104, "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 }
}

5
package.json
View file

@ -1,9 +1,12 @@
{
"name": "render",
"version": "1.0.0",
"version": "1.0.1",
"description": "Rendering cursor to .png",
"main": "index.js",
"scripts": {
"make": "yarn clean && yarn render && yarn build",
"clean": "rm -rf packages bitmaps",
"build": "python build.py",
"render": "npx ts-node src/index.ts",
"dev": "nodemon src/index.ts",
"dev:debug": "nodemon --inspect src/index.ts",

4
src/cursors.json
View file

@ -60,10 +60,10 @@
],
"animatedCursors": {
"left_ptr_watch.svg": {
"frames": 53
"frames": 62
},
"wait.svg": {
"frames": 53
"frames": 62
}
},
"animatedClip": {

13
src/svg/hand1.svg
View file

@ -1,10 +1,9 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="201" height="200" viewBox="0 0 201 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
<path opacity="0.01" d="M172.875 29H22.125V179H172.875V29Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.8938 103.545C63.9419 99.9131 62.9901 95.3417 60.9504 88.5137C59.3283 83.1191 57.6285 80.1942 56.3853 76.5719C54.8798 72.1652 53.4423 69.5889 51.5677 65.1338C50.2176 61.9474 48.0322 54.9838 47.1289 51.1872C45.973 46.2574 47.4494 42.2381 49.4988 39.5069C51.9562 36.2236 58.8427 34.7612 62.6793 36.1074C66.2828 37.3665 69.9057 41.0662 71.5763 43.7393C74.3736 48.1945 75.0438 49.8603 78.5405 58.6738C82.3576 68.2814 84.0186 77.2499 84.4751 80.2813L85.3007 84.659C85.2909 84.2716 84.883 73.7923 84.8733 73.4049C84.5333 63.4389 84.2905 55.7489 84.5042 44.9403C84.5236 43.7199 85.1258 39.2551 85.3201 38.0154C86.0777 33.1728 88.2825 30.2673 91.8569 28.5336C95.8586 26.5869 100.851 26.4513 105.465 28.369C109.573 30.0445 111.545 33.6958 112.137 38.2672C112.273 39.3229 113.05 47.8264 113.041 48.9887C112.914 58.9159 113.099 64.882 113.186 70.0441C113.225 72.2814 113.216 85.7825 113.352 84.2716C113.944 77.9182 114.265 53.3857 116.693 46.0928C118.091 41.8991 120.627 38.8677 124.405 37.0953C128.591 35.1292 135.215 36.4173 138.042 39.4488C140.81 42.4028 142.374 46.1509 142.723 50.6158C143.034 54.5382 142.539 59.3033 142.529 62.6738C142.529 71.0708 142.325 75.4969 142.17 83.2159C142.16 83.584 142.024 86.1021 142.393 84.9786C143.306 82.2668 144.219 79.7293 144.977 77.7632C145.453 76.5526 147.318 71.8165 148.464 69.4437C149.571 67.1773 150.513 65.8698 152.495 62.7803C154.437 59.7488 156.526 58.4414 158.983 57.3469C164.228 55.0709 169.755 58.4317 171.619 63.0708C172.455 65.1531 171.707 69.9764 171.347 73.7729C170.755 80.0392 168.88 86.4217 167.928 89.734C166.685 94.0633 165.267 101.695 164.626 105.24C163.927 109.056 162.353 118.625 161.139 122.867C160.304 125.782 157.536 132.339 154.806 136.271C154.806 136.271 144.375 148.378 143.229 153.821C142.092 159.273 142.471 159.312 142.248 163.167C142.014 167.031 143.423 172.106 143.423 172.106C143.423 172.106 135.633 173.113 131.437 172.435C127.639 171.835 122.938 164.29 121.724 161.995C120.053 158.818 116.489 159.428 115.1 161.772C112.915 165.481 108.213 172.135 104.892 172.552C98.4034 173.365 84.9413 172.842 74.4028 172.745C74.4028 172.745 76.1997 162.954 72.1979 159.593C69.2355 157.075 64.1362 152 61.0863 149.327L53.0052 140.407C50.2467 136.92 46.8958 129.821 40.932 121.182C37.5519 116.3 30.9569 110.673 28.4606 105.889C26.2947 101.773 25.2457 96.6492 26.6152 93.056C28.8006 87.3031 33.1714 84.3685 39.8442 84.998C44.8852 85.4822 48.0807 86.9931 51.8688 90.1989C54.0542 92.0391 57.4343 95.3708 59.1535 97.4434C60.7367 99.332 61.1252 100.116 62.8152 102.373C65.0492 105.346 65.7485 106.819 64.8938 103.545Z" stroke="black" stroke-width="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"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M63.8242 104.312C62.8006 100.407 61.777 95.4908 59.5836 88.1483C57.8393 82.3472 56.0115 79.2019 54.6746 75.3068C53.0557 70.568 51.5098 67.7977 49.494 63.0069C48.0422 59.5804 45.6921 52.0921 44.7208 48.0095C43.4778 42.7083 45.0654 38.3862 47.2693 35.4492C49.9118 31.9186 57.3171 30.3459 61.4428 31.7936C65.3177 33.1475 69.2136 37.126 71.0101 40.0005C74.0182 44.7913 74.7389 46.5827 78.499 56.0602C82.6038 66.3917 84.3898 76.0358 84.8807 79.2957L85.7648 84.7274C85.7776 84.8059 85.7672 84.8093 85.7652 84.7297C85.3997 74.0128 84.6823 52.9149 84.912 41.2919C84.9329 39.9797 85.5805 35.1784 85.7894 33.8453C86.6041 28.6379 88.975 25.5135 92.8187 23.6492C97.1219 21.5558 102.491 21.41 107.452 23.4721C111.87 25.2739 113.99 29.2003 114.627 34.1161C114.774 35.2513 115.609 44.3956 115.599 45.6453C115.463 56.3205 115.661 62.7361 115.755 68.2872C115.797 70.693 115.787 85.2113 115.933 83.5866C116.57 76.7545 116.915 50.3737 119.526 42.5313C121.03 38.0217 123.756 34.7618 127.819 32.8559C132.321 30.7417 139.444 32.1269 142.483 35.3867C145.46 38.5632 147.142 42.5938 147.518 47.395C147.852 51.613 147.319 56.7371 147.309 60.3615C147.309 69.3912 147.089 74.1507 146.922 82.4514C146.912 82.8471 146.766 85.555 147.163 84.3469C148.144 81.4307 149.126 78.702 149.941 76.5878C150.453 75.286 152.458 70.1931 153.691 67.6415C154.881 65.2044 155.894 63.7984 158.025 60.4761C160.114 57.2162 162.36 55.8102 165.002 54.6333C170.642 52.1859 176.585 55.7998 178.591 60.7885C179.489 63.0277 178.685 68.2143 178.298 72.2969C177.661 79.0353 175.645 85.8987 174.622 89.4606C173.285 94.116 171.76 102.323 171.071 106.135C170.319 110.238 168.626 120.528 167.321 125.09C166.423 128.225 163.446 135.275 160.511 139.504C160.511 139.504 149.293 152.522 148.061 158.376C146.839 164.239 147.246 164.281 147.006 168.426C146.825 171.428 147.565 175.109 147.99 176.921C148.129 177.514 147.732 178.106 147.127 178.171C144.68 178.436 138.873 178.957 135.381 178.393C131.297 177.747 126.242 169.634 124.936 167.166C123.14 163.75 119.307 164.406 117.813 166.926C115.463 170.915 110.408 178.07 106.836 178.518C100.1 179.362 86.3757 178.868 75.2378 178.739C74.617 178.731 74.1448 178.171 74.222 177.555C74.579 174.71 75.102 167.458 71.6786 164.583C68.493 161.875 63.0095 156.418 59.7298 153.543L51.0398 143.951C48.0735 140.202 44.4701 132.568 38.057 123.278C34.4223 118.028 27.3303 111.977 24.646 106.833C22.3168 102.406 21.1888 96.8968 22.6615 93.0329C25.0116 86.8464 29.7117 83.6907 36.8872 84.3677C42.308 84.8885 45.7444 86.5132 49.8178 89.9605C52.1679 91.9393 55.8026 95.522 57.6513 97.7508C59.3538 99.7817 59.7716 100.625 61.589 103.052C63.9913 106.249 64.7433 107.832 63.8242 104.312Z" fill="white" stroke="black" stroke-width="7"/>
<path d="M137 147V111" stroke="black" stroke-width="7" stroke-linecap="round"/>
<path d="M117 147V111" stroke="black" stroke-width="7" stroke-linecap="round"/>
<path d="M94 111V146" stroke="black" stroke-width="7" stroke-linecap="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

11
src/svg/hand2.svg
View file

@ -1,10 +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"/>
<path opacity="0.01" d="M175 25H25V175H175V25Z" 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"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.3275 141.935C52.3502 138.408 48.7334 131.197 42.2966 122.443C38.6483 117.492 29.6011 108.169 26.9069 103.433C24.5691 99.2481 24.8207 97.3716 25.3763 93.9036C26.3618 87.7339 33.1131 82.9298 40.3152 83.5782C45.7561 84.0596 50.3688 87.4293 54.5202 90.6124C57.0258 92.5282 60.1079 96.2516 61.9635 98.354C63.6723 100.28 64.0916 101.075 65.9157 103.355C68.3269 106.371 69.0817 107.864 68.1592 104.543C67.4148 99.6705 66.1988 91.3493 64.4375 83.9908C63.0957 78.4106 62.7707 77.5362 61.4917 73.2528C60.1394 68.6942 59.4474 65.5013 58.179 60.6677C57.2983 57.2488 55.7154 50.2637 55.2855 46.334C54.688 40.96 54.3735 32.1967 58.0532 28.1687C60.9361 25.0151 67.5511 24.0621 71.6501 26.0073C77.0177 28.5518 80.0683 35.8612 81.4626 38.779C83.9682 44.0252 85.5197 50.0869 86.8721 58.0446C88.5914 68.1736 91.7573 82.2322 91.8622 85.1894C92.5 89.5 91.1493 73.9306 91.8203 70.4528C92.4283 67.2992 95.2588 63.6347 98.8022 62.6424C101.8 61.8074 105.312 61.5028 108.405 62.1021C111.686 62.7308 115.146 64.9315 116.435 67.0045C120.23 73.1349 120.304 85.661 120.461 84.9929C121.363 81.2989 121.205 72.9187 123.438 69.4311C124.906 67.1322 128.648 65.0592 130.64 64.7252C133.722 64.2143 137.507 64.0571 140.746 64.6466C143.357 65.128 146.89 68.036 147.844 69.4311C150.129 72.8107 151.429 82.3698 151.817 85.7199C151.974 87.1051 152.593 81.8687 154.889 78.4892C159.145 72.2114 174.209 70.9931 174.786 84.7669C175.048 91.1921 174.996 90.8973 174.996 95.2201C174.996 100.299 174.87 103.355 174.576 107.029C174.251 110.959 173.35 119.84 172.039 124.143C171.43 126.143 169.866 129.832 168.006 133.245C166.316 136.346 163.995 139.028 161.728 141.736C158.311 145.819 153.496 152.043 152.718 155.552C151.481 161.073 151.89 161.112 151.649 165.032C151.478 167.811 152.191 171.214 152.617 172.952C152.765 173.551 152.363 174.155 151.749 174.218C149.28 174.468 143.476 174.957 139.981 174.434C135.882 173.815 130.808 166.172 129.498 163.834C127.695 160.611 123.847 161.23 122.348 163.608C119.989 167.37 114.915 174.12 111.33 174.542C104.571 175.339 90.8016 174.881 79.624 174.751C78.9987 174.744 78.5252 174.174 78.6062 173.554C78.9638 170.816 79.4451 164.083 76.0427 161.397C72.8453 158.853 67.3415 153.695 64.0497 150.983L55.3275 141.935Z" fill="white" stroke="black" stroke-width="7"/>
<path d="M142 145V112" stroke="black" stroke-width="7" stroke-linecap="round"/>
<path d="M122 145L119 112" stroke="black" stroke-width="7" stroke-linecap="round"/>
<path d="M99 112V145" stroke="black" stroke-width="7" stroke-linecap="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

11
src/svg/move.svg
View file

@ -1,10 +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"/>
<path opacity="0.01" d="M172 25H22V175H172V25Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M54.0448 40.891C59.7044 38.7285 70.8703 40.0527 73.818 46.6376C76.3295 52.2505 78.4872 61.7147 78.6051 59.6979C78.8881 55.2149 78.3221 45.5199 80.2205 40.4537C81.6 36.7603 84.3119 33.2857 88.309 32.0586C91.6694 31.0138 95.6193 30.6493 99.1094 31.3904C102.8 32.1679 106.679 34.8772 108.129 37.4528C112.398 45.0217 112.468 60.5241 112.669 59.6979C113.423 56.3934 113.494 44.7666 116.006 40.4537C117.668 37.5986 121.866 35.0473 124.106 34.6342C127.572 34.0024 131.841 33.8081 135.472 34.537C138.408 35.1323 142.382 38.7163 143.455 40.4537C146.037 44.633 147.487 56.442 147.923 60.597C148.112 62.31 148.796 55.8223 151.378 51.6552C156.165 43.8919 173.12 42.3854 173.757 59.4185C174.064 67.364 173.993 66.9996 173.993 72.3452C173.993 78.6142 173.851 82.4047 173.521 86.9485C173.168 91.796 172.154 102.791 170.68 108.112C169.666 111.769 166.305 119.994 162.98 124.927C162.98 124.927 150.317 140.113 148.937 146.941C147.558 153.781 148.018 153.83 147.735 158.665C147.464 163.513 149.161 169.879 149.161 169.879C149.161 169.879 139.717 171.142 134.612 170.292C130.001 169.538 124.295 160.086 122.821 157.195C120.793 153.21 116.465 153.975 114.779 156.916C112.138 161.569 106.42 169.915 102.399 170.438C94.5109 171.458 78.1689 170.802 65.3758 170.681C65.3758 170.681 67.5571 158.398 62.6993 154.182C59.1031 151.023 52.9129 144.657 49.2106 141.304L39.4006 130.114C36.0638 125.741 27.5862 118.828 24.7446 105.998C22.2332 94.6268 22.4808 89.0503 25.1809 84.4944C27.9163 79.8655 33.0807 77.3385 35.2502 76.9011C37.7027 76.3909 43.4095 76.4273 45.5672 77.6544C48.1966 79.1487 49.2577 79.5861 51.3211 82.4047C54.033 86.1345 54.9999 87.9447 53.8326 83.8748C52.9365 80.6917 50.0359 76.646 48.7154 72.0901C47.4302 67.7042 43.9872 60.6334 44.2349 53.5505C44.3292 50.8655 45.4493 44.1835 54.0448 40.891Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M54.0448 40.891C59.7044 38.7285 70.8703 40.0527 73.818 46.6376C76.3295 52.2505 78.4872 61.7147 78.6051 59.6979C78.8881 55.2149 78.3221 45.5199 80.2205 40.4537C81.6 36.7603 84.3119 33.2857 88.309 32.0586C91.6694 31.0138 95.6193 30.6493 99.1094 31.3904C102.8 32.1679 106.679 34.8772 108.129 37.4528C112.398 45.0217 112.468 60.5241 112.669 59.6979C113.423 56.3934 113.494 44.7666 116.006 40.4537C117.668 37.5986 121.866 35.0473 124.106 34.6342C127.572 34.0024 131.841 33.8081 135.472 34.537C138.408 35.1323 142.382 38.7163 143.455 40.4537C146.037 44.633 147.487 56.442 147.923 60.597C148.112 62.31 148.796 55.8223 151.378 51.6552C156.165 43.8919 173.12 42.3854 173.757 59.4185C174.064 67.364 173.993 66.9996 173.993 72.3452C173.993 78.6142 173.851 82.4047 173.521 86.9485C173.168 91.796 172.154 102.791 170.68 108.112C169.666 111.769 166.305 119.994 162.98 124.927C162.98 124.927 150.317 140.113 148.937 146.941C147.558 153.781 148.018 153.83 147.735 158.665C147.464 163.513 149.161 169.879 149.161 169.879C149.161 169.879 139.717 171.142 134.612 170.292C130.001 169.539 124.295 160.086 122.821 157.195C120.793 153.21 116.465 153.975 114.779 156.916C112.138 161.569 106.42 169.915 102.399 170.438C94.5109 171.458 78.1689 170.802 65.3758 170.681C65.3758 170.681 67.5571 158.398 62.6993 154.182C59.1031 151.023 52.9129 144.657 49.2106 141.304L39.4006 130.114C36.0638 125.741 27.5862 118.828 24.7446 105.998C22.2332 94.6268 22.4808 89.0503 25.1809 84.4944C27.9163 79.8655 33.0807 77.3385 35.2502 76.9011C37.7027 76.3909 43.4095 76.4273 45.5672 77.6544C48.1966 79.1487 49.2577 79.5861 51.3211 82.4047C54.033 86.1345 54.9999 87.9447 53.8326 83.8748C52.9365 80.6917 50.0359 76.646 48.7154 72.0901C47.4302 67.7042 43.9872 60.6334 44.2349 53.5505C44.3292 50.8655 45.4493 44.1835 54.0448 40.891Z" stroke="black" stroke-width="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"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M54.0728 35.1736C59.9198 32.9493 71.4554 34.3114 74.5008 41.0844C77.0954 46.8576 79.3245 56.5923 79.4463 54.5179C79.7387 49.9067 79.154 39.9347 81.1152 34.7238C82.5404 30.9249 85.3421 27.351 89.4715 26.0888C92.9432 25.0142 97.0239 24.6393 100.63 25.4015C104.442 26.2013 108.45 28.988 109.948 31.6372C114.358 39.4224 114.431 55.3676 114.638 54.5179C115.418 51.1189 115.491 39.1599 118.085 34.7238C119.803 31.7871 124.139 29.1629 126.454 28.738C130.035 28.0882 134.445 27.8883 138.197 28.6381C141.23 29.2504 145.335 32.9368 146.443 34.7238C149.111 39.0225 150.609 51.1689 151.06 55.4426C151.255 57.2046 151.961 50.5316 154.629 46.2453C159.575 38.2602 177.091 36.7107 177.749 54.2305C178.066 62.403 177.993 62.0281 177.993 67.5265C177.993 73.9746 177.847 77.8734 177.505 82.547C177.14 87.533 176.092 98.8422 174.57 104.316C173.522 108.077 170.051 116.537 166.615 121.61C166.615 121.61 153.533 137.231 152.108 144.254C150.682 151.289 151.157 151.339 150.865 156.313C150.655 160.049 151.588 164.664 152.068 166.741C152.204 167.329 151.813 167.915 151.213 167.983C148.496 168.291 141.491 168.965 137.307 168.272C132.544 167.497 126.649 157.775 125.126 154.801C123.031 150.702 118.56 151.489 116.818 154.513C114.09 159.299 108.182 167.884 104.028 168.421C96.1199 169.44 79.9868 168.835 66.9612 168.684C66.3425 168.677 65.8719 168.117 65.9505 167.503C66.3645 164.274 67.1025 155.234 63.0138 151.701C59.2986 148.452 52.9034 141.904 49.0785 138.455L38.9437 126.946C35.4964 122.448 26.738 115.337 23.8024 102.141C21.2078 90.4447 21.4636 84.7089 24.2531 80.0228C27.0791 75.2617 32.4145 72.6625 34.6559 72.2126C37.1896 71.6878 43.0853 71.7253 45.3145 72.9874C48.0309 74.5244 49.1272 74.9743 51.2589 77.8734C54.0606 81.7098 55.0595 83.5717 53.8535 79.3855C52.9277 76.1114 49.9312 71.9502 48.5669 67.2641C47.2391 62.7529 43.6822 55.4801 43.938 48.1948C44.0354 45.4331 45.1927 38.5601 54.0728 35.1736Z" fill="white" stroke="black" stroke-width="8"/>
<path d="M140 130V89" stroke="black" stroke-width="7" stroke-linecap="round"/>
<path d="M115 131V89" stroke="black" stroke-width="7" stroke-linecap="round"/>
<path d="M91 89V130" stroke="black" stroke-width="7" stroke-linecap="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

114
src/svg/wait.svg
View file

@ -1,58 +1,78 @@
<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 clip-path="url(#clip0)">
<g opacity="0.01">
<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
</g>
<g filter="url(#filter0_d)">
<circle cx="99.5" cy="100.5" r="85.5" fill="black" fill-opacity="0.46" />
</g>
<g>
<animateTransform attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" additive="sum"
begin="0s" dur="1.2s" repeatCount="indefinite" />
<path
d="M38 161.5C22.3037 145.897 13 123.866 13 100.088C13 92.2728 14.0484 84.7003 16.0132 77.5012C16.0214 77.4964 16.0296 77.4916 16.0378 77.4868C45.244 60.3581 83.1377 70.3323 100 100C66.6763 100 38.6522 127.79 38 161.5Z"
fill="url(#paint0_linear)" />
<path
d="M38 161.366C38 161.356 38 161.345 38 161.335C38 127.461 66.3932 100 99.7784 100C83.0856 129.336 91.6623 166.848 120.574 183.785C120.716 183.868 120.858 184.418 121 184.5C113.898 186.435 106.43 187 98.7238 187C74.9731 187 53.4858 177.195 38 161.366Z"
fill="url(#paint1_linear)" />
<path
d="M121 184.5C92.3135 167.276 82.7818 129.33 99.5002 100C116.338 129.54 153.726 139.661 182.89 122.606C182.927 122.584 183.327 122.627 183.364 122.606C175.457 152.635 151.089 176.695 121 184.5Z"
fill="url(#paint2_linear)" />
<path
d="M183.074 123.7C184.982 116.464 186 108.856 186 101.005C186 76.7491 176.285 54.8061 160.607 39C160.199 73.254 132.75 100 99.5 100C116.255 129.991 153.8 141.168 182.82 123.853C182.905 123.802 182.99 123.752 183.074 123.7Z"
fill="url(#paint3_linear)" />
<path
d="M161 39.6587C160.781 73.0214 132.844 100 99.5 100C116.239 70.9465 107.189 33.7959 78.1967 17.0217C78.1312 16.9838 78.0656 16.5376 78 16.5C85.0529 14.6028 92.4636 14 100.108 14C123.924 14 145.471 23.8149 161 39.6587Z"
fill="url(#paint4_linear)" />
<path
d="M16 77.9762C24.1078 48.1524 47.9003 24.2337 78 16.5C106.732 33.5633 116.59 71.0269 99.8376 100C83.0212 70.3405 45.1228 60.8287 16.0244 77.9618C16.0163 77.9666 16.0081 77.9714 16 77.9762Z"
fill="url(#paint5_linear)" />
</g>
</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">
<filter id="filter0_d" x="0" y="6" width="199" height="199" filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
<feOffset dy="5" />
<feGaussianBlur stdDeviation="6.5" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
</filter>
<linearGradient id="paint0_linear" x1="48.566" y1="69.1662" x2="48.566" y2="186.344"
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">
<linearGradient id="paint1_linear" x1="90.6631" y1="100" x2="90.6631" y2="202.225"
gradientUnits="userSpaceOnUse">
<stop stop-color="#14ADF6" />
<stop offset="1" stop-color="#1191F4" />
</linearGradient>
<linearGradient id="paint2_linear" x1="146.222" y1="100" x2="146.222" y2="192.183"
gradientUnits="userSpaceOnUse">
<stop stop-color="#CA70E1" />
<stop offset="1" stop-color="#B452CB" />
</linearGradient>
<linearGradient id="paint3_linear" x1="150.499" y1="13.8093" x2="150.499" y2="132.264"
gradientUnits="userSpaceOnUse">
<stop stop-color="#FF645D" />
<stop offset="1" stop-color="#FF4332" />
</linearGradient>
<linearGradient id="paint4_linear" x1="108.191" y1="-1.2405" x2="108.191" y2="100"
gradientUnits="userSpaceOnUse">
<stop stop-color="#FBB114" />
<stop offset="1" stop-color="#FF9508" />
</linearGradient>
<linearGradient id="paint5_linear" x1="52.8082" y1="8.83735" x2="52.8082" y2="100.035"
gradientUnits="userSpaceOnUse">
<stop stop-color="#FFD305" />
<stop offset="1" stop-color="#FDCF01" />
</linearGradient>
<clipPath id="clip0">
<rect width="200" height="200" fill="white" />
</clipPath>
</defs>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB