Scipaper/Frontend
5
0
Fork 0
Code Issues 15 Pull Requests Packages Projects Releases Wiki Activity

added new icons, changed svg properties, write script to add svg components

Browse Source
This commit is contained in:
Maximus 2022-08-12 09:57:28 +03:00
parent 60512bfae7
commit b4f8c309c3
61 changed files with 251 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/svg/arrow-big-right.svg
View File

@ -1,3 +1,3 @@
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M3 10.5C2.44772 10.5 2 10.9477 2 11.5C2 12.0523 2.44772 12.5 3 12.5V10.5ZM20.7071 12.2071C21.0976 11.8166 21.0976 11.1834 20.7071 10.7929L14.3431 4.42893C13.9526 4.03841 13.3195 4.03841 12.9289 4.42893C12.5384 4.81946 12.5384 5.45262 12.9289 5.84315L18.5858 11.5L12.9289 17.1569C12.5384 17.5474 12.5384 18.1805 12.9289 18.5711C13.3195 18.9616 13.9526 18.9616 14.3431 18.5711L20.7071 12.2071ZM3 12.5H20V10.5H3V12.5Z"/> <path d="M3 10.5C2.44772 10.5 2 10.9477 2 11.5C2 12.0523 2.44772 12.5 3 12.5V10.5ZM20.7071 12.2071C21.0976 11.8166 21.0976 11.1834 20.7071 10.7929L14.3431 4.42893C13.9526 4.03841 13.3195 4.03841 12.9289 4.42893C12.5384 4.81946 12.5384 5.45262 12.9289 5.84315L18.5858 11.5L12.9289 17.1569C12.5384 17.5474 12.5384 18.1805 12.9289 18.5711C13.3195 18.9616 13.9526 18.9616 14.3431 18.5711L20.7071 12.2071ZM3 12.5H20V10.5H3V12.5Z" stroke="none" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 507 B

After

Width:  |  Height:  |  Size: 510 B

6
src/assets/svg/arrow-down.svg
View File

@ -1,4 +1,4 @@
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(0.707107 0.707107 0.707107 -0.707107 10.2001 16)"/> <rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(0.707107 0.707107 0.707107 -0.707107 10.2001 16)" stroke="none" />
<rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 12 17.8)"/> <rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 12 17.8)" stroke="none" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 323 B

After

Width:  |  Height:  |  Size: 341 B

6
src/assets/svg/arrow-left.svg
View File

@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(-0.707107 0.707107 0.707107 0.707107 8.80005 10.2001)" fill="#262626"/> <rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(-0.707107 0.707107 0.707107 0.707107 8.80005 10.2001)" stroke="none" />
<rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(0.707107 0.707107 0.707107 -0.707107 7 12)" fill="#262626"/> <rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(0.707107 0.707107 0.707107 -0.707107 7 12)" stroke="none" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 376 B

After

Width:  |  Height:  |  Size: 341 B

6
src/assets/svg/arrow-right.svg
View File

@ -1,4 +1,4 @@
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<rect x="16" y="10.2001" width="2.54558" height="12.7279" rx="1.27279" transform="rotate(45 16 10.2001)"/> <rect x="16" y="10.2001" width="2.54558" height="12.7279" rx="1.27279" transform="rotate(45 16 10.2001)" stroke="none" />
<rect x="17.8" y="12" width="2.54558" height="12.7279" rx="1.27279" transform="rotate(135 17.8 12)"/> <rect x="17.8" y="12" width="2.54558" height="12.7279" rx="1.27279" transform="rotate(135 17.8 12)" stroke="none" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 289 B

After

Width:  |  Height:  |  Size: 307 B

4
src/assets/svg/arrow-up.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<rect x="10.2001" y="8.79999" width="2.54558" height="12.7279" rx="1.27279" transform="rotate(-45 10.2001 8.79999)" stroke="none" />
<rect x="12" y="7" width="2.54558" height="12.7279" rx="1.27279" transform="rotate(45 12 7)" stroke="none" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 311 B

5
src/assets/svg/bell-notification.svg Normal file
View File

@ -0,0 +1,5 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.73 21C13.5542 21.3031 13.3018 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6981 21.5547 10.4458 21.3031 10.27 21" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="13" y="1" width="10" height="10" rx="5" stroke="white" fill="#FF4D4F" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 730 B

4
src/assets/svg/bell.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.73 21C13.5542 21.3031 13.3018 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6981 21.5547 10.4458 21.3031 10.27 21" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 633 B

2
src/assets/svg/bookmark.svg → src/assets/svg/bookmark-filled.svg
View File

@ -1,3 +1,3 @@
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M6 21.3242V4C6 3.44772 6.44772 3 7 3H17C17.5523 3 18 3.44771 18 4V21.3242C18 21.5563 17.7112 21.6631 17.5602 21.4869L12.7593 15.8858C12.3602 15.4202 11.6398 15.4202 11.2407 15.8858L6.43981 21.4869C6.28876 21.6631 6 21.5563 6 21.3242Z" stroke-width="2"/> <path d="M6 21.3242V4C6 3.44772 6.44772 3 7 3H17C17.5523 3 18 3.44771 18 4V21.3242C18 21.5563 17.7112 21.6631 17.5602 21.4869L12.7593 15.8858C12.3602 15.4202 11.6398 15.4202 11.2407 15.8858L6.43981 21.4869C6.28876 21.6631 6 21.5563 6 21.3242Z" stroke-width="2" />
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 343 B

After

Width:  |  Height:  |  Size: 344 B

3
src/assets/svg/bookmark-outlined.svg Normal file
View File

@ -0,0 +1,3 @@
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M6 21.3242V4C6 3.44772 6.44772 3 7 3H17C17.5523 3 18 3.44771 18 4V21.3242C18 21.5563 17.7112 21.6631 17.5602 21.4869L12.7593 15.8858C12.3602 15.4202 11.6398 15.4202 11.2407 15.8858L6.43981 21.4869C6.28876 21.6631 6 21.5563 6 21.3242Z" stroke-width="2" fill="none" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 356 B

2
src/assets/svg/caret-down.svg
View File

@ -1,3 +1,3 @@
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.1315 4.6875H2.86897C2.56116 4.6875 2.38929 5.0125 2.57991 5.23438L7.71116 11.1844C7.85804 11.3547 8.14085 11.3547 8.28929 11.1844L13.4205 5.23438C13.6112 5.0125 13.4393 4.6875 13.1315 4.6875Z"/> <path d="M13.1315 4.6875H2.86897C2.56116 4.6875 2.38929 5.0125 2.57991 5.23438L7.71116 11.1844C7.85804 11.3547 8.14085 11.3547 8.28929 11.1844L13.4205 5.23438C13.6112 5.0125 13.4393 4.6875 13.1315 4.6875Z" stroke="none" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 288 B

After

Width:  |  Height:  |  Size: 303 B

2
src/assets/svg/caret-left.svg
View File

@ -1,3 +1,3 @@
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3125 13.131L11.3125 2.86855C11.3125 2.56073 10.9875 2.38886 10.7657 2.57948L4.81566 7.71073C4.64534 7.85761 4.64534 8.14042 4.81566 8.28886L10.7657 13.4201C10.9875 13.6107 11.3125 13.4389 11.3125 13.131Z" /> <path d="M11.3125 13.131L11.3125 2.86855C11.3125 2.56073 10.9875 2.38886 10.7657 2.57948L4.81566 7.71073C4.64534 7.85761 4.64534 8.14042 4.81566 8.28886L10.7657 13.4201C10.9875 13.6107 11.3125 13.4389 11.3125 13.131Z" stroke="none" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 301 B

After

Width:  |  Height:  |  Size: 315 B

2
src/assets/svg/caret-right.svg
View File

@ -1,3 +1,3 @@
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.68793 2.86853L4.68793 13.131C4.68793 13.4388 5.01293 13.6107 5.2348 13.4201L11.1848 8.28884C11.3551 8.14196 11.3551 7.85915 11.1848 7.71071L5.2348 2.57946C5.01293 2.38884 4.68793 2.56071 4.68793 2.86853Z" /> <path d="M4.68793 2.86853L4.68793 13.131C4.68793 13.4388 5.01293 13.6107 5.2348 13.4201L11.1848 8.28884C11.3551 8.14196 11.3551 7.85915 11.1848 7.71071L5.2348 2.57946C5.01293 2.38884 4.68793 2.56071 4.68793 2.86853Z" stroke="none" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 300 B

After

Width:  |  Height:  |  Size: 314 B

2
src/assets/svg/caret-up.svg
View File

@ -1,3 +1,3 @@
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.1315 11.3121H2.86897C2.56116 11.3121 2.38929 10.9871 2.57991 10.7653L7.71116 4.81526C7.85804 4.64495 8.14085 4.64495 8.28929 4.81526L13.4205 10.7653C13.6112 10.9871 13.4393 11.3121 13.1315 11.3121Z" /> <path d="M13.1315 11.3121H2.86897C2.56116 11.3121 2.38929 10.9871 2.57991 10.7653L7.71116 4.81526C7.85804 4.64495 8.14085 4.64495 8.28929 4.81526L13.4205 10.7653C13.6112 10.9871 13.4393 11.3121 13.1315 11.3121Z" stroke="none" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 295 B

After

Width:  |  Height:  |  Size: 309 B

6
src/assets/svg/chart.svg Normal file
View File

@ -0,0 +1,6 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="5" y="12" width="2" height="8" rx="1" stroke="none" />
<rect x="9" y="6" width="2" height="14" rx="1" stroke="none" />
<rect x="13" y="8" width="2" height="12" rx="1" stroke="none" />
<rect x="17" y="4" width="2" height="16" rx="1" stroke="none" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 339 B

4
src/assets/svg/checkmark.svg
View File

@ -1,4 +0,0 @@
<svg viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.65267 11.9722L6.62614 11.9999L0 5.07261L2.1576 2.81694L6.65276 7.51641L13.8424 0L16 2.25567L6.6793 12L6.65267 11.9722Z" />
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 219 B

8
src/assets/svg/chevrones-left.svg
View File

@ -1,6 +1,6 @@
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(-0.707107 0.707107 0.707107 0.707107 12.8 10.2001)"/> <rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(-0.707107 0.707107 0.707107 0.707107 12.8 10.2001)" stroke="none" />
<rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(0.707107 0.707107 0.707107 -0.707107 11 12)"/> <rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(0.707107 0.707107 0.707107 -0.707107 11 12)" stroke="none" />
<rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(-0.707107 0.707107 0.707107 0.707107 3.79999 10.2001)"/> <rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(-0.707107 0.707107 0.707107 0.707107 3.79999 10.2001)" stroke="none"/>
<rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(0.707107 0.707107 0.707107 -0.707107 2 12)"/> <rect width="2.54558" height="12.7279" rx="1.27279" transform="matrix(0.707107 0.707107 0.707107 -0.707107 2 12)" stroke="none" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 580 B

After

Width:  |  Height:  |  Size: 639 B

8
src/assets/svg/chevrones-right.svg
View File

@ -1,6 +1,6 @@
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="2" height="10" rx="1" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 13.8284 9.41425)" /> <rect width="2" height="10" rx="1" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 13.8284 9.41425)" stroke="none" />
<rect width="2" height="10" rx="1" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 15.2426 8.00006)" /> <rect width="2" height="10" rx="1" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 15.2426 8.00006)" stroke="none" />
<rect width="2" height="10" rx="1" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 7.82843 9.41425)" /> <rect width="2" height="10" rx="1" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 7.82843 9.41425)" stroke="none" />
<rect width="2" height="10" rx="1" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 9.24265 8.00006)" /> <rect width="2" height="10" rx="1" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 9.24265 8.00006)" stroke="none" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 532 B

After

Width:  |  Height:  |  Size: 588 B

3
src/assets/svg/circle.svg Normal file
View File

@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="3" width="18" height="18" rx="9" stroke="none" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 145 B

4
src/assets/svg/copy.svg
View File

@ -1,4 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 8V20C17 21.1046 16.1046 22 15 22H10H5C3.89543 22 3 21.1046 3 20V8C3 6.89543 3.89543 6 5 6H15C16.1046 6 17 6.89543 17 8Z" stroke-width="2" stroke-linecap="round"/> <path d="M17 8V20C17 21.1046 16.1046 22 15 22H10H5C3.89543 22 3 21.1046 3 20V8C3 6.89543 3.89543 6 5 6H15C16.1046 6 17 6.89543 17 8Z" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M7 6V4C7 2.89543 7.89543 2 9 2H19C20.1046 2 21 2.89543 21 4V17C21 18.1046 20.1046 19 19 19H17" stroke-width="2" stroke-linecap="round"/> <path d="M7 6V4C7 2.89543 7.89543 2 9 2H19C20.1046 2 21 2.89543 21 4V17C21 18.1046 20.1046 19 19 19H17" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 403 B

After

Width:  |  Height:  |  Size: 426 B

6
src/assets/svg/delete.svg
View File

@ -1,5 +1,5 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.0689 21H6.93112C6.40648 21 5.97104 20.5946 5.93366 20.0712L5.07652 8.07125C5.03517 7.49238 5.49363 7 6.07398 7H17.926C18.5064 7 18.9648 7.49238 18.9235 8.07125L18.0663 20.0712C18.029 20.5946 17.5935 21 17.0689 21Z" stroke-width="2"/> <path fill="none" d="M17.0689 21H6.93112C6.40648 21 5.97104 20.5946 5.93366 20.0712L5.07652 8.07125C5.03517 7.49238 5.49363 7 6.07398 7H17.926C18.5064 7 18.9648 7.49238 18.9235 8.07125L18.0663 20.0712C18.029 20.5946 17.5935 21 17.0689 21Z" stroke-width="2"/>
<path d="M3 7H21" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M3 7H21" stroke-width="2" stroke-linecap="round"/>
<path d="M7 7V4C7 3.44772 7.44772 3 8 3H16C16.5523 3 17 3.44772 17 4V7" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M7 7V4C7 3.44772 7.44772 3 8 3H16C16.5523 3 17 3.44772 17 4V7" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 501 B

After

Width:  |  Height:  |  Size: 537 B

2
src/assets/svg/edit1.svg
View File

@ -1,3 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 15L3.5 16.5L2 22L7.5 20.5L9 19M5 15L17 3C17.2626 2.73735 17.5744 2.52901 17.9176 2.38687C18.2608 2.24473 18.6286 2.17157 19 2.17157C19.3714 2.17157 19.7392 2.24473 20.0824 2.38687C20.4256 2.52901 20.7374 2.73735 21 3C21.2626 3.26264 21.471 3.57444 21.6131 3.9176C21.7553 4.26077 21.8284 4.62856 21.8284 5C21.8284 5.37143 21.7553 5.73923 21.6131 6.08239C21.471 6.42555 21.2626 6.73735 21 7L9 19M5 15L9 19" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path fill="none" d="M5 15L3.5 16.5L2 22L7.5 20.5L9 19M5 15L17 3C17.2626 2.73735 17.5744 2.52901 17.9176 2.38687C18.2608 2.24473 18.6286 2.17157 19 2.17157C19.3714 2.17157 19.7392 2.24473 20.0824 2.38687C20.4256 2.52901 20.7374 2.73735 21 3C21.2626 3.26264 21.471 3.57444 21.6131 3.9176C21.7553 4.26077 21.8284 4.62856 21.8284 5C21.8284 5.37143 21.7553 5.73923 21.6131 6.08239C21.471 6.42555 21.2626 6.73735 21 7L9 19M5 15L9 19" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 563 B

After

Width:  |  Height:  |  Size: 575 B

4
src/assets/svg/edit2.svg
View File

@ -1,4 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H18C18.5304 21 19.0391 20.7893 19.4142 20.4142C19.7893 20.0391 20 19.5304 20 19V13" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path fill="none" d="M11 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H18C18.5304 21 19.0391 20.7893 19.4142 20.4142C19.7893 20.0391 20 19.5304 20 19V13" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.5 2.49998C18.8978 2.10216 19.4374 1.87866 20 1.87866C20.5626 1.87866 21.1022 2.10216 21.5 2.49998C21.8978 2.89781 22.1213 3.43737 22.1213 3.99998C22.1213 4.56259 21.8978 5.10216 21.5 5.49998L12 15L8 16L9 12L18.5 2.49998Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path fill="none" d="M18.5 2.49998C18.8978 2.10216 19.4374 1.87866 20 1.87866C20.5626 1.87866 21.1022 2.10216 21.5 2.49998C21.8978 2.89781 22.1213 3.43737 22.1213 3.99998C22.1213 4.56259 21.8978 5.10216 21.5 5.49998L12 15L8 16L9 12L18.5 2.49998Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 697 B

After

Width:  |  Height:  |  Size: 721 B

6
src/assets/svg/error.svg
View File

@ -1,5 +1,5 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path fill="none" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 8V12" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path fill="none" d="M12 8V12" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 16H12.01" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path fill="none" d="M12 16H12.01" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 444 B

After

Width:  |  Height:  |  Size: 480 B

4
src/assets/svg/eye.svg
View File

@ -1,4 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path fill="none" d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path fill="none" d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 417 B

After

Width:  |  Height:  |  Size: 441 B

0
src/assets/svg/favorite.svg → src/assets/svg/favorite-filled.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 256 B

After

Width:  |  Height:  |  Size: 256 B

3
src/assets/svg/favorite-outlined.svg Normal file
View File

@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" stroke="none" xmlns="http://www.w3.org/2000/svg">
<path fill="none" d="M12 3L14.9048 9.50932L22 10.2574L16.7 15.0284L18.1803 22L12 18.4393L5.81966 22L7.3 15.0284L2 10.2574L9.09524 9.50932L12 3Z" stroke-width="2" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 282 B

5
src/assets/svg/file.svg Normal file
View File

@ -0,0 +1,5 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 20V4C4 2.89543 4.89543 2 6 2H13.1716C13.702 2 14.2107 2.21071 14.5858 2.58579L19.4142 7.41421C19.7893 7.78929 20 8.29799 20 8.82843V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20Z" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M14 8L19 8" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M14 3V8" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 486 B

10
src/assets/svg/filetext.svg
View File

@ -1,7 +1,7 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 20V4C4 2.89543 4.89543 2 6 2H13.1716C13.702 2 14.2107 2.21071 14.5858 2.58579L19.4142 7.41421C19.7893 7.78929 20 8.29799 20 8.82843V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20Z" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M4 20V4C4 2.89543 4.89543 2 6 2H13.1716C13.702 2 14.2107 2.21071 14.5858 2.58579L19.4142 7.41421C19.7893 7.78929 20 8.29799 20 8.82843V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20Z" stroke-width="2" stroke-linecap="round"/>
<path d="M8 14H16" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M8 14H16" stroke-width="2" stroke-linecap="round"/>
<path d="M14 8L19 8" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M14 8L19 8" stroke-width="2" stroke-linecap="round"/>
<path d="M14 3V8" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M14 3V8" stroke-width="2" stroke-linecap="round"/>
<path d="M8 18H16" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M8 18H16" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 572 B

After

Width:  |  Height:  |  Size: 632 B

8
src/assets/svg/filter.svg Normal file
View File

@ -0,0 +1,8 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2" y="4" width="20" height="2" rx="1" stroke="none" />
<rect x="5" y="2" width="6" height="6" rx="3" stroke="none" />
<rect width="20" height="2" rx="1" transform="matrix(-1 0 0 1 22 11)" stroke="none" />
<rect width="6" height="6" rx="3" transform="matrix(-1 0 0 1 19 9)" stroke="none" />
<rect x="2" y="18" width="20" height="2" rx="1" stroke="none" />
<rect x="5" y="16" width="6" height="6" rx="3" stroke="none" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 508 B

4
src/assets/svg/flag.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 3L4 21" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M15 3H16C16 2.44772 15.5523 2 15 2V3ZM4 3V2C3.44772 2 3 2.44772 3 3H4ZM15 6H14C14 6.55228 14.4477 7 15 7V6ZM20 6H21C21 5.44772 20.5523 5 20 5V6ZM20 16V17C20.5523 17 21 16.5523 21 16H20ZM9 16H8C8 16.5523 8.44772 17 9 17V16ZM9 13H10C10 12.4477 9.55228 12 9 12V13ZM4 13H3C3 13.5523 3.44772 14 4 14V13ZM15 2H4V4H15V2ZM16 6V3H14V6H16ZM20 5H15V7H20V5ZM21 16V6H19V16H21ZM9 17H20V15H9V17ZM8 13V16H10V13H8ZM4 14H9V12H4V14ZM3 3V13H5V3H3Z" stroke="none" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 609 B

4
src/assets/svg/folder.svg
View File

@ -1,5 +1,5 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 19H4C3.44772 19 3 18.5523 3 18V6C3 5.44772 3.44772 5 4 5H8.58579C8.851 5 9.10536 5.10536 9.29289 5.29289L11.7071 7.70711C11.8946 7.89464 12.149 8 12.4142 8H20C20.5523 8 21 8.44772 21 9V18C21 18.5523 20.5523 19 20 19Z" fill="none" stroke-width="2"/> <path d="M20 19H4C3.44772 19 3 18.5523 3 18V6C3 5.44772 3.44772 5 4 5H8.58579C8.851 5 9.10536 5.10536 9.29289 5.29289L11.7071 7.70711C11.8946 7.89464 12.149 8 12.4142 8H20C20.5523 8 21 8.44772 21 9V18C21 18.5523 20.5523 19 20 19Z" fill="none" stroke-width="2"/>
<path d="M13 11C13 10.4477 12.5523 10 12 10C11.4477 10 11 10.4477 11 11H13ZM11 16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16H11ZM11 11V16H13V11H11Z" stroke="none" /> <path stroke="none" d="M13 11C13 10.4477 12.5523 10 12 10C11.4477 10 11 10.4477 11 11H13ZM11 16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16H11ZM11 11V16H13V11H11Z" />
<path d="M14.5 14.5C15.0523 14.5 15.5 14.0523 15.5 13.5C15.5 12.9477 15.0523 12.5 14.5 12.5L14.5 14.5ZM9.5 12.5C8.94772 12.5 8.5 12.9477 8.5 13.5C8.5 14.0523 8.94772 14.5 9.5 14.5L9.5 12.5ZM14.5 12.5L9.5 12.5L9.5 14.5L14.5 14.5L14.5 12.5Z" stroke="none" /> <path stroke="none" d="M14.5 14.5C15.0523 14.5 15.5 14.0523 15.5 13.5C15.5 12.9477 15.0523 12.5 14.5 12.5L14.5 14.5ZM9.5 12.5C8.94772 12.5 8.5 12.9477 8.5 13.5C8.5 14.0523 8.94772 14.5 9.5 14.5L9.5 12.5ZM14.5 12.5L9.5 12.5L9.5 14.5L14.5 14.5L14.5 12.5Z" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 778 B

After

Width:  |  Height:  |  Size: 778 B

3
src/assets/svg/formula.svg Normal file
View File

@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.53306 7.59408L5.8649 8.34277L5.93056 8.62598H7.65104C7.29972 10.641 7.03705 12.4574 6.53306 15.2568C5.93056 18.8278 5.58417 19.7051 5.37896 20.0257C5.19838 20.3431 4.93899 20.5075 4.58768 20.5075C4.20188 20.5075 3.50417 20.2048 3.12987 19.8613C2.99525 19.7702 2.83601 19.793 2.66692 19.9036C2.32873 20.1868 2.0004 20.623 2.0004 21.0137C1.9807 21.541 2.69154 22 3.36956 22C3.96712 22 4.84706 21.6289 5.77296 20.7565C7.03869 19.5667 7.98594 17.9342 8.77722 14.4056C9.28614 12.153 9.52583 10.6882 9.88371 8.6276L12.0212 8.43555L12.4841 7.59408H10.0774C10.6996 3.71387 11.1856 3.13932 11.7831 3.13932C12.1804 3.13932 12.6434 3.44206 13.1753 4.03776C13.3329 4.2526 13.5693 4.22982 13.7499 4.08333C14.0536 3.9043 14.4279 3.44531 14.4525 3.02865C14.4705 2.56966 13.9189 2 12.9701 2C12.1098 2 10.7916 2.56966 9.68343 3.68945C8.71156 4.70996 8.20264 5.98438 7.85132 7.59408H6.53306ZM13.3723 10.1917C14.0355 9.31608 14.4328 9.02474 14.638 9.02474C14.8498 9.02474 15.0189 9.23145 15.3817 10.3936L16.0022 12.3776C14.8022 14.1973 13.9239 15.2113 13.3903 15.2113C13.213 15.2113 13.0341 15.1559 12.9077 15.0322C12.7829 14.9085 12.645 14.806 12.5104 14.806C12.0704 14.806 11.5254 15.335 11.5155 15.9909C11.5057 16.6598 11.9785 17.1383 12.599 17.1383C13.6645 17.1383 14.5658 16.1016 16.3059 13.3525L16.8149 15.0534C17.2515 16.515 17.7637 17.1383 18.404 17.1383C19.1953 17.1383 20.2591 16.4694 21.4197 14.6611L20.9338 14.111C20.2361 14.9443 19.7731 15.335 19.499 15.335C19.1936 15.335 18.926 14.8727 18.5731 13.7367L17.8294 11.3392C18.2694 10.6963 18.7028 10.1559 19.0836 9.72461C19.5367 9.21191 19.8864 8.99382 20.1245 8.99382C20.3247 8.99382 20.4988 9.07845 20.6071 9.19727C20.7499 9.35352 20.8353 9.42676 21.0044 9.42676C21.3869 9.42676 21.9779 8.94499 21.9993 8.30697C22.019 7.71452 21.6479 7.20996 21.0044 7.20996C20.0325 7.20996 19.1756 8.04004 17.5257 10.4717L17.1859 9.42839C16.7098 7.96354 16.3946 7.20996 15.7313 7.20996C14.9598 7.20996 13.8992 8.15072 12.8617 9.6416L13.3723 10.1917Z" stroke="none" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

5
src/assets/svg/hamburger.svg Normal file
View File

@ -0,0 +1,5 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 6L21 6" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M3 12L21 12" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M3 18L21 18" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 306 B

5
src/assets/svg/help.svg Normal file
View File

@ -0,0 +1,5 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.09 9.00002C9.3251 8.33169 9.78915 7.76813 10.4 7.40915C11.0108 7.05018 11.7289 6.91896 12.4272 7.03873C13.1255 7.15851 13.7588 7.52154 14.2151 8.06355C14.6713 8.60555 14.9211 9.29154 14.92 10C14.92 12 11.92 13 11.92 13" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 17H12.01" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 693 B

3
src/assets/svg/horizontal.svg Normal file
View File

@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 16V8C3 6.89543 3.89543 6 5 6H14.25H19C20.1046 6 21 6.89543 21 8V9.6V16C21 17.1046 20.1046 18 19 18H5C3.89543 18 3 17.1046 3 16Z" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 275 B

4
src/assets/svg/image.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="4.5" width="18" height="15" rx="1" fill="none" stroke-width="2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 7.5C15.6716 7.5 15 8.17157 15 9C15 9.82843 15.6716 10.5 16.5 10.5C17.3284 10.5 18 9.82843 18 9C18 8.17157 17.3284 7.5 16.5 7.5ZM8.65881 10.8085C9.05244 10.1962 9.94753 10.1962 10.3412 10.8085L12.3333 13.9074L13.7567 12.3259C14.1539 11.8845 14.846 11.8845 15.2433 12.3259L17.4979 14.831C18.0771 15.4746 17.6204 16.5 16.7546 16.5H12.2453C12.2324 16.5 12.2194 16.4998 12.2066 16.4993C12.1939 16.4998 12.1812 16.5 12.1683 16.5H6.83165C6.04049 16.5 5.56265 15.6248 5.99047 14.9592L8.65881 10.8085Z" stroke="none" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 727 B

5
src/assets/svg/info.svg Normal file
View File

@ -0,0 +1,5 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 16V12" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 8H12.01" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 481 B

2
src/assets/svg/key.svg
View File

@ -1,5 +1,5 @@
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 3.70394C15.0989 2.09889 12.4966 2.09889 10.8915 3.70395C9.28647 5.309 9.28647 7.91132 10.8915 9.51638L14.379 13.0038C15.984 14.6089 18.5864 14.6089 20.1914 13.0038C21.7965 11.3988 21.7965 8.79647 20.1914 7.19141L16.704 3.70394ZM15.3387 5.28955C14.5485 4.49935 13.2673 4.49935 12.4771 5.28955C11.6869 6.07975 11.6869 7.36091 12.4771 8.15111L15.7442 11.4182C16.5344 12.2084 17.8156 12.2084 18.6058 11.4182C19.396 10.628 19.396 9.34689 18.6058 8.55669L15.3387 5.28955Z" /> <path stroke="none" fill-rule="evenodd" clip-rule="evenodd" d="M16.704 3.70394C15.0989 2.09889 12.4966 2.09889 10.8915 3.70395C9.28647 5.309 9.28647 7.91132 10.8915 9.51638L14.379 13.0038C15.984 14.6089 18.5864 14.6089 20.1914 13.0038C21.7965 11.3988 21.7965 8.79647 20.1914 7.19141L16.704 3.70394ZM15.3387 5.28955C14.5485 4.49935 13.2673 4.49935 12.4771 5.28955C11.6869 6.07975 11.6869 7.36091 12.4771 8.15111L15.7442 11.4182C16.5344 12.2084 17.8156 12.2084 18.6058 11.4182C19.396 10.628 19.396 9.34689 18.6058 8.55669L15.3387 5.28955Z" />
<path d="M12.7875 11.2568L4.59995 19.4443" stroke-width="2" stroke-linecap="round"/> <path d="M12.7875 11.2568L4.59995 19.4443" stroke-width="2" stroke-linecap="round"/>
<path d="M6.42353 17.6207L8.8798 20.077" stroke-width="2" stroke-linecap="round"/> <path d="M6.42353 17.6207L8.8798 20.077" stroke-width="2" stroke-linecap="round"/>
<path d="M9.25196 14.7923L12.527 18.0673" stroke-width="2" stroke-linecap="round"/> <path d="M9.25196 14.7923L12.527 18.0673" stroke-width="2" stroke-linecap="round"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 875 B

After

Width:  |  Height:  |  Size: 889 B

4
src/assets/svg/left-menu.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 19V5C4 3.89543 4.89543 3 6 3H14H18C19.1046 3 20 3.89543 20 5V8.4V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19Z" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M9 4L9 21" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 347 B

4
src/assets/svg/link.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 7H18C18.6566 7 19.3068 7.12933 19.9134 7.3806C20.52 7.63188 21.0712 8.00017 21.5355 8.46447C21.9998 8.92876 22.3681 9.47996 22.6194 10.0866C22.8707 10.6932 23 11.3434 23 12C23 12.6566 22.8707 13.3068 22.6194 13.9134C22.3681 14.52 21.9998 15.0712 21.5355 15.5355C21.0712 15.9998 20.52 16.3681 19.9134 16.6194C19.3068 16.8707 18.6566 17 18 17H15M9 17H6C5.34339 17 4.69321 16.8707 4.08658 16.6194C3.47995 16.3681 2.92876 15.9998 2.46447 15.5355C1.52678 14.5979 1 13.3261 1 12C1 10.6739 1.52678 9.40215 2.46447 8.46447C3.40215 7.52678 4.67392 7 6 7H9" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 12H16" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 816 B

12
src/assets/svg/list.svg
View File

@ -1,8 +1,8 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2" y="3" width="4" height="4" rx="2"/> <rect stroke="none" x="2" y="3" width="4" height="4" rx="2"/>
<rect x="9" y="4" width="13" height="2" rx="1"/> <rect stroke="none" x="9" y="4" width="13" height="2" rx="1"/>
<rect x="2" y="10" width="4" height="4" rx="2"/> <rect stroke="none" x="2" y="10" width="4" height="4" rx="2"/>
<rect x="9" y="11" width="13" height="2" rx="1"/> <rect stroke="none" x="9" y="11" width="13" height="2" rx="1"/>
<rect x="2" y="17" width="4" height="4" rx="2"/> <rect stroke="none" x="2" y="17" width="4" height="4" rx="2"/>
<rect x="9" y="18" width="13" height="2" rx="1"/> <rect stroke="none" x="9" y="18" width="13" height="2" rx="1"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 375 B

After

Width:  |  Height:  |  Size: 459 B

6
src/assets/svg/logo.svg Normal file
View File

@ -0,0 +1,6 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="3" width="18" height="18" rx="9" fill="none" stroke-width="2"/>
<path d="M4.12211 16.3897C2.60514 12.9316 7.35657 10.5328 9.34018 15.7225C11.3238 20.9121 16.1905 20.1049 18.4048 18.1213" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M20.9881 12.055C20.9881 17.7752 14.3453 18.9746 11.9927 12.055C9.64001 5.13545 3.02032 7.27788 3.02032 12.0551" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M20.7574 10.1407C21.0573 12.6086 17.033 14.288 15.1526 8.94133C13.2722 3.59463 9.84761 3.05967 6.45702 4.92794" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 686 B

8
src/assets/svg/more.svg
View File

@ -1,5 +1,5 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<rect x="21" y="10" width="4" height="4" rx="2" transform="rotate(90 21 10)" /> <rect stroke="none" x="21" y="10" width="4" height="4" rx="2" transform="rotate(90 21 10)" />
<rect x="14" y="10" width="4" height="4" rx="2" transform="rotate(90 14 10)" /> <rect stroke="none" x="14" y="10" width="4" height="4" rx="2" transform="rotate(90 14 10)" />
<rect x="7" y="10" width="4" height="4" rx="2" transform="rotate(90 7 10)" /> <rect stroke="none" x="7" y="10" width="4" height="4" rx="2" transform="rotate(90 7 10)" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 318 B

After

Width:  |  Height:  |  Size: 348 B

7
src/assets/svg/palete.svg Normal file
View File

@ -0,0 +1,7 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.3842 9.53246L20.4322 9.83848L21.3842 9.53246ZM4 12.4171C4 7.76847 7.76847 4 12.4171 4V2C6.6639 2 2 6.6639 2 12.4171H4ZM12.4171 20.8342C7.76847 20.8342 4 17.0658 4 12.4171H2C2 18.1703 6.6639 22.8342 12.4171 22.8342V20.8342ZM14.5361 19.1577C14.3659 18.6555 14.2732 18.1165 14.2732 17.5537H12.2732C12.2732 18.3377 12.4026 19.0935 12.642 19.7998L14.5361 19.1577ZM14.2732 17.5537C14.2732 14.7963 16.5085 12.561 19.2659 12.561V10.561C15.404 10.561 12.2732 13.6918 12.2732 17.5537H14.2732ZM12.4171 4C16.1649 4 19.343 6.45008 20.4322 9.83848L22.3362 9.22644C20.989 5.03513 17.0588 2 12.4171 2V4ZM19.2659 12.561C20.0878 12.561 20.9466 12.2711 21.5684 11.7394C22.2173 11.1846 22.675 10.2803 22.3362 9.22644L20.4322 9.83848C20.4584 9.92006 20.4502 9.96619 20.4375 10.0022C20.4207 10.0495 20.3758 10.1277 20.2687 10.2193C20.0416 10.4134 19.6559 10.561 19.2659 10.561V12.561ZM12.4171 22.8342C13.4506 22.8342 14.1415 22.18 14.462 21.4445C14.7685 20.7408 14.7858 19.894 14.5361 19.1577L12.642 19.7998C12.7437 20.0998 12.7221 20.4307 12.6284 20.6457C12.5849 20.7456 12.5391 20.7913 12.5157 20.8087C12.5006 20.8198 12.4778 20.8342 12.4171 20.8342V22.8342Z" stroke="none" />
<path d="M9.84882 8.1366H9.85738" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.28052 11.561H7.28908" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.13663 15.8416H8.14519" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.1293 7.28052H14.1379" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

4
src/assets/svg/plot.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.29289 16.2929C5.90237 16.6834 5.90237 17.3166 6.29289 17.7071C6.68342 18.0976 7.31658 18.0976 7.70711 17.7071L6.29289 16.2929ZM11 13L11.7071 12.2929C11.3166 11.9024 10.6834 11.9024 10.2929 12.2929L11 13ZM14 16L13.2929 16.7071C13.5117 16.9259 13.8195 17.0311 14.1265 16.992C14.4335 16.9528 14.705 16.7738 14.8619 16.507L14 16ZM19.8619 8.00702C20.142 7.53099 19.9831 6.91809 19.507 6.63807C19.031 6.35805 18.4181 6.51695 18.1381 6.99298L19.8619 8.00702ZM7.70711 17.7071L11.7071 13.7071L10.2929 12.2929L6.29289 16.2929L7.70711 17.7071ZM10.2929 13.7071L13.2929 16.7071L14.7071 15.2929L11.7071 12.2929L10.2929 13.7071ZM14.8619 16.507L19.8619 8.00702L18.1381 6.99298L13.1381 15.493L14.8619 16.507Z" stroke="none" />
<path d="M3 3V20C3 20.5523 3.44772 21 4 21H21" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 904 B

6
src/assets/svg/printer.svg
View File

@ -1,5 +1,5 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 18H5C3.89543 18 3 17.1046 3 16V11C3 9.89543 3.89543 9 5 9H14.25H19C20.1046 9 21 9.89543 21 11V11.7V16C21 17.1046 20.1046 18 19 18H15" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M9 18H5C3.89543 18 3 17.1046 3 16V11C3 9.89543 3.89543 9 5 9H14.25H19C20.1046 9 21 9.89543 21 11V11.7V16C21 17.1046 20.1046 18 19 18H15" stroke-width="2" stroke-linecap="round"/>
<path d="M7 9V5C7 3.89543 7.89543 3 9 3H13.25H15.2C16.1941 3 17 3.80589 17 4.8V9H7Z" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M7 9V5C7 3.89543 7.89543 3 9 3H13.25H15.2C16.1941 3 17 3.80589 17 4.8V9H7Z" stroke-width="2" stroke-linecap="round"/>
<path d="M9 20V15C9 14.4477 9.44772 14 10 14H12.75H14C14.5523 14 15 14.4477 15 15V16.1V20C15 20.5523 14.5523 21 14 21H10C9.44772 21 9 20.5523 9 20Z" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M9 20V15C9 14.4477 9.44772 14 10 14H12.75H14C14.5523 14 15 14.4477 15 15V16.1V20C15 20.5523 14.5523 21 14 21H10C9.44772 21 9 20.5523 9 20Z" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 587 B

After

Width:  |  Height:  |  Size: 623 B

4
src/assets/svg/right-menu.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 19V5C4 3.89543 4.89543 3 6 3H14H18C19.1046 3 20 3.89543 20 5V8.4V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19Z" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M15 4L15 21" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 348 B

17
src/assets/svg/scriptIcons.sh Normal file
View File

@ -0,0 +1,17 @@
#!/bin/bash
icons="../../components/icons.tsx"
sgvnames=$(ls *.svg)
for name in $sgvnames; do
svgInfo=$(grep $name $icons)
componentName=`echo "${name[@]^}" | sed 's/-\w/\U&/g' | tr -d '-' |sed 's/\.svg//g';`
if [ -z "$svgInfo" ]
then
echo 'export { ReactComponent as SVG'$componentName' } from "assets/svg/'$name'";' >> $icons
echo "$name Added to icons.tsx"
else
echo "$name already exist"
fi
done

4
src/assets/svg/search.svg
View File

@ -1,4 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8995 19.9246L14.2427 14.2678" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M19.8995 19.9246L14.2427 14.2678" stroke-width="2" stroke-linecap="round"/>
<path d="M14.2426 5.78251C16.5858 8.12565 16.5858 11.9246 14.2426 14.2678C11.8995 16.6109 8.1005 16.6109 5.75736 14.2678C3.41421 11.9246 3.41421 8.12565 5.75736 5.78251C8.1005 3.43936 11.8995 3.43936 14.2426 5.78251Z" stroke-width="2"/> <path fill="none" d="M14.2426 5.78251C16.5858 8.12565 16.5858 11.9246 14.2426 14.2678C11.8995 16.6109 8.1005 16.6109 5.75736 14.2678C3.41421 11.9246 3.41421 8.12565 5.75736 5.78251C8.1005 3.43936 11.8995 3.43936 14.2426 5.78251Z" stroke-width="2"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 402 B

After

Width:  |  Height:  |  Size: 426 B

4
src/assets/svg/selection.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H15C15.5523 21 16 20.5523 16 20V18H14.9375L13.8736 14.9205H9.32708L8.26136 18H6.39773L10.5852 6.36364H12.6136L16 15.7738V4C16 3.44772 15.5523 3 15 3H4ZM9.83831 13.4432H13.3633L11.6477 8.47727H11.5568L9.83831 13.4432Z" stroke="none" />
<path d="M19 2L19 22" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 497 B

4
src/assets/svg/send.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.25 4H3.74999C2.73747 4 1.91666 4.89543 1.91666 6V18C1.91666 19.1046 2.73747 20 3.74999 20H20.25C21.2625 20 22.0833 19.1046 22.0833 18V6C22.0833 4.89543 21.2625 4 20.25 4Z" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.83334 5L12 10L21.1667 5" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 458 B

4
src/assets/svg/settings.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15V15Z" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

4
src/assets/svg/shape.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="9.92819" y="10" width="11" height="11" rx="1" fill="none" stroke-width="2"/>
<path d="M8.9282 15H3.73205C2.96225 15 2.48113 14.1667 2.86603 13.5L8.06218 4.5C8.44708 3.83333 9.40933 3.83333 9.79423 4.5L12.3923 9L13.2583 10.5" fill="none" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 345 B

2
src/assets/svg/share.svg
View File

@ -1,3 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 2C15.567 2 14 3.567 14 5.5C14 5.76819 14.0302 6.02934 14.0873 6.28023L8.87961 9.2237C8.15209 8.46927 7.13084 8 6 8C3.79086 8 2 9.79086 2 12C2 14.2091 3.79086 16 6 16C7.13084 16 8.15208 15.5307 8.87961 14.7763L14.0873 17.7198C14.0302 17.9707 14 18.2318 14 18.5C14 20.433 15.567 22 17.5 22C19.433 22 21 20.433 21 18.5C21 16.567 19.433 15 17.5 15C16.5572 15 15.7014 15.3728 15.0721 15.979L9.86462 13.0357C9.95292 12.7054 10 12.3582 10 12C10 11.6418 9.95292 11.2946 9.86462 10.9643L15.0721 8.02097C15.7014 8.6272 16.5572 9 17.5 9C19.433 9 21 7.433 21 5.5C21 3.567 19.433 2 17.5 2ZM6 10C4.89543 10 4 10.8954 4 12C4 13.1046 4.89543 14 6 14C7.10457 14 8 13.1046 8 12C8 10.8954 7.10457 10 6 10ZM16 5.5C16 4.67157 16.6716 4 17.5 4C18.3284 4 19 4.67157 19 5.5C19 6.32843 18.3284 7 17.5 7C16.6716 7 16 6.32843 16 5.5ZM17.5 17C16.6716 17 16 17.6716 16 18.5C16 19.3284 16.6716 20 17.5 20C18.3284 20 19 19.3284 19 18.5C19 17.6716 18.3284 17 17.5 17Z"/> <path stroke="none" fill-rule="evenodd" clip-rule="evenodd" d="M17.5 2C15.567 2 14 3.567 14 5.5C14 5.76819 14.0302 6.02934 14.0873 6.28023L8.87961 9.2237C8.15209 8.46927 7.13084 8 6 8C3.79086 8 2 9.79086 2 12C2 14.2091 3.79086 16 6 16C7.13084 16 8.15208 15.5307 8.87961 14.7763L14.0873 17.7198C14.0302 17.9707 14 18.2318 14 18.5C14 20.433 15.567 22 17.5 22C19.433 22 21 20.433 21 18.5C21 16.567 19.433 15 17.5 15C16.5572 15 15.7014 15.3728 15.0721 15.979L9.86462 13.0357C9.95292 12.7054 10 12.3582 10 12C10 11.6418 9.95292 11.2946 9.86462 10.9643L15.0721 8.02097C15.7014 8.6272 16.5572 9 17.5 9C19.433 9 21 7.433 21 5.5C21 3.567 19.433 2 17.5 2ZM6 10C4.89543 10 4 10.8954 4 12C4 13.1046 4.89543 14 6 14C7.10457 14 8 13.1046 8 12C8 10.8954 7.10457 10 6 10ZM16 5.5C16 4.67157 16.6716 4 17.5 4C18.3284 4 19 4.67157 19 5.5C19 6.32843 18.3284 7 17.5 7C16.6716 7 16 6.32843 16 5.5ZM17.5 17C16.6716 17 16 17.6716 16 18.5C16 19.3284 16.6716 20 17.5 20C18.3284 20 19 19.3284 19 18.5C19 17.6716 18.3284 17 17.5 17Z"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

6
src/assets/svg/smile.svg Normal file
View File

@ -0,0 +1,6 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 14C8 14 9.5 16 12 16C14.5 16 16 14 16 14" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 9H9.01" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 9H15.01" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 612 B

8
src/assets/svg/table.svg Normal file
View File

@ -0,0 +1,8 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="3" width="18" height="18" rx="1" fill="none" stroke-width="2"/>
<path d="M9 4L9 21" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M3 9L21 9" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M3 15L21 15" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M13 12H17" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M13 18H17" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 531 B

3
src/assets/svg/text.svg Normal file
View File

@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.1602 4L18.3359 7.72656H17.8906C17.8047 7.07031 17.6875 6.60156 17.5391 6.32031C17.2969 5.86719 16.9727 5.53516 16.5664 5.32422C16.168 5.10547 15.6406 4.99609 14.9844 4.99609H12.7461V17.1367C12.7461 18.1133 12.8516 18.7227 13.0625 18.9648C13.3594 19.293 13.8164 19.457 14.4336 19.457H14.9844V19.8906H8.24609V19.457H8.80859C9.48047 19.457 9.95703 19.2539 10.2383 18.8477C10.4102 18.5977 10.4961 18.0273 10.4961 17.1367V4.99609H8.58594C7.84375 4.99609 7.31641 5.05078 7.00391 5.16016C6.59766 5.30859 6.25 5.59375 5.96094 6.01562C5.67188 6.4375 5.5 7.00781 5.44531 7.72656H5L5.1875 4H18.1602Z" stroke="none" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 700 B

4
src/assets/svg/user.svg
View File

@ -1,4 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="8" r="5" stroke-width="2"/> <circle fill="none" cx="12" cy="8" r="5" stroke-width="2"/>
<path d="M4 21V18C4 15.2386 6.23858 13 9 13H15C17.7614 13 20 15.2386 20 18V21" stroke-width="2" stroke-linecap="round"/> <path fill="none" d="M4 21V18C4 15.2386 6.23858 13 9 13H15C17.7614 13 20 15.2386 20 18V21" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 249 B

After

Width:  |  Height:  |  Size: 273 B

3
src/assets/svg/vertical.svg Normal file
View File

@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 21L8 21C6.89543 21 6 20.1046 6 19L6 9.75L6 5C6 3.89543 6.89543 3 8 3L9.6 3L16 3C17.1046 3 18 3.89543 18 5L18 19C18 20.1046 17.1046 21 16 21Z" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 289 B

4
src/assets/svg/video.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="6" width="18" height="12" rx="1" fill="none" stroke-width="2"/>
<path d="M14.4806 11.1318C15.1524 11.5157 15.1524 12.4843 14.4806 12.8682L10.4961 15.1451C9.82948 15.526 9 15.0446 9 14.2768L9 9.72318C9 8.95536 9.82948 8.47399 10.4961 8.85494L14.4806 11.1318Z" stroke="none" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 371 B

32
src/components/icons.tsx
View File

@ -31,3 +31,35 @@ export { ReactComponent as SVGShare } from "assets/svg/share.svg";
export { ReactComponent as SVGUser } from "assets/svg/user.svg"; export { ReactComponent as SVGUser } from "assets/svg/user.svg";
export { ReactComponent as SVGXMark } from "assets/svg/xmark.svg"; export { ReactComponent as SVGXMark } from "assets/svg/xmark.svg";
export { ReactComponent as SVGCheckmark } from "assets/svg/checkmark.svg"; export { ReactComponent as SVGCheckmark } from "assets/svg/checkmark.svg";
export { ReactComponent as SVGArrowUp } from "assets/svg/arrow-up.svg";
export { ReactComponent as SVGBellNotification } from "assets/svg/bell-notification.svg";
export { ReactComponent as SVGBell } from "assets/svg/bell.svg";
export { ReactComponent as SVGBookmarkFilled } from "assets/svg/bookmark-filled.svg";
export { ReactComponent as SVGBookmarkOutlined } from "assets/svg/bookmark-outlined.svg";
export { ReactComponent as SVGChart } from "assets/svg/chart.svg";
export { ReactComponent as SVGCircle } from "assets/svg/circle.svg";
export { ReactComponent as SVGFavoriteFilled } from "assets/svg/favorite-filled.svg";
export { ReactComponent as SVGFavoriteOutlined } from "assets/svg/favorite-outlined.svg";
export { ReactComponent as SVGFile } from "assets/svg/file.svg";
export { ReactComponent as SVGFilter } from "assets/svg/filter.svg";
export { ReactComponent as SVGFlag } from "assets/svg/flag.svg";
export { ReactComponent as SVGFormula } from "assets/svg/formula.svg";
export { ReactComponent as SVGHamburger } from "assets/svg/hamburger.svg";
export { ReactComponent as SVGHelp } from "assets/svg/help.svg";
export { ReactComponent as SVGHorizontal } from "assets/svg/horizontal.svg";
export { ReactComponent as SVGImage } from "assets/svg/image.svg";
export { ReactComponent as SVGInfo } from "assets/svg/info.svg";
export { ReactComponent as SVGLeftMenu } from "assets/svg/left-menu.svg";
export { ReactComponent as SVGLink } from "assets/svg/link.svg";
export { ReactComponent as SVGLogo } from "assets/svg/logo.svg";
export { ReactComponent as SVGPalete } from "assets/svg/palete.svg";
export { ReactComponent as SVGPlot } from "assets/svg/plot.svg";
export { ReactComponent as SVGRightMenu } from "assets/svg/right-menu.svg";
export { ReactComponent as SVGSelection } from "assets/svg/selection.svg";
export { ReactComponent as SVGSend } from "assets/svg/send.svg";
export { ReactComponent as SVGSettings } from "assets/svg/settings.svg";
export { ReactComponent as SVGShape } from "assets/svg/shape.svg";
export { ReactComponent as SVGSmile } from "assets/svg/smile.svg";
export { ReactComponent as SVGTable } from "assets/svg/table.svg";
export { ReactComponent as SVGVertical } from "assets/svg/vertical.svg";
export { ReactComponent as SVGVideo } from "assets/svg/video.svg";