Simon/famfamfam-silk-svg
1
0
Fork 0
mirror of https://github.com/SimonPistache/famfamfam-silk-svg.git synced 2025-06-08 01:54:20 +02:00
Code

Compare commits

base: Simon:8a46e61f75e3f0aff2c0ff46a1711395c508e436
Branches Tags
Simon:main
Simon:v1.3.3
Simon:v1.3.2
Simon:v1.3.1
Simon:v1.3.0
Simon:v1.2.2
Simon:v1.2.1
Simon:v1.2.0
Simon:v1.1.1
Simon:v1.1.0
Simon:v1.0.0
Simon:v0.198.0
Simon:v0.197.1
Simon:v0.196.1
...
compare: Simon:145e40d970c3766aae51e31dae2571b3edfb030e
Branches Tags
Simon:main
Simon:v1.3.3
Simon:v1.3.2
Simon:v1.3.1
Simon:v1.3.0
Simon:v1.2.2
Simon:v1.2.1
Simon:v1.2.0
Simon:v1.1.1
Simon:v1.1.0
Simon:v1.0.0
Simon:v0.198.0
Simon:v0.197.1
Simon:v0.196.1

2 Commits
8a46e61f75 ... 145e40d970

Author SHA1 Message Date
Simon Priet
145e40d970
ci(#215): Fix auto-release not triggered (#216) 
The Workflow file was using an invalid keyword `merged`. The right keyword to use is `closed`.
 2025-03-13 16:00:02 +01:00
Simon Priet
37c12a26a7
fix(#178): inset shadow fix (#214) 
* fix(#178): Changed inset shadow to radial gradient on base_circle

* fix(#178): Changed inset shadow to radial gradient for bullet decorators

* fix(#178): Reset base_circle of Help and Info icons to component state

* fix(#178): Reset base circle of Delete and Exclamation to component state

* fix(#178): Add more border to the base_circle for Controls icons

* fix(#178): Put key square variant in a full icon
 2025-03-13 15:35:31 +01:00
38 changed files with 304 additions and 635 deletions
Show Stats Expand all files Collapse all files

4
.github/workflows/auto-release.yml vendored
View File

@ -4,9 +4,9 @@ run-name: Release a new version of the icon pack on PR's merging
on:
pull_request:
types:
- merged
- closed
branches:
- main
- 'main'
jobs:
semantic-release:

2
.releaserc.yml
View File

@ -1,7 +1,7 @@
plugins:
- "@semantic-release/commit-analyzer"
- "@semantic-release/release-notes-generator"
# - "@semantic-release/changelog"
- "@semantic-release/changelog"
- "@semantic-release/git"
- "@semantic-release/github"

23
icons/Accept.svg
View File

@ -1,24 +1,15 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_81_4054)">
<g filter="url(#filter0_i_81_4054)">
<circle cx="8" cy="8" r="7" fill="#6EB558"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_81_4054)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_81_4054)" stroke="url(#paint1_linear_81_4054)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.5"/>
<path d="M5.5 7.5L7.5 9.5L11 6" stroke="white" stroke-width="2"/>
</g>
<defs>
<filter id="filter0_i_81_4054" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.615234 0 0 0 0 0.899316 0 0 0 0 0.570196 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_81_4054"/>
</filter>
<linearGradient id="paint0_linear_81_4054" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_81_4054" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.331578" stop-color="#65AB55"/>
<stop offset="1" stop-color="#9DE591"/>
</radialGradient>
<linearGradient id="paint1_linear_81_4054" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#277224"/>
<stop offset="1" stop-color="#5CC33D"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 940 B

23
icons/Add.svg
View File

@ -1,24 +1,15 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_81_4055)">
<g filter="url(#filter0_i_81_4055)">
<circle cx="8" cy="8" r="7" fill="#6EB558"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_81_4055)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_81_4055)" stroke="url(#paint1_linear_81_4055)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.5"/>
<path d="M5 8H11M8 5V11" stroke="white" stroke-width="2"/>
</g>
<defs>
<filter id="filter0_i_81_4055" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.615234 0 0 0 0 0.899316 0 0 0 0 0.570196 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_81_4055"/>
</filter>
<linearGradient id="paint0_linear_81_4055" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_81_4055" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.331578" stop-color="#65AB55"/>
<stop offset="1" stop-color="#9DE591"/>
</radialGradient>
<linearGradient id="paint1_linear_81_4055" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#277224"/>
<stop offset="1" stop-color="#5CC33D"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 933 B

22
icons/Bullet black.svg
View File

@ -1,21 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_99_12610)">
<circle cx="8.5" cy="8.5" r="3.5" fill="#565656"/>
</g>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12610)"/>
<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12610)"/>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12610)" stroke-opacity="0.66"/>
<circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
<defs>
<filter id="filter0_i_99_12610" x="5" y="5" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.880384 0 0 0 0 0.935048 0 0 0 0 0.989714 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12610"/>
</filter>
<linearGradient id="paint0_linear_99_12610" x1="5" y1="5" x2="12" y2="12" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12610" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
<stop offset="0.33125" stop-color="#565656"/>
<stop offset="1" stop-color="#BCBCBC"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12610" x1="5" y1="5" x2="12" y2="12" gradientUnits="userSpaceOnUse">
<stop stop-color="#1D1D1D"/>
<stop offset="1"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 792 B

22
icons/Bullet blue.svg
View File

@ -1,21 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_99_12609)">
<circle cx="8.5" cy="8.5" r="3.5" fill="#6EC2F5"/>
</g>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12609)" stroke-opacity="0.835294"/>
<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12609)"/>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12609)" stroke-opacity="0.66"/>
<circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
<defs>
<filter id="filter0_i_99_12609" x="5" y="5" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.880384 0 0 0 0 0.935048 0 0 0 0 0.989714 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12609"/>
</filter>
<linearGradient id="paint0_linear_99_12609" x1="5" y1="5" x2="12" y2="12" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12609" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
<stop offset="0.33125" stop-color="#6EC2F5"/>
<stop offset="1" stop-color="#E0EEFC"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12609" x1="5" y1="5" x2="12" y2="12" gradientUnits="userSpaceOnUse">
<stop stop-color="#00A1F9"/>
<stop offset="1" stop-color="#0082BB" stop-opacity="0.835294"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 837 B

22
icons/Bullet green.svg
View File

@ -1,21 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_99_12602)">
<circle cx="8.5" cy="8.5" r="3.5" fill="#6EB558"/>
</g>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12602)"/>
<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12602)"/>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12602)" stroke-opacity="0.66"/>
<circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
<defs>
<filter id="filter0_i_99_12602" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.615234 0 0 0 0 0.899316 0 0 0 0 0.570196 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12602"/>
</filter>
<linearGradient id="paint0_linear_99_12602" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12602" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
<stop offset="0.325" stop-color="#6EB558"/>
<stop offset="1" stop-color="#9DE591"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12602" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#277224"/>
<stop offset="1" stop-color="#5CC33D"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 811 B

22
icons/Bullet orange.svg
View File

@ -1,21 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_99_12600)">
<circle cx="8.5" cy="8.5" r="3.5" fill="#FF8707"/>
</g>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12600)"/>
<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12600)"/>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12600)" stroke-opacity="0.66"/>
<circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
<defs>
<filter id="filter0_i_99_12600" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.899316 0 0 0 0 0.78961 0 0 0 0 0.570196 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12600"/>
</filter>
<linearGradient id="paint0_linear_99_12600" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12600" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
<stop offset="0.326479" stop-color="#FF8707"/>
<stop offset="1" stop-color="#E5C991"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12600" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#DE6800"/>
<stop offset="1" stop-color="#FF8D13"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 814 B

22
icons/Bullet pink.svg
View File

@ -1,21 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_99_12598)">
<circle cx="8.5" cy="8.5" r="3.5" fill="#FF21F4"/>
</g>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12598)"/>
<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12598)"/>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12598)" stroke-opacity="0.66"/>
<circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
<defs>
<filter id="filter0_i_99_12598" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.980392 0 0 0 0 0.631373 0 0 0 0 0.960784 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12598"/>
</filter>
<linearGradient id="paint0_linear_99_12598" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12598" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
<stop stop-color="#FF21F4"/>
<stop offset="1" stop-color="#FAA1F5"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12598" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#7F1D84"/>
<stop offset="1" stop-color="#FB45FB"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 796 B

22
icons/Bullet purple.svg
View File

@ -1,21 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_99_12597)">
<circle cx="8.5" cy="8.5" r="3.5" fill="#9123FF"/>
</g>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12597)"/>
<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12597)"/>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12597)" stroke-opacity="0.66"/>
<circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
<defs>
<filter id="filter0_i_99_12597" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.737842 0 0 0 0 0.475684 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12597"/>
</filter>
<linearGradient id="paint0_linear_99_12597" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12597" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
<stop stop-color="#9123FF"/>
<stop offset="1" stop-color="#BC79FF"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12597" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#5900B5"/>
<stop offset="1" stop-color="#8800FB"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 796 B

22
icons/Bullet red.svg
View File

@ -1,21 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_99_12596)">
<circle cx="8.5" cy="8.5" r="3.5" fill="#FF0505"/>
</g>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12596)"/>
<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12596)"/>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12596)" stroke-opacity="0.66"/>
<circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
<defs>
<filter id="filter0_i_99_12596" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.489095 0 0 0 0 0.489095 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12596"/>
</filter>
<linearGradient id="paint0_linear_99_12596" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12596" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
<stop stop-color="#FF0505"/>
<stop offset="1" stop-color="#FF7D7D"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12596" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#731010"/>
<stop offset="1" stop-color="#D40000"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 796 B

24
icons/Bullet white.svg
View File

@ -1,23 +1,11 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_99_12592)">
<circle cx="8.5" cy="8.5" r="3.5" fill="#C1C1C1"/>
</g>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12592)"/>
<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12592)"/>
<circle cx="8.5" cy="8.5" r="3" stroke="#A8A8A8" stroke-opacity="0.66"/>
<circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
<defs>
<filter id="filter0_i_99_12592" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12592"/>
</filter>
<linearGradient id="paint0_linear_99_12592" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#BABABA"/>
<stop offset="1" stop-color="#E9E9E9"/>
</linearGradient>
<radialGradient id="paint0_radial_99_12592" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
<stop offset="0.329722" stop-color="#C1C1C1"/>
<stop offset="1" stop-color="white"/>
</radialGradient>
</defs>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 598 B

22
icons/Bullet yellow.svg
View File

@ -1,21 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_99_12591)">
<circle cx="8.5" cy="8.5" r="3.5" fill="#FBB500"/>
</g>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12591)"/>
<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12591)"/>
<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12591)" stroke-opacity="0.66"/>
<circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
<defs>
<filter id="filter0_i_99_12591" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.886275 0 0 0 0 0.505882 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12591"/>
</filter>
<linearGradient id="paint0_linear_99_12591" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12591" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
<stop offset="0.33" stop-color="#FBB500"/>
<stop offset="1" stop-color="#F8E281"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12591" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#B58100"/>
<stop offset="1" stop-color="#FBBF00"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 810 B

27
icons/Control eject blue.svg
View File

@ -1,27 +1,14 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12581)">
<g filter="url(#filter0_i_99_12581)">
<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12581)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12581)" stroke="url(#paint1_linear_99_12581)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
<g filter="url(#filter1_i_99_12581)">
<g filter="url(#filter0_i_99_12581)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 5L5 8H11L8 5ZM11 11V9H5V11H11Z" fill="#5B8FD1"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12581" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12581"/>
</filter>
<filter id="filter1_i_99_12581" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12581" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -31,7 +18,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12581"/>
</filter>
<linearGradient id="paint0_linear_99_12581" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12581" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.33089" stop-color="#D1DFF1"/>
<stop offset="1" stop-color="#EBF1F9"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12581" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#8CADD4"/>
<stop offset="1" stop-color="#D7E5F6"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

25
icons/Control eject.svg
View File

@ -1,26 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12580)">
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12580)" stroke="url(#paint1_linear_99_12580)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter0_i_99_12580)">
<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12580)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter1_i_99_12580)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 5L5 8H11L8 5ZM11 11V9H5V11H11Z" fill="#808080"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12580" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12580"/>
</filter>
<filter id="filter1_i_99_12580" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12580" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -30,7 +17,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12580"/>
</filter>
<linearGradient id="paint0_linear_99_12580" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12580" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.332524" stop-color="#DEDEDE"/>
<stop offset="1" stop-color="#F0F0F0"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12580" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#9F9F9F"/>
<stop offset="1" stop-color="#DADADA"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

27
icons/Control end blue.svg
View File

@ -1,27 +1,14 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12579)">
<g filter="url(#filter0_i_99_12579)">
<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12579)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12579)" stroke="url(#paint1_linear_99_12579)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
<g filter="url(#filter1_i_99_12579)">
<g filter="url(#filter0_i_99_12579)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 8L5 5V11L8 8ZM11 5H9V11H11V5Z" fill="#5B8FD1"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12579" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12579"/>
</filter>
<filter id="filter1_i_99_12579" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12579" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -31,7 +18,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12579"/>
</filter>
<linearGradient id="paint0_linear_99_12579" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12579" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.33089" stop-color="#D1DFF1"/>
<stop offset="1" stop-color="#EBF1F9"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12579" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#8CADD4"/>
<stop offset="1" stop-color="#D7E5F6"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

25
icons/Control end.svg
View File

@ -1,26 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12578)">
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12578)" stroke="url(#paint1_linear_99_12578)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter0_i_99_12578)">
<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12578)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter1_i_99_12578)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 11V5H9V11H11ZM8 8L5 5V11L8 8Z" fill="#808080"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12578" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12578"/>
</filter>
<filter id="filter1_i_99_12578" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12578" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -30,7 +17,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12578"/>
</filter>
<linearGradient id="paint0_linear_99_12578" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12578" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.332524" stop-color="#DEDEDE"/>
<stop offset="1" stop-color="#F0F0F0"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12578" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#9F9F9F"/>
<stop offset="1" stop-color="#DADADA"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

27
icons/Control equalizer blue.svg
View File

@ -1,28 +1,15 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12577)">
<g filter="url(#filter0_i_99_12577)">
<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12577)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12577)" stroke="url(#paint1_linear_99_12577)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
<g filter="url(#filter1_i_99_12577)">
<g filter="url(#filter0_i_99_12577)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 10.9146V12H7V10.9146C7.5826 10.7087 8 10.1531 8 9.5C8 8.84689 7.5826 8.29127 7 8.08535V4H6V8.08535C5.4174 8.29127 5 8.84689 5 9.5C5 10.1531 5.4174 10.7087 6 10.9146ZM6.5 10C6.77614 10 7 9.77614 7 9.5C7 9.22386 6.77614 9 6.5 9C6.22386 9 6 9.22386 6 9.5C6 9.77614 6.22386 10 6.5 10Z" fill="#5B8FD1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 5.08535V4H9V5.08535C8.4174 5.29127 8 5.84689 8 6.5C8 7.15311 8.4174 7.70873 9 7.91465V12H10V7.91465C10.5826 7.70873 11 7.15311 11 6.5C11 5.84689 10.5826 5.29127 10 5.08535ZM9.5 6C9.22386 6 9 6.22386 9 6.5C9 6.77614 9.22386 7 9.5 7C9.77614 7 10 6.77614 10 6.5C10 6.22386 9.77614 6 9.5 6Z" fill="#5B8FD1"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12577" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12577"/>
</filter>
<filter id="filter1_i_99_12577" x="5" y="4" width="6.5" height="8.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12577" x="5" y="4" width="6.5" height="8.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -32,7 +19,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12577"/>
</filter>
<linearGradient id="paint0_linear_99_12577" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12577" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.33089" stop-color="#D1DFF1"/>
<stop offset="1" stop-color="#EBF1F9"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12577" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#8CADD4"/>
<stop offset="1" stop-color="#D7E5F6"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

25
icons/Control equalizer.svg
View File

@ -1,27 +1,14 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12576)">
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12576)" stroke="url(#paint1_linear_99_12576)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter0_i_99_12576)">
<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12576)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter1_i_99_12576)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 10.9146V12H7V10.9146C7.5826 10.7087 8 10.1531 8 9.5C8 8.84689 7.5826 8.29127 7 8.08535V4H6V8.08535C5.4174 8.29127 5 8.84689 5 9.5C5 10.1531 5.4174 10.7087 6 10.9146ZM6.5 10C6.77614 10 7 9.77614 7 9.5C7 9.22386 6.77614 9 6.5 9C6.22386 9 6 9.22386 6 9.5C6 9.77614 6.22386 10 6.5 10Z" fill="#808080"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 5.08535V4H9V5.08535C8.4174 5.29127 8 5.84689 8 6.5C8 7.15311 8.4174 7.70873 9 7.91465V12H10V7.91465C10.5826 7.70873 11 7.15311 11 6.5C11 5.84689 10.5826 5.29127 10 5.08535ZM9.5 6C9.22386 6 9 6.22386 9 6.5C9 6.77614 9.22386 7 9.5 7C9.77614 7 10 6.77614 10 6.5C10 6.22386 9.77614 6 9.5 6Z" fill="#808080"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12576" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12576"/>
</filter>
<filter id="filter1_i_99_12576" x="5" y="4" width="6.5" height="8.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12576" x="5" y="4" width="6.5" height="8.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -31,7 +18,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12576"/>
</filter>
<linearGradient id="paint0_linear_99_12576" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12576" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.332524" stop-color="#DEDEDE"/>
<stop offset="1" stop-color="#F0F0F0"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12576" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#9F9F9F"/>
<stop offset="1" stop-color="#DADADA"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

27
icons/Control fastforward blue.svg
View File

@ -1,27 +1,14 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12575)">
<g filter="url(#filter0_i_99_12575)">
<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12575)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12575)" stroke="url(#paint1_linear_99_12575)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
<g filter="url(#filter1_i_99_12575)">
<g filter="url(#filter0_i_99_12575)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 8L5 5V11L8 8ZM12 8L9 5V11L12 8Z" fill="#5B8FD1"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12575" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12575"/>
</filter>
<filter id="filter1_i_99_12575" x="5" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12575" x="5" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -31,7 +18,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12575"/>
</filter>
<linearGradient id="paint0_linear_99_12575" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12575" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.33089" stop-color="#D1DFF1"/>
<stop offset="1" stop-color="#EBF1F9"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12575" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#8CADD4"/>
<stop offset="1" stop-color="#D7E5F6"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

29
icons/Control fastforward.svg
View File

@ -1,29 +1,16 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12573)">
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12573)" stroke="url(#paint1_linear_99_12573)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter0_i_99_12573)">
<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12573)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter1_i_99_12573)">
<path d="M5 11L5 5L8 8L5 11Z" fill="#808080"/>
</g>
<g filter="url(#filter2_i_99_12573)">
<g filter="url(#filter1_i_99_12573)">
<path d="M9 11L9 5L12 8L9 11Z" fill="#808080"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12573" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12573"/>
</filter>
<filter id="filter1_i_99_12573" x="5" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12573" x="5" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -33,7 +20,7 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12573"/>
</filter>
<filter id="filter2_i_99_12573" x="9" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter1_i_99_12573" x="9" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -43,7 +30,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12573"/>
</filter>
<linearGradient id="paint0_linear_99_12573" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12573" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.332524" stop-color="#DEDEDE"/>
<stop offset="1" stop-color="#F0F0F0"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12573" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#9F9F9F"/>
<stop offset="1" stop-color="#DADADA"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

31
icons/Control pause blue.svg
View File

@ -1,30 +1,17 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12574)">
<g filter="url(#filter0_i_99_12574)">
<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12574)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12574)" stroke="url(#paint1_linear_99_12574)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
<g filter="url(#filter1_i_99_12574)">
<g filter="url(#filter0_i_99_12574)">
<path d="M5 11V5H7V11H5Z" fill="#5B8FD1"/>
</g>
<g filter="url(#filter2_i_99_12574)">
<g filter="url(#filter1_i_99_12574)">
<path d="M9 11V5H11V11H9Z" fill="#5B8FD1"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12574" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12574"/>
</filter>
<filter id="filter1_i_99_12574" x="5" y="5" width="2.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12574" x="5" y="5" width="2.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -34,7 +21,7 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12574"/>
</filter>
<filter id="filter2_i_99_12574" x="9" y="5" width="2.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter1_i_99_12574" x="9" y="5" width="2.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -44,7 +31,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12574"/>
</filter>
<linearGradient id="paint0_linear_99_12574" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12574" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.33089" stop-color="#D1DFF1"/>
<stop offset="1" stop-color="#EBF1F9"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12574" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#8CADD4"/>
<stop offset="1" stop-color="#D7E5F6"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

25
icons/Control pause.svg
View File

@ -1,26 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12572)">
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12572)" stroke="url(#paint1_linear_99_12572)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter0_i_99_12572)">
<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12572)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter1_i_99_12572)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 5L9 5L9 11L11 11L11 5ZM7 5L5 5L5 11L7 11L7 5Z" fill="#808080"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12572" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12572"/>
</filter>
<filter id="filter1_i_99_12572" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12572" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -30,7 +17,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12572"/>
</filter>
<linearGradient id="paint0_linear_99_12572" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12572" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.332524" stop-color="#DEDEDE"/>
<stop offset="1" stop-color="#F0F0F0"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12572" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#9F9F9F"/>
<stop offset="1" stop-color="#DADADA"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

27
icons/Control play blue.svg
View File

@ -1,27 +1,14 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12567)">
<g filter="url(#filter0_i_99_12567)">
<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12567)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12567)" stroke="url(#paint1_linear_99_12567)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
<g filter="url(#filter1_i_99_12567)">
<g filter="url(#filter0_i_99_12567)">
<path d="M7 11V5L10 8L7 11Z" fill="#5B8FD1"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12567" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12567"/>
</filter>
<filter id="filter1_i_99_12567" x="7" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12567" x="7" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -31,7 +18,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12567"/>
</filter>
<linearGradient id="paint0_linear_99_12567" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12567" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.33089" stop-color="#D1DFF1"/>
<stop offset="1" stop-color="#EBF1F9"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12567" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#8CADD4"/>
<stop offset="1" stop-color="#D7E5F6"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

25
icons/Control play.svg
View File

@ -1,26 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12566)">
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12566)" stroke="url(#paint1_linear_99_12566)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter0_i_99_12566)">
<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12566)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter1_i_99_12566)">
<path d="M7 11L7 5L10 8L7 11Z" fill="#808080"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12566" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12566"/>
</filter>
<filter id="filter1_i_99_12566" x="7" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12566" x="7" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -30,7 +17,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12566"/>
</filter>
<linearGradient id="paint0_linear_99_12566" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12566" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.332524" stop-color="#DEDEDE"/>
<stop offset="1" stop-color="#F0F0F0"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12566" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#9F9F9F"/>
<stop offset="1" stop-color="#DADADA"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

27
icons/Control repeat blue.svg
View File

@ -1,28 +1,15 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12564)">
<g filter="url(#filter0_i_99_12564)">
<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12564)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12564)" stroke="url(#paint1_linear_99_12564)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
<g filter="url(#filter1_i_99_12564)">
<g filter="url(#filter0_i_99_12564)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 6C5.22386 6 5 6.22386 5 6.5V8.5C5 8.77614 5.22386 9 5.5 9H6V10H5.5C4.67157 10 4 9.32843 4 8.5V6.5C4 5.67157 4.67157 5 5.5 5H10.5C11.3284 5 12 5.67157 12 6.5V8.5C12 9.32843 11.3284 10 10.5 10H8.5V9H10.5C10.7761 9 11 8.77614 11 8.5V6.5C11 6.22386 10.7761 6 10.5 6H5.5Z" fill="#5B8FD1"/>
<path d="M10 7L7 9.5L10 12V7Z" fill="#5B8FD1"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12564" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12564"/>
</filter>
<filter id="filter1_i_99_12564" x="4" y="5" width="8.5" height="7.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12564" x="4" y="5" width="8.5" height="7.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -32,7 +19,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12564"/>
</filter>
<linearGradient id="paint0_linear_99_12564" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12564" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.33089" stop-color="#D1DFF1"/>
<stop offset="1" stop-color="#EBF1F9"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12564" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#8CADD4"/>
<stop offset="1" stop-color="#D7E5F6"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

25
icons/Control repeat.svg
View File

@ -1,27 +1,14 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12565)">
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12565)" stroke="url(#paint1_linear_99_12565)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter0_i_99_12565)">
<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12565)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter1_i_99_12565)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 6C5.22386 6 5 6.22386 5 6.5V8.5C5 8.77614 5.22386 9 5.5 9H6V10H5.5C4.67157 10 4 9.32843 4 8.5V6.5C4 5.67157 4.67157 5 5.5 5H10.5C11.3284 5 12 5.67157 12 6.5V8.5C12 9.32843 11.3284 10 10.5 10H8.5V9H10.5C10.7761 9 11 8.77614 11 8.5V6.5C11 6.22386 10.7761 6 10.5 6H5.5Z" fill="#808080"/>
<path d="M10 7L7 9.5L10 12V7Z" fill="#808080"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12565" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12565"/>
</filter>
<filter id="filter1_i_99_12565" x="4" y="5" width="8.5" height="7.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12565" x="4" y="5" width="8.5" height="7.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -31,7 +18,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12565"/>
</filter>
<linearGradient id="paint0_linear_99_12565" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12565" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.332524" stop-color="#DEDEDE"/>
<stop offset="1" stop-color="#F0F0F0"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12565" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#9F9F9F"/>
<stop offset="1" stop-color="#DADADA"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

27
icons/Control rewind blue.svg
View File

@ -1,27 +1,14 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12563)">
<g filter="url(#filter0_i_99_12563)">
<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12563)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12563)" stroke="url(#paint1_linear_99_12563)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
<g filter="url(#filter1_i_99_12563)">
<g filter="url(#filter0_i_99_12563)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 8L7 5V11L4 8ZM8 8L11 5V11L8 8Z" fill="#5B8FD1"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12563" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12563"/>
</filter>
<filter id="filter1_i_99_12563" x="4" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12563" x="4" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -31,7 +18,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12563"/>
</filter>
<linearGradient id="paint0_linear_99_12563" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12563" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.33089" stop-color="#D1DFF1"/>
<stop offset="1" stop-color="#EBF1F9"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12563" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#8CADD4"/>
<stop offset="1" stop-color="#D7E5F6"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

25
icons/Control rewind.svg
View File

@ -1,26 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12562)">
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12562)" stroke="url(#paint1_linear_99_12562)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter0_i_99_12562)">
<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12562)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter1_i_99_12562)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 8L7 11V5L4 8ZM8 8L11 11V5L8 8Z" fill="#808080"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12562" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12562"/>
</filter>
<filter id="filter1_i_99_12562" x="4" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12562" x="4" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -30,7 +17,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12562"/>
</filter>
<linearGradient id="paint0_linear_99_12562" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12562" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.332524" stop-color="#DEDEDE"/>
<stop offset="1" stop-color="#F0F0F0"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12562" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#9F9F9F"/>
<stop offset="1" stop-color="#DADADA"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

27
icons/Control start blue.svg
View File

@ -1,27 +1,14 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12561)">
<g filter="url(#filter0_i_99_12561)">
<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12561)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12561)" stroke="url(#paint1_linear_99_12561)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
<g filter="url(#filter1_i_99_12561)">
<g filter="url(#filter0_i_99_12561)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 5V11H7V5H5ZM8 8L11 5V11L8 8Z" fill="#5B8FD1"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12561" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12561"/>
</filter>
<filter id="filter1_i_99_12561" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12561" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -31,7 +18,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12561"/>
</filter>
<linearGradient id="paint0_linear_99_12561" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12561" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.33089" stop-color="#D1DFF1"/>
<stop offset="1" stop-color="#EBF1F9"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12561" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#8CADD4"/>
<stop offset="1" stop-color="#D7E5F6"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

25
icons/Control start.svg
View File

@ -1,26 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12560)">
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12560)" stroke="url(#paint1_linear_99_12560)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter0_i_99_12560)">
<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12560)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter1_i_99_12560)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 5L5 11L7 11L7 5L5 5ZM8 8L11 11L11 5L8 8Z" fill="#808080"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12560" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12560"/>
</filter>
<filter id="filter1_i_99_12560" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12560" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -30,7 +17,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12560"/>
</filter>
<linearGradient id="paint0_linear_99_12560" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12560" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.332524" stop-color="#DEDEDE"/>
<stop offset="1" stop-color="#F0F0F0"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12560" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#9F9F9F"/>
<stop offset="1" stop-color="#DADADA"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

27
icons/Control stop blue.svg
View File

@ -1,27 +1,14 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12558)">
<g filter="url(#filter0_i_99_12558)">
<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12558)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12558)" stroke="url(#paint1_linear_99_12558)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
<g filter="url(#filter1_i_99_12558)">
<g filter="url(#filter0_i_99_12558)">
<path d="M6 10V6H10V10H6Z" fill="#5B8FD1"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12558" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12558"/>
</filter>
<filter id="filter1_i_99_12558" x="6" y="6" width="4.5" height="4.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12558" x="6" y="6" width="4.5" height="4.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -31,7 +18,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12558"/>
</filter>
<linearGradient id="paint0_linear_99_12558" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12558" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.33089" stop-color="#D1DFF1"/>
<stop offset="1" stop-color="#EBF1F9"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12558" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#8CADD4"/>
<stop offset="1" stop-color="#D7E5F6"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

25
icons/Control stop.svg
View File

@ -1,26 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_99_12559)">
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12559)" stroke="url(#paint1_linear_99_12559)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter0_i_99_12559)">
<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12559)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<g filter="url(#filter1_i_99_12559)">
<path d="M6 6H10V10H6V6Z" fill="#808080"/>
</g>
</g>
<defs>
<filter id="filter0_i_99_12559" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12559"/>
</filter>
<filter id="filter1_i_99_12559" x="6" y="6" width="4.5" height="4.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_i_99_12559" x="6" y="6" width="4.5" height="4.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
@ -30,7 +17,11 @@
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12559"/>
</filter>
<linearGradient id="paint0_linear_99_12559" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_99_12559" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.332524" stop-color="#DEDEDE"/>
<stop offset="1" stop-color="#F0F0F0"/>
</radialGradient>
<linearGradient id="paint1_linear_99_12559" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#9F9F9F"/>
<stop offset="1" stop-color="#DADADA"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

35
icons/Delete.svg
View File

@ -1,32 +1,19 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_81_4049)">
<g filter="url(#filter0_ii_81_4049)">
<circle cx="8" cy="8" r="7" fill="#E65650"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_81_4049)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_81_4049)"/>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint1_linear_81_4049)"/>
<circle cx="8" cy="8" r="6.5" stroke="#8E2F00" stroke-opacity="0.2"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66"/>
<rect x="5" y="7" width="6" height="2" fill="white"/>
</g>
<defs>
<filter id="filter0_ii_81_4049" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.899316 0 0 0 0 0.597623 0 0 0 0 0.570196 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_81_4049"/>
<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" result="hardAlpha"/>
<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect2_innerShadow_81_4049"/>
<feOffset/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.66 0"/>
<feBlend mode="soft-light" in2="effect1_innerShadow_81_4049" result="effect2_innerShadow_81_4049"/>
</filter>
<linearGradient id="paint0_linear_81_4049" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#BC4B30"/>
<stop offset="1" stop-color="#DC6463"/>
<radialGradient id="paint0_radial_81_4049" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.330063" stop-color="#E15D52"/>
<stop offset="1" stop-color="#F58263"/>
</radialGradient>
<linearGradient id="paint1_linear_81_4049" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#BF4228"/>
<stop offset="1" stop-color="#F78066"/>
</linearGradient>
<clipPath id="clip0_81_4049">
<rect width="16" height="16" fill="white"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

36
icons/Exclamation.svg
View File

@ -1,33 +1,19 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_81_4050)">
<g filter="url(#filter0_ii_81_4050)">
<circle cx="8" cy="8" r="7" fill="#E9594D"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_81_4050)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_81_4050)"/>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint1_linear_81_4050)"/>
<circle cx="8" cy="8" r="6.5" stroke="#8E2F00" stroke-opacity="0.2"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66"/>
<path d="M9.16401 4.094L8.87801 8.78H7.16201L6.87601 4.094H9.16401ZM8.02001 9.704C8.33535 9.704 8.60301 9.81767 8.82301 10.045C9.04301 10.265 9.15301 10.529 9.15301 10.837C9.15301 11.145 9.04301 11.4127 8.82301 11.64C8.60301 11.86 8.33535 11.97 8.02001 11.97C7.70468 11.97 7.43701 11.86 7.21701 11.64C6.99701 11.4127 6.88701 11.145 6.88701 10.837C6.88701 10.529 6.99701 10.265 7.21701 10.045C7.43701 9.81767 7.70468 9.704 8.02001 9.704Z" fill="white"/>
</g>
<defs>
<filter id="filter0_ii_81_4050" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_innerShadow_81_4050"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.983165 0 0 0 0 0.508315 0 0 0 0 0.380312 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_81_4050"/>
<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" result="hardAlpha"/>
<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect2_innerShadow_81_4050"/>
<feOffset/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.33 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_81_4050" result="effect2_innerShadow_81_4050"/>
</filter>
<linearGradient id="paint0_linear_81_4050" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#C0442A"/>
<stop offset="1" stop-color="#F77F65"/>
<radialGradient id="paint0_radial_81_4050" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
<stop offset="0.330063" stop-color="#E15D52"/>
<stop offset="1" stop-color="#F58263"/>
</radialGradient>
<linearGradient id="paint1_linear_81_4050" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#BF4228"/>
<stop offset="1" stop-color="#F78066"/>
</linearGradient>
<clipPath id="clip0_81_4050">
<rect width="16" height="16" fill="white"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

29
icons/Help.svg
View File

@ -1,30 +1,15 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_134_1945)">
<g filter="url(#filter0_ii_134_1945)">
<circle cx="8" cy="8" r="7" fill="#4882C4"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_134_1945)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_134_1945)" stroke="url(#paint1_linear_134_1945)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66"/>
<path d="M8.07648 4.44C9.44648 4.44 10.1465 5.21 10.1465 6.06C10.1465 7.67 8.33648 7.51 8.33648 8.72V9.06H7.14648V8.67C7.14648 6.96 8.80648 7.1 8.80648 6.16C8.80648 5.72 8.48648 5.46 7.96648 5.46C7.51648 5.46 7.07648 5.67 6.69648 6.12L5.86648 5.47C6.42648 4.81 7.14648 4.44 8.07648 4.44ZM7.75648 10.03C8.21648 10.03 8.57648 10.39 8.57648 10.84C8.57648 11.28 8.21648 11.65 7.75648 11.65C7.30648 11.65 6.95648 11.28 6.95648 10.84C6.95648 10.39 7.30648 10.03 7.75648 10.03Z" fill="white"/>
</g>
<defs>
<filter id="filter0_ii_134_1945" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.66 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_134_1945"/>
<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" result="hardAlpha"/>
<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect2_innerShadow_134_1945"/>
<feOffset/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.66 0"/>
<feBlend mode="hard-light" in2="effect1_innerShadow_134_1945" result="effect2_innerShadow_134_1945"/>
</filter>
<linearGradient id="paint0_linear_134_1945" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<radialGradient id="paint0_radial_134_1945" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421 14.185)">
<stop offset="0.33147" stop-color="#6187B2"/>
<stop offset="1" stop-color="#B7D2F2" stop-opacity="0.956863"/>
</radialGradient>
<linearGradient id="paint1_linear_134_1945" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#3F6FAB" stop-opacity="0.956863"/>
<stop offset="1" stop-color="#B7D2F2" stop-opacity="0.956863"/>
</linearGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

33
icons/Information.svg
View File

@ -1,32 +1,17 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_134_1987)">
<g filter="url(#filter0_ii_134_1987)">
<circle cx="8" cy="8" r="7" fill="#4882C4"/>
</g>
<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_134_1987)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_134_1987)" stroke="url(#paint1_linear_134_1987)"/>
<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66"/>
<path d="M7.99356 4.528C8.43356 4.528 8.73756 4.84 8.73756 5.24C8.73756 5.648 8.43356 5.952 7.99356 5.952C7.55356 5.952 7.24156 5.648 7.24156 5.24C7.24156 4.84 7.55356 4.528 7.99356 4.528ZM8.75356 6.752V10.136H9.84156V11H6.28956V10.136H7.48956V7.616H6.32956V6.752H8.75356Z" fill="white"/>
</g>
<defs>
<filter id="filter0_ii_134_1987" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.33 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_134_1987"/>
<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" result="hardAlpha"/>
<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect2_innerShadow_134_1987"/>
<feOffset/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.33 0"/>
<feBlend mode="hard-light" in2="effect1_innerShadow_134_1987" result="effect2_innerShadow_134_1987"/>
</filter>
<linearGradient id="paint0_linear_134_1987" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#354F84"/>
<stop offset="1" stop-color="#478DCF"/>
<radialGradient id="paint0_radial_134_1987" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421 14.185)">
<stop offset="0.33147" stop-color="#6187B2"/>
<stop offset="1" stop-color="#B7D2F2" stop-opacity="0.956863"/>
</radialGradient>
<linearGradient id="paint1_linear_134_1987" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
<stop stop-color="#3F6FAB" stop-opacity="0.956863"/>
<stop offset="1" stop-color="#B7D2F2" stop-opacity="0.956863"/>
</linearGradient>
<clipPath id="clip0_134_1987">
<rect width="16" height="16" fill="white"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

26
icons/Key.svg
View File

@ -1,42 +1,42 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_504_8740)">
<mask id="path-1-outside-1_504_8740" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16" fill="black">
<g clip-path="url(#clip0_714_8996)">
<mask id="path-1-outside-1_714_8996" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16" fill="black">
<rect fill="white" width="16" height="16"/>
<path d="M1 12V14C1 14.5523 1.44772 15 2 15H3.58579C3.851 15 4.10536 14.8946 4.29289 14.7071L9.5 9.5L7 7L5 9H3.5C3.22386 9 3 9.22386 3 9.5V11H1.5C1.22386 11 1 11.2239 1 11.5V12Z"/>
<path d="M6 4V6L7 7L9.5 9.5L10 10H12L15 7V5L11 1H9L6 4Z"/>
</mask>
<path d="M1 12V14C1 14.5523 1.44772 15 2 15H3.58579C3.851 15 4.10536 14.8946 4.29289 14.7071L9.5 9.5L7 7L5 9H3.5C3.22386 9 3 9.22386 3 9.5V11H1.5C1.22386 11 1 11.2239 1 11.5V12Z" fill="url(#paint0_linear_504_8740)"/>
<path d="M6 4V6L7 7L9.5 9.5L10 10H12L15 7V5L11 1H9L6 4Z" fill="url(#paint1_linear_504_8740)"/>
<path d="M6.64645 7.35355L9.14645 9.85355L9.85355 9.14645L7.35355 6.64645L6.64645 7.35355ZM11.1464 3.35355L12.1464 4.35355L12.8536 3.64645L11.8536 2.64645L11.1464 3.35355ZM12.1464 4.35355L12.6464 4.85355L13.3536 4.14645L12.8536 3.64645L12.1464 4.35355ZM6 6H5C5 6.26522 5.10536 6.51957 5.29289 6.70711L6 6ZM6 4L5.29289 3.29289C5.10536 3.48043 5 3.73478 5 4H6ZM9 1V0C8.73478 0 8.48043 0.105357 8.29289 0.292893L9 1ZM11 1L11.7071 0.292893C11.5196 0.105357 11.2652 0 11 0V1ZM15 5H16C16 4.73478 15.8946 4.48043 15.7071 4.29289L15 5ZM15 7L15.7071 7.70711C15.8946 7.51957 16 7.26522 16 7H15ZM12 10V11C12.2652 11 12.5196 10.8946 12.7071 10.7071L12 10ZM10 10L9.29289 10.7071C9.48043 10.8946 9.73478 11 10 11V10ZM3 11V12H4V11H3ZM7 7L7.70711 7.70711L8.41421 7L7.70711 6.29289L7 7ZM5 9V10H5.41421L5.70711 9.70711L5 9ZM9.5 9.5L10.2071 8.79289L9.5 8.08579L8.79289 8.79289L9.5 9.5ZM4.29289 14.7071L5 15.4142L4.29289 14.7071ZM2 14V12H0V14H2ZM7 6V4H5V6H7ZM6.70711 4.70711L9.70711 1.70711L8.29289 0.292893L5.29289 3.29289L6.70711 4.70711ZM9 2H11V0H9V2ZM10.2929 1.70711L14.2929 5.70711L15.7071 4.29289L11.7071 0.292893L10.2929 1.70711ZM14 5V7H16V5H14ZM14.2929 6.29289L11.2929 9.29289L12.7071 10.7071L15.7071 7.70711L14.2929 6.29289ZM3.58579 14H2V16H3.58579V14ZM12 9H10V11H12V9ZM0 14C0 15.1046 0.89543 16 2 16V14H2H0ZM7.70711 6.29289L6.70711 5.29289L5.29289 6.70711L6.29289 7.70711L7.70711 6.29289ZM4 11V9.5H2V11H4ZM2 12V11.5H0V12H2ZM1.5 12H3V10H1.5V12ZM3.5 10H5V8H3.5V10ZM5.70711 9.70711L7.70711 7.70711L6.29289 6.29289L4.29289 8.29289L5.70711 9.70711ZM8.79289 10.2071L9.29289 10.7071L10.7071 9.29289L10.2071 8.79289L8.79289 10.2071ZM5 15.4142L10.2071 10.2071L8.79289 8.79289L3.58579 14L5 15.4142ZM2 11.5C2 11.7761 1.77614 12 1.5 12V10C0.671573 10 0 10.6716 0 11.5H2ZM4 9.5C4 9.77614 3.77614 10 3.5 10V8C2.67157 8 2 8.67157 2 9.5H4ZM3.58579 16C4.11622 16 4.62493 15.7893 5 15.4142L3.58579 14L3.58579 14V16Z" fill="url(#paint2_linear_504_8740)" mask="url(#path-1-outside-1_504_8740)"/>
<path d="M2 14L8.5 7.5" stroke="url(#paint3_linear_504_8740)" stroke-linecap="round"/>
<path d="M1.5 14V12V11.5H2.5C3.05228 11.5 3.5 11.0523 3.5 10.5V9.5H4.79289C5.05811 9.5 5.31246 9.39464 5.5 9.20711L7.21213 7.49497C7.4855 7.22161 7.4855 6.77839 7.21213 6.50503L6.5 5.79289V4.20711L9.20711 1.5H10.7929L14.5 5.20711V6.79289L11.7929 9.5H10.2071L9.99498 9.28787C9.72161 9.0145 9.27839 9.0145 9.00502 9.28787L3.93934 14.3536C3.84557 14.4473 3.71839 14.5 3.58579 14.5H2C1.72386 14.5 1.5 14.2761 1.5 14Z" stroke="url(#paint4_linear_504_8740)" stroke-linejoin="round"/>
<path d="M1 12V14C1 14.5523 1.44772 15 2 15H3.58579C3.851 15 4.10536 14.8946 4.29289 14.7071L9.5 9.5L7 7L5 9H3.5C3.22386 9 3 9.22386 3 9.5V11H1.5C1.22386 11 1 11.2239 1 11.5V12Z" fill="url(#paint0_linear_714_8996)"/>
<path d="M6 4V6L7 7L9.5 9.5L10 10H12L15 7V5L11 1H9L6 4Z" fill="url(#paint1_linear_714_8996)"/>
<path d="M6.64645 7.35355L9.14645 9.85355L9.85355 9.14645L7.35355 6.64645L6.64645 7.35355ZM11.1464 3.35355L12.1464 4.35355L12.8536 3.64645L11.8536 2.64645L11.1464 3.35355ZM12.1464 4.35355L12.6464 4.85355L13.3536 4.14645L12.8536 3.64645L12.1464 4.35355ZM6 6H5C5 6.26522 5.10536 6.51957 5.29289 6.70711L6 6ZM6 4L5.29289 3.29289C5.10536 3.48043 5 3.73478 5 4H6ZM9 1V0C8.73478 0 8.48043 0.105357 8.29289 0.292893L9 1ZM11 1L11.7071 0.292893C11.5196 0.105357 11.2652 0 11 0V1ZM15 5H16C16 4.73478 15.8946 4.48043 15.7071 4.29289L15 5ZM15 7L15.7071 7.70711C15.8946 7.51957 16 7.26522 16 7H15ZM12 10V11C12.2652 11 12.5196 10.8946 12.7071 10.7071L12 10ZM10 10L9.29289 10.7071C9.48043 10.8946 9.73478 11 10 11V10ZM3 11V12H4V11H3ZM7 7L7.70711 7.70711L8.41421 7L7.70711 6.29289L7 7ZM5 9V10H5.41421L5.70711 9.70711L5 9ZM9.5 9.5L10.2071 8.79289L9.5 8.08579L8.79289 8.79289L9.5 9.5ZM4.29289 14.7071L5 15.4142L4.29289 14.7071ZM2 14V12H0V14H2ZM7 6V4H5V6H7ZM6.70711 4.70711L9.70711 1.70711L8.29289 0.292893L5.29289 3.29289L6.70711 4.70711ZM9 2H11V0H9V2ZM10.2929 1.70711L14.2929 5.70711L15.7071 4.29289L11.7071 0.292893L10.2929 1.70711ZM14 5V7H16V5H14ZM14.2929 6.29289L11.2929 9.29289L12.7071 10.7071L15.7071 7.70711L14.2929 6.29289ZM3.58579 14H2V16H3.58579V14ZM12 9H10V11H12V9ZM0 14C0 15.1046 0.89543 16 2 16V14H2H0ZM7.70711 6.29289L6.70711 5.29289L5.29289 6.70711L6.29289 7.70711L7.70711 6.29289ZM4 11V9.5H2V11H4ZM2 12V11.5H0V12H2ZM1.5 12H3V10H1.5V12ZM3.5 10H5V8H3.5V10ZM5.70711 9.70711L7.70711 7.70711L6.29289 6.29289L4.29289 8.29289L5.70711 9.70711ZM8.79289 10.2071L9.29289 10.7071L10.7071 9.29289L10.2071 8.79289L8.79289 10.2071ZM5 15.4142L10.2071 10.2071L8.79289 8.79289L3.58579 14L5 15.4142ZM2 11.5C2 11.7761 1.77614 12 1.5 12V10C0.671573 10 0 10.6716 0 11.5H2ZM4 9.5C4 9.77614 3.77614 10 3.5 10V8C2.67157 8 2 8.67157 2 9.5H4ZM3.58579 16C4.11622 16 4.62493 15.7893 5 15.4142L3.58579 14V16Z" fill="url(#paint2_linear_714_8996)" mask="url(#path-1-outside-1_714_8996)"/>
<path d="M2 14L8.5 7.5" stroke="url(#paint3_linear_714_8996)" stroke-linecap="round"/>
<path d="M1.5 14V12V11.5H2.5C3.05228 11.5 3.5 11.0523 3.5 10.5V9.5H4.79289C5.05811 9.5 5.31246 9.39464 5.5 9.20711L7.21213 7.49497C7.4855 7.22161 7.4855 6.77839 7.21213 6.50503L6.5 5.79289V4.20711L9.20711 1.5H10.7929L14.5 5.20711V6.79289L11.7929 9.5H10.2071L9.99498 9.28787C9.72161 9.0145 9.27839 9.0145 9.00502 9.28787L3.93934 14.3536C3.84557 14.4473 3.71839 14.5 3.58579 14.5H2C1.72386 14.5 1.5 14.2761 1.5 14Z" stroke="url(#paint4_linear_714_8996)" stroke-linejoin="round"/>
<path d="M11.4393 3.64645L12.2723 4.47945C12.1931 4.456 12.1202 4.41305 12.0607 4.35355L11.6464 3.93934C11.4279 3.72084 11.149 3.57671 10.8489 3.52325C10.8966 3.50815 10.9473 3.5 11 3.5H11.0858C11.2184 3.5 11.3456 3.55268 11.4393 3.64645Z" stroke="#E3AC42" stroke-linecap="round"/>
<path d="M11.9393 6H12C12.5523 6 13 5.55228 13 5H12.4142C12.149 5 11.8946 4.89464 11.7071 4.70711L11.2929 4.29289C11.1054 4.10536 10.851 4 10.5858 4H10V4.08579C10 4.351 10.1054 4.60536 10.2929 4.79289L11.1893 5.68934C11.3883 5.88825 11.658 6 11.9393 6Z" fill="#FDF7C2"/>
</g>
<defs>
<linearGradient id="paint0_linear_504_8740" x1="1" y1="1" x2="15" y2="15" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_714_8996" x1="1" y1="1" x2="15" y2="15" gradientUnits="userSpaceOnUse">
<stop offset="0.282858" stop-color="#F9EB9E"/>
<stop offset="0.523948" stop-color="#F5DB48"/>
<stop offset="0.714183" stop-color="#EFC932"/>
</linearGradient>
<linearGradient id="paint1_linear_504_8740" x1="1" y1="1" x2="15" y2="15" gradientUnits="userSpaceOnUse">
<linearGradient id="paint1_linear_714_8996" x1="1" y1="1" x2="15" y2="15" gradientUnits="userSpaceOnUse">
<stop offset="0.282858" stop-color="#F9EB9E"/>
<stop offset="0.523948" stop-color="#F5DB48"/>
<stop offset="0.714183" stop-color="#EFC932"/>
</linearGradient>
<linearGradient id="paint2_linear_504_8740" x1="6.6" y1="2.86667" x2="11.2667" y2="11.2667" gradientUnits="userSpaceOnUse">
<linearGradient id="paint2_linear_714_8996" x1="6.6" y1="2.86667" x2="11.2667" y2="11.2667" gradientUnits="userSpaceOnUse">
<stop stop-color="#E3B044"/>
<stop offset="1" stop-color="#D67D29"/>
</linearGradient>
<linearGradient id="paint3_linear_504_8740" x1="9" y1="6.5" x2="2" y2="13.5" gradientUnits="userSpaceOnUse">
<linearGradient id="paint3_linear_714_8996" x1="9" y1="6.5" x2="2" y2="13.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#F1D13D"/>
<stop offset="1" stop-color="#EEC528"/>
</linearGradient>
<linearGradient id="paint4_linear_504_8740" x1="3.5" y1="5.5" x2="12" y2="11" gradientUnits="userSpaceOnUse">
<linearGradient id="paint4_linear_714_8996" x1="3.5" y1="5.5" x2="12" y2="11" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#FCF3A0"/>
</linearGradient>
<clipPath id="clip0_504_8740">
<clipPath id="clip0_714_8996">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB