sankalp/Modus
1
0 Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat(src/assets/icons/misc): replace imac.svg with updated gradient definitions

Browse Source 
Update project version to 1.0.0 and refresh dependency list.
This commit is contained in:
sankalp committed 2026-07-04 21:23:54 +05:45
1 parent f55db03235
commit 8cb2d08175
1 file changed
+120 -133
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/icons/misc/imac.svg
+120 -133
View File
@@ -1,133 +1,120 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1880.5699" height="1554.7">
<defs>
<path id="m" d="m1280 1269.2812-189.1875 5.875c1.4926 55.4493-3.8888 117.8485-11.5625 174.4376-1.6327 12.0158-3.2125 25.0932-6 37.8124-3.662 14.5826-9.5395 23.8105-17.875 30.625-6.9834 5.645-15.9967 9.3791-24.3438 14.0313-12.3476 6.7808-22.4742 13.5746-29.1874 18.9687-2.82255 2.2745-5.95235 4.8861-8.31255 8.0938-.3378.5287-.4717 1.0068-.4687 1.4375.012 1.744 2.4696 2.769 4.625 3.5625 6.95335 2.2628 19.96295 3.0294 35.59365 3.1562 8.4285.064 18.628-.1244 27.9376-.062h437.5624c9.3096-.062 19.5091.1261 27.9376.062 15.6306-.1268 28.6403-.8934 35.5937-3.1562 2.1554-.7935 4.6133-1.8185 4.625-3.5625 0-.4307-.1309-.9088-.4687-1.4375-2.3603-3.2077-5.49-5.8193-8.3126-8.0938-6.7131-5.3941-16.8398-12.1879-29.1874-18.9687-8.3471-4.6522-17.3604-8.3863-24.3438-14.0313-8.3355-6.8145-14.213-16.0424-17.875-30.625-2.7875-12.7192-4.3673-25.7966-6-37.8124-7.6737-56.5891-13.0551-118.9883-11.5625-174.4376L1280 1269.2812z"/>
<path id="p" d="M402.3125 22C358.94591 22 340 35.263877 340 84.3125v1055.5313h1880V84.3125C2220 35.26387 2201.054 22 2157.6875 22H531.71875z" color="#000" enable-background="accumulate" overflow="visible" style="marker:none"/>
</defs>
<defs>
<linearGradient id="l">
<stop offset="0" stop-color="#fff" stop-opacity=".19607843"/>
<stop offset="1" stop-color="#fff" stop-opacity="0"/>
</linearGradient>
<linearGradient id="i">
<stop offset="0" stop-color="gray"/>
<stop offset="1" stop-color="gray" stop-opacity="0"/>
</linearGradient>
<linearGradient id="j">
<stop offset="0" stop-color="#d5d5d7" stop-opacity="0"/>
<stop offset=".00957918" stop-color="#d5d5d7"/>
<stop offset="1" stop-color="#e6e6e6"/>
</linearGradient>
<linearGradient id="h">
<stop offset="0" stop-color="#a5a6aa"/>
<stop offset="1" stop-color="#e1e2e4"/>
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-opacity=".39215687"/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#e6e6e8"/>
<stop offset="1" stop-color="#6e6e6e"/>
</linearGradient>
<linearGradient id="g">
<stop offset="0" stop-color="#808185"/>
<stop offset=".3413752" stop-color="#c2c3c7"/>
<stop offset=".67257553" stop-color="#9c9da1"/>
<stop offset=".77451015" stop-color="#7a7b7f"/>
<stop offset=".91250002" stop-color="#a2a3a7"/>
<stop offset="1" stop-color="#b8b9bd"/>
</linearGradient>
<linearGradient id="f">
<stop offset="0" stop-opacity=".39215687"/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#e6e6e8"/>
<stop offset="1" stop-color="#6e6e6e"/>
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#e6e6e8"/>
<stop offset="1" stop-color="#6e6e6e"/>
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e6e6e8"/>
<stop offset="1" stop-color="#6e6e6e"/>
</linearGradient>
<linearGradient xlink:href="#a" id="n" x1="1280" x2="1280" y1="1573.6986" y2="1573.7173" gradientTransform="translate(.00002257 -.000033)" gradientUnits="userSpaceOnUse"/>
<linearGradient xlink:href="#b" id="o" x1="1280" x2="1280" y1="1573.6986" y2="1573.7173" gradientTransform="translate(-2560 -.000033)" gradientUnits="userSpaceOnUse"/>
<linearGradient id="k">
<stop offset="0" stop-color="#d5d5d7" stop-opacity="0"/>
<stop offset=".00957918" stop-color="#d5d5d7"/>
<stop offset="1" stop-color="#e6e6e6"/>
</linearGradient>
<linearGradient xlink:href="#c" id="q" x1="1280" x2="1280" y1="1573.6986" y2="1573.7173" gradientUnits="userSpaceOnUse"/>
<linearGradient xlink:href="#d" id="r" x1="867.49762" x2="920.17969" y1="1536.5306" y2="1536.5306" gradientTransform="matrix(1.42013 0 0 1 -238.9042 27.344488)" gradientUnits="userSpaceOnUse"/>
<linearGradient xlink:href="#e" id="t" x1="1280" x2="1280" y1="1573.6986" y2="1573.7173" gradientTransform="matrix(-1 0 0 1 2559.9999 .000027)" gradientUnits="userSpaceOnUse"/>
<linearGradient xlink:href="#f" id="u" x1="867.49762" x2="920.17969" y1="1536.5306" y2="1536.5306" gradientTransform="matrix(1.42013 0 0 1 -2798.9041 27.344527)" gradientUnits="userSpaceOnUse"/>
<linearGradient xlink:href="#g" id="w" x1="1389.3785" x2="1389.3785" y1="1325.2603" y2="1567.2947" gradientTransform="translate(-264.90636)" gradientUnits="userSpaceOnUse"/>
<linearGradient xlink:href="#h" id="F" x1="376.03278" x2="2220.5713" y1="1225.9532" y2="1223.6082" gradientUnits="userSpaceOnUse"/>
<linearGradient xlink:href="#i" id="G" x1="1184.3859" x2="1634.0684" y1="1225.9532" y2="1225.9532" gradientUnits="userSpaceOnUse"/>
<linearGradient xlink:href="#h" id="H" x1="376.03278" x2="2220.5713" y1="1225.9532" y2="1223.6082" gradientUnits="userSpaceOnUse"/>
<linearGradient xlink:href="#j" id="I" x1="340" x2="993.05908" y1="1147.6323" y2="1147.6323" gradientTransform="translate(0 -6.5700156)" gradientUnits="userSpaceOnUse"/>
<linearGradient xlink:href="#k" id="J" x1="340" x2="993.05908" y1="1147.6323" y2="1147.6323" gradientTransform="translate(-1986.1181 -6.5699112)" gradientUnits="userSpaceOnUse"/>
<linearGradient xlink:href="#l" id="K" x1="1667.9099" x2="2113.6052" y1="-132.23711" y2="1457.5614" gradientUnits="userSpaceOnUse"/>
<clipPath id="D">
<use xlink:href="#m"/>
</clipPath>
<clipPath id="B">
<path d="m1280 1275.0977-148.8643 5.875c1.1745 55.4493-3.0599 117.8485-9.0981 174.4376-1.2847 12.0158-2.5277 25.0932-4.7211 37.8124-2.8815 14.5826-7.5063 23.8105-14.0652 30.625-5.4949 5.645-12.5871 9.3791-19.1552 14.0313-9.7158 6.7808-17.684 13.5746-22.9664 18.9687-2.2209 2.2745-4.6837 4.8861-6.5408 8.0938-.2658.5287-.3712 1.0068-.3688 1.4375.01 1.744 1.9432 2.769 3.6392 3.5625 5.4713 2.2628 15.7081 3.0294 28.0073 3.1562 6.632.064 14.6576-.1244 21.983-.062h344.3008c7.3254-.062 15.351.1261 21.983.062 12.2992-.1268 22.536-.8934 28.0073-3.1562 1.696-.7935 3.6301-1.8185 3.6393-3.5625 0-.4307-.103-.9088-.3688-1.4375-1.8573-3.2077-4.3199-5.8193-6.5409-8.0938-5.2823-5.3941-13.2506-12.1879-22.9664-18.9687-6.568-4.6522-13.6602-8.3863-19.1552-14.0313-6.5589-6.8145-11.1837-16.0424-14.0652-30.625-2.1933-12.7192-3.4364-25.7966-4.7211-37.8124-6.0382-56.5891-10.2726-118.9883-9.0981-174.4376L1280 1275.0977z"/>
</clipPath>
<clipPath id="s">
<path fill="url(#n)" d="M993.05907 1560.3197c-.8242 10.6337 5.5299 17.0775 48.19583 16.3224H1280v-22.795z"/>
</clipPath>
<clipPath id="v">
<path fill="url(#o)" d="M-1566.9409 1560.3197c-.8242 10.6337 5.5299 17.0775 48.1958 16.3224H-1280v-22.795z"/>
</clipPath>
<clipPath id="z">
<path fill-opacity=".78431373" d="m1175.3375 1251.2019 189.1875 5.875c-1.4926 55.4493 3.8888 117.8485 11.5625 174.4376 1.6327 12.0158 3.2125 25.0932 6 37.8124 3.662 14.5826 9.5395 23.8105 17.875 30.625 6.9834 5.645 15.9967 9.3791 24.3438 14.0313 12.3476 6.7808 22.4742 13.5746 29.1874 18.9687 2.8226 2.2745 5.9524 4.8861 8.3126 8.0938.3378.5287.4717 1.0068.4687 1.4375-.012 1.744-2.4696 2.769-4.625 3.5625-6.9534 2.2628-19.963 3.0294-35.5937 3.1562-8.4285.064-18.628-.1244-27.9376-.062H956.5563c-9.3096-.062-19.5091.1261-27.9376.062-15.6306-.1268-28.6403-.8934-35.5937-3.1562-2.1554-.7935-4.6133-1.8185-4.625-3.5625 0-.4307.1309-.9088.4687-1.4375 2.3603-3.2077 5.49-5.8193 8.3126-8.0938 6.7131-5.3941 16.8398-12.1879 29.1874-18.9687 8.3471-4.6522 17.3604-8.3863 24.3438-14.0313 8.3355-6.8145 14.213-16.0424 17.875-30.625 2.7875-12.7192 4.3673-25.7966 6-37.8124 7.6737-56.5891 13.0551-118.9883 11.5625-174.4376l189.1875-5.875z"/>
</clipPath>
<clipPath id="x">
<use xlink:href="#m" fill-opacity=".78431373"/>
</clipPath>
<clipPath id="L">
<use xlink:href="#p" color="#000" enable-background="accumulate" overflow="visible" style="marker:none"/>
</clipPath>
<filter id="C" width="1.2221603" height="2.8435745" x="-.11108017" y="-.9217872" color-interpolation-filters="sRGB">
<feGaussianBlur stdDeviation="18.422615"/>
</filter>
<filter id="E" width="1.7093352" height="4.8926253" x="-.35466763" y="-1.9463127" color-interpolation-filters="sRGB">
<feGaussianBlur stdDeviation="74.754651"/>
</filter>
<filter id="y" width="1.6818392" height="1.6016878" x="-.34091958" y="-.30084389" color-interpolation-filters="sRGB">
<feGaussianBlur stdDeviation="15.692135"/>
</filter>
<filter id="A" width="1.6818392" height="1.6016878" x="-.34091958" y="-.30084389" color-interpolation-filters="sRGB">
<feGaussianBlur stdDeviation="15.692135"/>
</filter>
</defs>
<g transform="translate(-340.00073 -22.000996)">
<path fill="url(#q)" d="M993.05907 1560.3197c-.82418 10.6337 5.52987 17.0775 48.19583 16.3224H1280v-22.795z"/>
<path fill="url(#r)" d="M993.05908 1544.8093h74.815582v38.131763H993.05908z" clip-path="url(#s)" color="#000" enable-background="accumulate" overflow="visible" style="marker:none"/>
<path fill="url(#t)" d="M1566.9409 1560.3197c.8242 10.6337-5.5299 17.0775-48.1958 16.3224H1280v-22.795z"/>
<path fill="url(#u)" d="M-1566.9408 1544.8093h74.815582v38.131763h-74.815582z" clip-path="url(#v)" color="#000" enable-background="accumulate" overflow="visible" style="marker:none" transform="scale(-1 1)"/>
<path fill="url(#w)" d="m1280 1269.2812-189.1875 5.875c1.4926 55.4493-3.8888 117.8485-11.5625 174.4376-1.6327 12.0158-3.2125 25.0932-6 37.8124-3.662 14.5826-9.5395 23.8105-17.875 30.625-6.9834 5.645-15.9967 9.3791-24.3438 14.0313-12.3476 6.7808-22.4742 13.5746-29.1874 18.9687-2.82255 2.2745-5.95235 4.8861-8.31255 8.0938-.3378.5287-.4717 1.0068-.4687 1.4375.012 1.744 2.4696 2.769 4.625 3.5625 6.95335 2.2628 19.96295 3.0294 35.59365 3.1562 8.4285.064 18.628-.1244 27.9376-.062h437.5624c9.3096-.062 19.5091.1261 27.9376.062 15.6306-.1268 28.6403-.8934 35.5937-3.1562 2.1554-.7935 4.6133-1.8185 4.625-3.5625 0-.4307-.1309-.9088-.4687-1.4375-2.3603-3.2077-5.49-5.8193-8.3126-8.0938-6.7131-5.3941-16.8398-12.1879-29.1874-18.9687-8.3471-4.6522-17.3604-8.3863-24.3438-14.0313-8.3355-6.8145-14.213-16.0424-17.875-30.625-2.7875-12.7192-4.3673-25.7966-6-37.8124-7.6737-56.5891-13.0551-118.9883-11.5625-174.4376L1280 1269.2812z"/>
<g fill="#fff" fill-opacity=".78431373">
<path d="M993.05907 1498.1348c31.35393-4.6892 52.55183 13.4726 77.26763 23.7191-36.8231 69.5184-73.64616 79.7502-110.46923 100.7069l9.57123-93.6614z" clip-path="url(#x)" filter="url(#y)"/>
<path d="M888.3966 1480.0554c31.35393-4.6892 52.55183 13.4726 77.26763 23.7191-36.8231 69.5184-73.64616 79.7502-110.46923 100.7069l9.57123-93.6614z" clip-path="url(#z)" filter="url(#A)" transform="matrix(-1 0 0 1 2455.3375 18.079347)"/>
</g>
<rect width="398.03934" height="47.965816" x="1080.9803" y="1435.9877" fill="#fff" fill-opacity=".58823529" clip-path="url(#B)" color="#000" enable-background="accumulate" filter="url(#C)" overflow="visible" rx="199.01967" ry="23.982908" style="marker:none" transform="matrix(1.27087 0 0 1 -346.71656 -5.8164695)"/>
<rect width="505.85718" height="92.180031" x="1027.0714" y="1403.2158" fill="#fff" clip-path="url(#D)" color="#000" enable-background="accumulate" filter="url(#E)" overflow="visible" rx="252.92859" ry="46.090015" style="marker:none"/>
</g>
<path fill="#c9a700" fill-opacity=".48936169" d="M402.3125 22C358.94591 22 340 35.263877 340 84.3125V1249.75c0 49.0486 18.946 62.3125 62.3125 62.3125h1755.375c43.3665 0 62.3125-13.2639 62.3125-62.3125V84.3125C2220 35.26387 2201.054 22 2157.6875 22H402.3125z" color="#000" enable-background="accumulate" overflow="visible" style="marker:none" transform="translate(-340.00073 -22.000996)"/>
<path fill="url(#F)" d="M340 1139.8438V1249.75c0 49.0486 18.946 62.3125 62.3125 62.3125h1755.375c43.3665 0 62.3125-13.2639 62.3125-62.3125v-109.9062z" color="#000" enable-background="accumulate" overflow="visible" style="marker:none" transform="translate(-340.00073 -22.000996)"/>
<path fill="url(#G)" d="M340 1139.8438V1249.75c0 49.0486 18.946 62.3125 62.3125 62.3125h1755.375c43.3665 0 62.3125-13.2639 62.3125-62.3125v-109.9062z" color="#000" enable-background="accumulate" overflow="visible" style="marker:none" transform="translate(-340.00073 -22.000996)"/>
<path fill="url(#H)" d="M340 1137.4988v109.9062c0 49.0486 18.95176 62.3125 62.33143 62.3125H2158.24c43.3797 0 62.3314-13.2639 62.3314-62.3125v-109.9062z" color="#000" enable-background="accumulate" overflow="visible" style="marker:none" transform="translate(-340.00073 -22.000996)"/>
<g color="#000" transform="translate(-340.00073 -22.000996)">
<path fill="url(#I)" d="M340 1139.8519h653.05908v2.4205632H340z" enable-background="accumulate" overflow="visible" style="marker:none"/>
<path fill="url(#J)" d="M-1646.1182 1139.8519h653.05908v2.4205632h-653.05908z" enable-background="accumulate" overflow="visible" style="marker:none" transform="scale(-1 1)"/>
</g>
<path stroke="#dcdcdc" stroke-width="1.5" d="M1280.826 1199.7834c1.5986.0001 4.2097-.6216 7.8333-1.865 3.6234-1.2433 6.7674-1.865 9.4318-1.8651 4.3695.0001 8.2595 1.1724 11.67 3.517 1.9183 1.35 3.8188 3.1795 5.7017 5.4886-2.842 2.4157-4.9202 4.565-6.2346 6.4478-2.3802 3.4104-3.5703 7.1761-3.5702 11.2969-.0001 4.5117 1.261 8.5793 3.7834 12.2028 2.5222 3.6236 5.3997 5.915 8.6325 6.8741-1.35 4.3696-3.5881 8.9346-6.7142 13.6949-4.7249 7.1405-9.4142 10.7108-14.0679 10.7108-1.8473 0-4.3962-.5862-7.6467-1.7585-3.2506-1.1723-5.9949-1.7585-8.2329-1.7585-2.2382 0-4.8404.6128-7.8067 1.8384-2.9663 1.2256-5.3731 1.8384-7.2204 1.8384-5.5774 0-11.0483-4.7248-16.4125-14.1744-5.3643-9.3431-8.0465-18.5085-8.0465-27.4964 0-8.3483 2.0516-15.1513 6.1547-20.4091 4.1032-5.2576 9.2809-7.8864 15.5333-7.8865 2.6644.0001 5.8883.5507 9.6717 1.6519 3.7834 1.1014 6.2968 1.652 7.5402 1.6519zm16.679-22.0077c-.0001 2.2737-.533 4.7604-1.5987 7.4602-1.0658 2.7-2.7532 5.2045-5.0623 7.5136-1.9894 1.9539-3.961 3.2683-5.9149 3.9433-1.2434.3908-3.1262.6928-5.6484.9058.071-5.3997 1.4831-10.0712 4.2363-14.0146 2.7532-3.9432 7.3092-6.643 13.6682-8.0997.1421.462.2309.8705.2665 1.2257.035.3553.053.7105.053 1.0657z" font-family="Helvetica" font-size="109.13272095" font-weight="400" letter-spacing="0" style="line-height:125%;-inkscape-font-specification:Helvetica" transform="translate(-340.00073 -22.000996)" word-spacing="0"/>
<use xlink:href="#p" color="#000" enable-background="accumulate" overflow="visible" style="marker:none" transform="translate(-340.00073 -22.000996)"/>
<path d="M419.13281 96.380974h1721.7344v969.08185H419.13281z" color="#000" enable-background="accumulate" overflow="visible" style="marker:none" transform="translate(-340.00073 -22.000996)"/>
<path fill="url(#K)" d="M1420.0909 9.7717973 2052.6149 1423.819l333.2581 21.2266 6.368-1511.335884z" clip-path="url(#L)" transform="translate(-340.00073 -22.000996)"/>
<script xmlns=""/></svg>
<svg width="1216" height="735" viewBox="0 0 1216 735" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_601_318)">
<path d="M1216 689.6V685H0V689.6C0 703.041 0 709.762 2.61584 714.896C4.91681 719.412 8.58832 723.083 13.1042 725.384C18.2381 728 24.9587 728 38.4 728H1177.6C1191.04 728 1197.76 728 1202.9 725.384C1207.41 723.083 1211.08 719.412 1213.38 714.896C1216 709.762 1216 703.041 1216 689.6Z" fill="url(#paint0_linear_601_318)"/>
<path d="M1146 731C1147.6 730.6 1148.67 728.833 1149 728H1069.5C1069.83 728.833 1070.9 730.6 1072.5 731C1072.67 732.167 1073.4 734.5 1075 734.5H1143.5C1145.1 734.5 1145.83 732.167 1146 731Z" fill="url(#paint1_linear_601_318)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1145.93 731.406V731.25H1072.54C1072.77 732.47 1073.51 734.5 1075 734.5H1143.5C1144.93 734.5 1145.67 732.635 1145.93 731.406Z" fill="url(#paint2_linear_601_318)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1145.93 731.25V731.406C1145.85 731.754 1145.74 732.152 1145.59 732.545H1072.91C1072.73 732.092 1072.61 731.631 1072.54 731.25H1145.93Z" fill="#383838"/>
<path d="M142.5 731C144.1 730.6 145.167 728.833 145.5 728H66C66.3333 728.833 67.4 730.6 69 731C69.1667 732.167 69.9 734.5 71.5 734.5H140C141.6 734.5 142.333 732.167 142.5 731Z" fill="url(#paint3_linear_601_318)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M142.427 731.406V731.25H69.0413C69.269 732.47 70.0074 734.5 71.4999 734.5H140C141.43 734.5 142.168 732.635 142.427 731.406Z" fill="url(#paint4_linear_601_318)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M142.428 731.25V731.406C142.354 731.754 142.243 732.152 142.088 732.545H69.4123C69.2338 732.092 69.1127 731.631 69.0415 731.25H142.428Z" fill="#383838"/>
<path d="M502 685H713.5C713.5 694.113 706.113 701.5 697 701.5H518.5C509.387 701.5 502 694.113 502 685Z" fill="url(#paint5_linear_601_318)"/>
<path d="M712.992 685.5C712.728 694.105 705.669 701 697 701H518.5C509.831 701 502.772 694.105 502.508 685.5H712.992Z" stroke="white" stroke-opacity="0.1"/>
<rect x="1121.5" y="685" width="81" height="33" fill="url(#paint6_linear_601_318)"/>
<rect width="84" height="33" transform="matrix(-1 0 0 1 84.5 685)" fill="url(#paint7_linear_601_318)"/>
<g filter="url(#filter0_f_601_318)">
<path d="M1192.5 685H1205.5V705.112C1205.5 709.469 1201.97 713 1197.61 713C1194.79 713 1192.5 710.711 1192.5 707.888V685Z" fill="#D2D2DA"/>
</g>
<g filter="url(#filter1_f_601_318)">
<path d="M20.5 685H9.5V706.326C9.5 710.012 12.4881 713 16.1742 713C18.5633 713 20.5 711.063 20.5 708.674V685Z" fill="#D2D2DA"/>
</g>
</g>
<path d="M608.5 2H1078.5C1093.96 2 1106.5 14.536 1106.5 30V683H608.5H608H110V30C110 14.536 122.536 2 138 2H608H608.5Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1078.5 4H138C123.641 4 112 15.6406 112 30V681H1104.5V30C1104.5 15.6406 1092.86 4 1078.5 4ZM1078.5 2H138C122.536 2 110 14.536 110 30V683H1106.5V30C1106.5 14.536 1093.96 2 1078.5 2Z" fill="#201F24"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1108.5 685H108V30C108 13.4315 121.431 0 138 0H1078.5C1095.07 0 1108.5 13.4315 1108.5 30V685ZM1078.5 2H138C122.536 2 110 14.536 110 30V683H1106.5V30C1106.5 14.536 1093.96 2 1078.5 2Z" fill="#7D7D7F"/>
<path d="M112.846 657H1103.5V676C1103.5 678.209 1101.71 680 1099.5 680H116.846C114.637 680 112.846 678.209 112.846 676V657Z" fill="url(#paint8_linear_601_318)"/>
<rect x="124.5" y="17.75" width="967" height="628" fill="url(#paint9_linear_601_318)"/>
<path d="M667 20.5C667 18 670 18 671.5 18H544.5C546 18 549 18 549 20.5V30C549 34.4183 552.582 38 557 38H659C663.418 38 667 34.4183 667 30V20.5Z" fill="black"/>
<circle cx="608" cy="24.0907" r="3.77901" fill="#0F0F0F" stroke="#151515" stroke-width="0.260621"/>
<circle cx="607.609" cy="25.0028" r="0.912175" fill="#16181E"/>
<circle cx="607.609" cy="23.6997" r="0.912175" fill="#0A0B0D"/>
<circle opacity="0.6" cx="608" cy="24.0906" r="1.30311" fill="#1F2531"/>
<defs>
<filter id="filter0_f_601_318" x="1184.5" y="677" width="29" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_601_318"/>
</filter>
<filter id="filter1_f_601_318" x="-0.5" y="675" width="31" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_601_318"/>
</filter>
<linearGradient id="paint0_linear_601_318" x1="608" y1="685" x2="608" y2="728" gradientUnits="userSpaceOnUse">
<stop stop-color="#AEAFB4"/>
<stop offset="0.192522" stop-color="#AFB0B5"/>
<stop offset="0.376094" stop-color="#AFB0B5"/>
<stop offset="0.598958" stop-color="#7D7E82"/>
<stop offset="0.713542" stop-color="#696A6F"/>
<stop offset="0.852125" stop-color="#838489"/>
<stop offset="0.931356" stop-color="#ABACB0"/>
</linearGradient>
<linearGradient id="paint1_linear_601_318" x1="1069.5" y1="731.25" x2="1149" y2="731.25" gradientUnits="userSpaceOnUse">
<stop stop-color="#8C8D91"/>
<stop offset="0.173014" stop-color="#525358"/>
<stop offset="0.31824" stop-color="#78797D"/>
<stop offset="0.465029" stop-color="#A0A0A2"/>
<stop offset="0.691458" stop-color="#9A9A9C"/>
<stop offset="0.825754" stop-color="#4F5055"/>
<stop offset="0.941311" stop-color="#9E9EA0"/>
<stop offset="1" stop-color="#848589"/>
</linearGradient>
<linearGradient id="paint2_linear_601_318" x1="1072.54" y1="732.875" x2="1145.93" y2="732.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#575757"/>
<stop offset="0.0827846" stop-color="#2D2D2D"/>
<stop offset="0.490477" stop-color="#4E4E4E"/>
<stop offset="0.824814" stop-color="#2A2A2A"/>
<stop offset="1" stop-color="#5C5C5C"/>
</linearGradient>
<linearGradient id="paint3_linear_601_318" x1="66" y1="731.25" x2="145.5" y2="731.25" gradientUnits="userSpaceOnUse">
<stop stop-color="#8C8D91"/>
<stop offset="0.173014" stop-color="#525358"/>
<stop offset="0.31824" stop-color="#78797D"/>
<stop offset="0.465029" stop-color="#A0A0A2"/>
<stop offset="0.691458" stop-color="#9A9A9C"/>
<stop offset="0.825754" stop-color="#4F5055"/>
<stop offset="0.941311" stop-color="#9E9EA0"/>
<stop offset="1" stop-color="#848589"/>
</linearGradient>
<linearGradient id="paint4_linear_601_318" x1="69.0413" y1="732.875" x2="142.427" y2="732.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#575757"/>
<stop offset="0.0827846" stop-color="#2D2D2D"/>
<stop offset="0.490477" stop-color="#4E4E4E"/>
<stop offset="0.824814" stop-color="#2A2A2A"/>
<stop offset="1" stop-color="#5C5C5C"/>
</linearGradient>
<linearGradient id="paint5_linear_601_318" x1="502.5" y1="693" x2="713.5" y2="693" gradientUnits="userSpaceOnUse">
<stop stop-color="#25262B"/>
<stop offset="0.015659" stop-color="#606166"/>
<stop offset="0.035819" stop-color="#9FA0A4"/>
<stop offset="0.0504351" stop-color="#C8C8CE"/>
<stop offset="0.479167" stop-color="#D7D8DD"/>
<stop offset="0.941214" stop-color="#CBCBD3"/>
<stop offset="0.970403" stop-color="#A7A8AC"/>
<stop offset="0.980129" stop-color="#595A5E"/>
<stop offset="1" stop-color="#27282C"/>
</linearGradient>
<linearGradient id="paint6_linear_601_318" x1="1202.5" y1="702" x2="1121.5" y2="702" gradientUnits="userSpaceOnUse">
<stop stop-color="#65666B" stop-opacity="0"/>
<stop offset="0.259918" stop-color="#65666B"/>
<stop offset="1" stop-color="#65666B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_601_318" x1="84" y1="17" x2="2.87514e-08" y2="17" gradientUnits="userSpaceOnUse">
<stop stop-color="#65666B" stop-opacity="0"/>
<stop offset="0.259918" stop-color="#65666B"/>
<stop offset="1" stop-color="#65666B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint8_linear_601_318" x1="607.5" y1="657" x2="607.5" y2="680" gradientUnits="userSpaceOnUse">
<stop stop-color="#222222"/>
<stop offset="0.0852114" stop-color="#242424"/>
<stop offset="0.830431" stop-color="#242424"/>
<stop offset="1" stop-color="#201F24"/>
</linearGradient>
<linearGradient id="paint9_linear_601_318" x1="608" y1="17.75" x2="608" y2="645.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#68A7FF"/>
<stop offset="1" stop-color="#AED0FF"/>
</linearGradient>
<clipPath id="clip0_601_318">
<rect width="1216" height="49.5" fill="white" transform="translate(0 685)"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB