eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Unpixelize gradient sparkle

Browse Source
This commit is contained in:
Théo Poizat
2025-12-18 17:54:34 +01:00
committed by Dat H. Pham
parent 9a8989a310
commit 2b6504f8be
1 changed files with 10 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/ic_gradient_sparkle.svg
+10 -19
View File
@@ -1,20 +1,14 @@
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_60276_30700)">
<path
d="M9.11012 14.2073C9.02829 13.89 8.86293 13.6005 8.63127 13.3689C8.39961 13.1372 8.11011 12.9718 7.79287 12.89L2.16912 11.4398C2.07318 11.4126 1.98873 11.3548 1.9286 11.2753C1.86847 11.1957 1.83594 11.0987 1.83594 10.9989C1.83594 10.8992 1.86847 10.8022 1.9286 10.7226C1.98873 10.643 2.07318 10.5852 2.16912 10.558L7.79287 9.10693C8.10999 9.02517 8.39942 8.85995 8.63108 8.62846C8.86273 8.39697 9.02814 8.10766 9.11012 7.79059L10.5603 2.16684C10.5872 2.07052 10.645 1.98566 10.7247 1.9252C10.8044 1.86475 10.9016 1.83203 11.0017 1.83203C11.1017 1.83203 11.199 1.86475 11.2787 1.9252C11.3584 1.98566 11.4161 2.07052 11.443 2.16684L12.8923 7.79059C12.9741 8.10783 13.1395 8.39733 13.3711 8.62899C13.6028 8.86065 13.8923 9.02601 14.2095 9.10784L19.8333 10.5571C19.93 10.5838 20.0153 10.6414 20.0761 10.7212C20.1368 10.8011 20.1698 10.8986 20.1698 10.9989C20.1698 11.0992 20.1368 11.1968 20.0761 11.2766C20.0153 11.3564 19.93 11.4141 19.8333 11.4408L14.2095 12.89C13.8923 12.9718 13.6028 13.1372 13.3711 13.3689C13.1395 13.6005 12.9741 13.89 12.8923 14.2073L11.4421 19.831C11.4152 19.9273 11.3574 20.0122 11.2777 20.0726C11.1981 20.1331 11.1008 20.1658 11.0007 20.1658C10.9007 20.1658 10.8034 20.1331 10.7238 20.0726C10.6441 20.0122 10.5863 19.9273 10.5594 19.831L9.11012 14.2073Z"
stroke="#868687" stroke-width="1.83333" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M9.11012 14.2073C9.02829 13.89 8.86293 13.6005 8.63127 13.3689C8.39961 13.1372 8.11011 12.9718 7.79287 12.89L2.16912 11.4398C2.07318 11.4126 1.98873 11.3548 1.9286 11.2753C1.86847 11.1957 1.83594 11.0987 1.83594 10.9989C1.83594 10.8992 1.86847 10.8022 1.9286 10.7226C1.98873 10.643 2.07318 10.5852 2.16912 10.558L7.79287 9.10693C8.10999 9.02517 8.39942 8.85995 8.63108 8.62846C8.86273 8.39697 9.02814 8.10766 9.11012 7.79059L10.5603 2.16684C10.5872 2.07052 10.645 1.98566 10.7247 1.9252C10.8044 1.86475 10.9016 1.83203 11.0017 1.83203C11.1017 1.83203 11.199 1.86475 11.2787 1.9252C11.3584 1.98566 11.4161 2.07052 11.443 2.16684L12.8923 7.79059C12.9741 8.10783 13.1395 8.39733 13.3711 8.62899C13.6028 8.86065 13.8923 9.02601 14.2095 9.10784L19.8333 10.5571C19.93 10.5838 20.0153 10.6414 20.0761 10.7212C20.1368 10.8011 20.1698 10.8986 20.1698 10.9989C20.1698 11.0992 20.1368 11.1968 20.0761 11.2766C20.0153 11.3564 19.93 11.4141 19.8333 11.4408L14.2095 12.89C13.8923 12.9718 13.6028 13.1372 13.3711 13.3689C13.1395 13.6005 12.9741 13.89 12.8923 14.2073L11.4421 19.831C11.4152 19.9273 11.3574 20.0122 11.2777 20.0726C11.1981 20.1331 11.1008 20.1658 11.0007 20.1658C10.9007 20.1658 10.8034 20.1331 10.7238 20.0726C10.6441 20.0122 10.5863 19.9273 10.5594 19.831L9.11012 14.2073Z"
stroke="url(#paint0_linear_60276_30700)" stroke-opacity="0.9" stroke-width="1.83333"
stroke-linecap="round" stroke-linejoin="round" />
<path
d="M18.334 1.83496C18.8402 1.83496 19.2508 2.2458 19.251 2.75195V3.66797H20.1699C20.676 3.66814 21.0859 4.07881 21.0859 4.58496C21.0859 5.09111 20.676 5.50178 20.1699 5.50195H19.251V6.41895C19.2508 6.92506 18.8401 7.33496 18.334 7.33496C17.8278 7.33496 17.4172 6.92506 17.417 6.41895V5.50195H16.5029C15.9967 5.50195 15.5859 5.09122 15.5859 4.58496C15.5859 4.0787 15.9967 3.66797 16.5029 3.66797H17.417V2.75195C17.4171 2.2458 17.8278 1.83496 18.334 1.83496Z"
fill="url(#paint1_linear_60276_30700)" fill-opacity="0.9" />
<path
d="M3.66699 14.667C4.1726 14.667 4.58293 15.0767 4.58398 15.582L4.67773 15.5859C5.14001 15.6329 5.50098 16.0244 5.50098 16.499C5.50073 16.9734 5.13985 17.3642 4.67773 17.4111L4.58398 17.416V17.417C4.58398 17.9233 4.17325 18.334 3.66699 18.334C3.16073 18.334 2.75 17.9233 2.75 17.417V17.415C2.24435 17.4145 1.83425 17.0047 1.83398 16.499C1.83398 15.9931 2.24419 15.5826 2.75 15.582C2.75105 15.0767 3.16138 14.667 3.66699 14.667Z"
fill="url(#paint2_linear_60276_30700)" fill-opacity="0.9" />
</g>
<path
d="M9.11012 14.2073C9.02829 13.89 8.86293 13.6005 8.63127 13.3689C8.39961 13.1372 8.11011 12.9718 7.79287 12.89L2.16912 11.4398C2.07318 11.4126 1.98873 11.3548 1.9286 11.2753C1.86847 11.1957 1.83594 11.0987 1.83594 10.9989C1.83594 10.8992 1.86847 10.8022 1.9286 10.7226C1.98873 10.643 2.07318 10.5852 2.16912 10.558L7.79287 9.10693C8.10999 9.02517 8.39942 8.85995 8.63108 8.62846C8.86273 8.39697 9.02814 8.10766 9.11012 7.79059L10.5603 2.16684C10.5872 2.07052 10.645 1.98566 10.7247 1.9252C10.8044 1.86475 10.9016 1.83203 11.0017 1.83203C11.1017 1.83203 11.199 1.86475 11.2787 1.9252C11.3584 1.98566 11.4161 2.07052 11.443 2.16684L12.8923 7.79059C12.9741 8.10783 13.1395 8.39733 13.3711 8.62899C13.6028 8.86065 13.8923 9.02601 14.2095 9.10784L19.8333 10.5571C19.93 10.5838 20.0153 10.6414 20.0761 10.7212C20.1368 10.8011 20.1698 10.8986 20.1698 10.9989C20.1698 11.0992 20.1368 11.1968 20.0761 11.2766C20.0153 11.3564 19.93 11.4141 19.8333 11.4408L14.2095 12.89C13.8923 12.9718 13.6028 13.1372 13.3711 13.3689C13.1395 13.6005 12.9741 13.89 12.8923 14.2073L11.4421 19.831C11.4152 19.9273 11.3574 20.0122 11.2777 20.0726C11.1981 20.1331 11.1008 20.1658 11.0007 20.1658C10.9007 20.1658 10.8034 20.1331 10.7238 20.0726C10.6441 20.0122 10.5863 19.9273 10.5594 19.831L9.11012 14.2073Z"
stroke="url(#paint0_linear_60276_30700)" stroke-opacity="0.9" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
<path
d="M18.334 1.83496C18.8402 1.83496 19.2508 2.2458 19.251 2.75195V3.66797H20.1699C20.676 3.66814 21.0859 4.07881 21.0859 4.58496C21.0859 5.09111 20.676 5.50178 20.1699 5.50195H19.251V6.41895C19.2508 6.92506 18.8401 7.33496 18.334 7.33496C17.8278 7.33496 17.4172 6.92506 17.417 6.41895V5.50195H16.5029C15.9967 5.50195 15.5859 5.09122 15.5859 4.58496C15.5859 4.0787 15.9967 3.66797 16.5029 3.66797H17.417V2.75195C17.4171 2.2458 17.8278 1.83496 18.334 1.83496Z"
fill="url(#paint1_linear_60276_30700)" fill-opacity="0.9" />
<path
d="M3.66699 14.667C4.1726 14.667 4.58293 15.0767 4.58398 15.582L4.67773 15.5859C5.14001 15.6329 5.50098 16.0244 5.50098 16.499C5.50073 16.9734 5.13985 17.3642 4.67773 17.4111L4.58398 17.416V17.417C4.58398 17.9233 4.17325 18.334 3.66699 18.334C3.16073 18.334 2.75 17.9233 2.75 17.417V17.415C2.24435 17.4145 1.83425 17.0047 1.83398 16.499C1.83398 15.9931 2.24419 15.5826 2.75 15.582C2.75105 15.0767 3.16138 14.667 3.66699 14.667Z"
fill="url(#paint2_linear_60276_30700)" fill-opacity="0.9" />
<defs>
<linearGradient id="paint0_linear_60276_30700" x1="1.83594" y1="10.9989" x2="26.983"
y2="10.9989" gradientUnits="userSpaceOnUse">
@@ -34,8 +28,5 @@
<stop offset="0.567308" stop-color="#E06DD1" />
<stop offset="1" stop-color="#FFFF00" />
</linearGradient>
<clipPath id="clip0_60276_30700">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB