Liberux/ltk
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

theme: replace Figma-exported launcher SVGs with renderer-compatible versions
Some checks failed
CI / build + test (push) Has been cancelled
Details
CI / cargo audit (push) Has been cancelled
Details

Browse Source 
The original exports used foreignObject (CSS backdrop-filter) and
feComposite in2="hardAlpha" filter chains — Figma-specific constructs
that resvg ignores, making all nine dots invisible at runtime.

Replace both dark and light variants with plain 3×3 grids of rx=3
rounded rects (white in dark mode, #0A032E in light mode). No filters,
no defs, fully renderable by resvg/tiny-skia.
This commit is contained in:
yamabush1
2026-06-21 11:27:03 +02:00
parent 588a3f7e36
commit 8809313be1
2 changed files with 18 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
themes/default/branding/dark/launcher.svg
View File

@@ -1,130 +1,11 @@
<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
<foreignObject x="-36" y="-36" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_0_4479_38862_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter0_diiii_4479_38862)" data-figma-bg-blur-radius="45"> <rect x="9" y="9" width="12" height="12" rx="3" fill="white"/>
<rect x="9" y="9" width="12" height="12" rx="3" fill="white"/> <rect x="27" y="9" width="12" height="12" rx="3" fill="white"/>
</g> <rect x="45" y="9" width="12" height="12" rx="3" fill="white"/>
<foreignObject x="-18" y="-36" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_1_4479_38862_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter1_diiii_4479_38862)" data-figma-bg-blur-radius="45"> <rect x="9" y="27" width="12" height="12" rx="3" fill="white"/>
<rect x="27" y="9" width="12" height="12" rx="3" fill="white"/> <rect x="27" y="27" width="12" height="12" rx="3" fill="white"/>
</g> <rect x="45" y="27" width="12" height="12" rx="3" fill="white"/>
<foreignObject x="0" y="-36" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_2_4479_38862_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter2_diiii_4479_38862)" data-figma-bg-blur-radius="45"> <rect x="9" y="45" width="12" height="12" rx="3" fill="white"/>
<rect x="45" y="9" width="12" height="12" rx="3" fill="white"/> <rect x="27" y="45" width="12" height="12" rx="3" fill="white"/>
</g> <rect x="45" y="45" width="12" height="12" rx="3" fill="white"/>
<foreignObject x="-36" y="-18" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_3_4479_38862_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter3_diiii_4479_38862)" data-figma-bg-blur-radius="45">
<rect x="9" y="27" width="12" height="12" rx="3" fill="white"/>
</g>
<foreignObject x="-18" y="-18" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_4_4479_38862_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter4_diiii_4479_38862)" data-figma-bg-blur-radius="45">
<rect x="27" y="27" width="12" height="12" rx="3" fill="white"/>
</g>
<foreignObject x="0" y="-18" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_5_4479_38862_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter5_diiii_4479_38862)" data-figma-bg-blur-radius="45">
<rect x="45" y="27" width="12" height="12" rx="3" fill="white"/>
</g>
<foreignObject x="-36" y="0" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_6_4479_38862_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter6_diiii_4479_38862)" data-figma-bg-blur-radius="45">
<rect x="9" y="45" width="12" height="12" rx="3" fill="white"/>
</g>
<foreignObject x="-18" y="0" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_7_4479_38862_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter7_diiii_4479_38862)" data-figma-bg-blur-radius="45">
<rect x="27" y="45" width="12" height="12" rx="3" fill="white"/>
</g>
<foreignObject x="0" y="0" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_8_4479_38862_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter8_diiii_4479_38862)" data-figma-bg-blur-radius="45">
<rect x="45" y="45" width="12" height="12" rx="3" fill="white"/>
</g>
<defs>
<filter id="filter0_diiii_4479_38862" x="-36" y="-36" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38862"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38862" result="shape"/>
</filter>
<clipPath id="bgblur_0_4479_38862_clip_path" transform="translate(36 36)"><rect x="9" y="9" width="12" height="12" rx="3"/>
</clipPath><filter id="filter1_diiii_4479_38862" x="-18" y="-36" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38862"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38862" result="shape"/>
</filter>
<clipPath id="bgblur_1_4479_38862_clip_path" transform="translate(18 36)"><rect x="27" y="9" width="12" height="12" rx="3"/>
</clipPath><filter id="filter2_diiii_4479_38862" x="0" y="-36" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38862"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38862" result="shape"/>
</filter>
<clipPath id="bgblur_2_4479_38862_clip_path" transform="translate(0 36)"><rect x="45" y="9" width="12" height="12" rx="3"/>
</clipPath><filter id="filter3_diiii_4479_38862" x="-36" y="-18" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38862"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38862" result="shape"/>
</filter>
<clipPath id="bgblur_3_4479_38862_clip_path" transform="translate(36 18)"><rect x="9" y="27" width="12" height="12" rx="3"/>
</clipPath><filter id="filter4_diiii_4479_38862" x="-18" y="-18" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38862"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38862" result="shape"/>
</filter>
<clipPath id="bgblur_4_4479_38862_clip_path" transform="translate(18 18)"><rect x="27" y="27" width="12" height="12" rx="3"/>
</clipPath><filter id="filter5_diiii_4479_38862" x="0" y="-18" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38862"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38862" result="shape"/>
</filter>
<clipPath id="bgblur_5_4479_38862_clip_path" transform="translate(0 18)"><rect x="45" y="27" width="12" height="12" rx="3"/>
</clipPath><filter id="filter6_diiii_4479_38862" x="-36" y="0" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38862"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38862" result="shape"/>
</filter>
<clipPath id="bgblur_6_4479_38862_clip_path" transform="translate(36 0)"><rect x="9" y="45" width="12" height="12" rx="3"/>
</clipPath><filter id="filter7_diiii_4479_38862" x="-18" y="0" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38862"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38862" result="shape"/>
</filter>
<clipPath id="bgblur_7_4479_38862_clip_path" transform="translate(18 0)"><rect x="27" y="45" width="12" height="12" rx="3"/>
</clipPath><filter id="filter8_diiii_4479_38862" x="0" y="0" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38862"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38862" result="shape"/>
</filter>
<clipPath id="bgblur_8_4479_38862_clip_path" transform="translate(0 0)"><rect x="45" y="45" width="12" height="12" rx="3"/>
</clipPath></defs>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 706 B

137
themes/default/branding/light/launcher.svg
View File

@@ -1,130 +1,11 @@
<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
<foreignObject x="-36" y="-36" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_0_4479_38700_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter0_diiii_4479_38700)" data-figma-bg-blur-radius="45"> <rect x="9" y="9" width="12" height="12" rx="3" fill="#0A032E"/>
<rect x="9" y="9" width="12" height="12" rx="3" fill="#0A032E"/> <rect x="27" y="9" width="12" height="12" rx="3" fill="#0A032E"/>
</g> <rect x="45" y="9" width="12" height="12" rx="3" fill="#0A032E"/>
<foreignObject x="-18" y="-36" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_1_4479_38700_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter1_diiii_4479_38700)" data-figma-bg-blur-radius="45"> <rect x="9" y="27" width="12" height="12" rx="3" fill="#0A032E"/>
<rect x="27" y="9" width="12" height="12" rx="3" fill="#0A032E"/> <rect x="27" y="27" width="12" height="12" rx="3" fill="#0A032E"/>
</g> <rect x="45" y="27" width="12" height="12" rx="3" fill="#0A032E"/>
<foreignObject x="0" y="-36" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_2_4479_38700_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter2_diiii_4479_38700)" data-figma-bg-blur-radius="45"> <rect x="9" y="45" width="12" height="12" rx="3" fill="#0A032E"/>
<rect x="45" y="9" width="12" height="12" rx="3" fill="#0A032E"/> <rect x="27" y="45" width="12" height="12" rx="3" fill="#0A032E"/>
</g> <rect x="45" y="45" width="12" height="12" rx="3" fill="#0A032E"/>
<foreignObject x="-36" y="-18" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_3_4479_38700_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter3_diiii_4479_38700)" data-figma-bg-blur-radius="45">
<rect x="9" y="27" width="12" height="12" rx="3" fill="#0A032E"/>
</g>
<foreignObject x="-18" y="-18" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_4_4479_38700_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter4_diiii_4479_38700)" data-figma-bg-blur-radius="45">
<rect x="27" y="27" width="12" height="12" rx="3" fill="#0A032E"/>
</g>
<foreignObject x="0" y="-18" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_5_4479_38700_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter5_diiii_4479_38700)" data-figma-bg-blur-radius="45">
<rect x="45" y="27" width="12" height="12" rx="3" fill="#0A032E"/>
</g>
<foreignObject x="-36" y="0" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_6_4479_38700_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter6_diiii_4479_38700)" data-figma-bg-blur-radius="45">
<rect x="9" y="45" width="12" height="12" rx="3" fill="#0A032E"/>
</g>
<foreignObject x="-18" y="0" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_7_4479_38700_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter7_diiii_4479_38700)" data-figma-bg-blur-radius="45">
<rect x="27" y="45" width="12" height="12" rx="3" fill="#0A032E"/>
</g>
<foreignObject x="0" y="0" width="102" height="102"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(22.5px);clip-path:url(#bgblur_8_4479_38700_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter8_diiii_4479_38700)" data-figma-bg-blur-radius="45">
<rect x="45" y="45" width="12" height="12" rx="3" fill="#0A032E"/>
</g>
<defs>
<filter id="filter0_diiii_4479_38700" x="-36" y="-36" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38700"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38700" result="shape"/>
</filter>
<clipPath id="bgblur_0_4479_38700_clip_path" transform="translate(36 36)"><rect x="9" y="9" width="12" height="12" rx="3"/>
</clipPath><filter id="filter1_diiii_4479_38700" x="-18" y="-36" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38700"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38700" result="shape"/>
</filter>
<clipPath id="bgblur_1_4479_38700_clip_path" transform="translate(18 36)"><rect x="27" y="9" width="12" height="12" rx="3"/>
</clipPath><filter id="filter2_diiii_4479_38700" x="0" y="-36" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38700"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38700" result="shape"/>
</filter>
<clipPath id="bgblur_2_4479_38700_clip_path" transform="translate(0 36)"><rect x="45" y="9" width="12" height="12" rx="3"/>
</clipPath><filter id="filter3_diiii_4479_38700" x="-36" y="-18" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38700"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38700" result="shape"/>
</filter>
<clipPath id="bgblur_3_4479_38700_clip_path" transform="translate(36 18)"><rect x="9" y="27" width="12" height="12" rx="3"/>
</clipPath><filter id="filter4_diiii_4479_38700" x="-18" y="-18" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38700"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38700" result="shape"/>
</filter>
<clipPath id="bgblur_4_4479_38700_clip_path" transform="translate(18 18)"><rect x="27" y="27" width="12" height="12" rx="3"/>
</clipPath><filter id="filter5_diiii_4479_38700" x="0" y="-18" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38700"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38700" result="shape"/>
</filter>
<clipPath id="bgblur_5_4479_38700_clip_path" transform="translate(0 18)"><rect x="45" y="27" width="12" height="12" rx="3"/>
</clipPath><filter id="filter6_diiii_4479_38700" x="-36" y="0" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38700"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38700" result="shape"/>
</filter>
<clipPath id="bgblur_6_4479_38700_clip_path" transform="translate(36 0)"><rect x="9" y="45" width="12" height="12" rx="3"/>
</clipPath><filter id="filter7_diiii_4479_38700" x="-18" y="0" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38700"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38700" result="shape"/>
</filter>
<clipPath id="bgblur_7_4479_38700_clip_path" transform="translate(18 0)"><rect x="27" y="45" width="12" height="12" rx="3"/>
</clipPath><filter id="filter8_diiii_4479_38700" x="0" y="0" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0 0.129977 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4479_38700"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4479_38700" result="shape"/>
</filter>
<clipPath id="bgblur_8_4479_38700_clip_path" transform="translate(0 0)"><rect x="45" y="45" width="12" height="12" rx="3"/>
</clipPath></defs>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 724 B