Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Initial commit: Interactives site

Browse source 
Astro-based site with 40+ interactive math games, puzzles, and explorations.
Includes admin dashboard, todo system, blog, theme/subcategory navigation,
and embed pages for iframe embedding.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Neeldhara Misra 2026-04-17 03:09:40 +05:30
commit c5926b4213
265 changed files with 51899 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
public/icons/meta/role.svg Normal file
View file

@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 11.5C14.4853 11.5 16.5 9.48528 16.5 7C16.5 4.51472 14.4853 2.5 12 2.5C9.51472 2.5 7.5 4.51472 7.5 7C7.5 9.48528 9.51472 11.5 12 11.5Z" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.25 20.25V19.25C5.25 16.4886 7.48858 14.25 10.25 14.25H13.75C16.5114 14.25 18.75 16.4886 18.75 19.25V20.25" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.25 8.25L21 10L19.25 11.75" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.75 8.25L3 10L4.75 11.75" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 819 B

6
public/icons/meta/services.svg Normal file
View file

@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="8.625" stroke="currentColor" stroke-width="1.35"/>
<circle cx="12" cy="12" r="5.625" stroke="currentColor" stroke-width="1.35" opacity="0.45"/>
<circle cx="12" cy="12" r="2.625" stroke="currentColor" stroke-width="1.35"/>
<circle cx="12" cy="12" r="0.875" fill="currentColor"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 416 B

10
public/icons/meta/timeline.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12H21" stroke="currentColor" stroke-width="1" stroke-linecap="round"/>
<path d="M6 8.5V15.5" stroke="currentColor" stroke-width="1" stroke-linecap="round"/>
<path d="M12 6V18" stroke="currentColor" stroke-width="1" stroke-linecap="round"/>
<path d="M18 9.5V14.5" stroke="currentColor" stroke-width="1" stroke-linecap="round"/>
<circle cx="6" cy="12" r="2" stroke="currentColor" stroke-width="1"/>
<circle cx="12" cy="12" r="2.625" stroke="currentColor" stroke-width="1"/>
<circle cx="18" cy="12" r="2" stroke="currentColor" stroke-width="1"/>
<circle cx="12" cy="12" r="0.75" fill="currentColor"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 729 B

10
public/icons/pricing/project.svg Normal file
View file

@ -0,0 +1,10 @@
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 34" width="35" height="34">
<style>
.s0 { fill: #ff0a0a }
.s1 { fill: none;stroke: #ffffff }
</style>
<g>
<path fill-rule="evenodd" class="s0" d="m2 12.25c0-6.08 4.92-11 11-11h9.5c6.08 0 11 4.92 11 11v9.5c0 6.08-4.92 11-11 11h-9.5c-6.08 0-11-4.92-11-11zm24 4.98c0.2-0.09 0.2-0.37 0-0.46l-1.75-0.79c-2.43-1.1-4.38-3.05-5.48-5.48l-0.79-1.75c-0.09-0.19-0.37-0.2-0.46 0l-0.81 1.78c-1.1 2.41-3.04 4.34-5.45 5.44l-1.76 0.8c-0.2 0.09-0.2 0.37 0 0.46l1.81 0.83c2.38 1.1 4.29 3.02 5.39 5.4l0.82 1.79c0.09 0.2 0.37 0.2 0.46 0l0.8-1.76c1.1-2.4 3.02-4.33 5.42-5.43z"/>
<path class="s1" d="m22.5 0.75c6.35 0 11.5 5.15 11.5 11.5v9.5c0 6.35-5.15 11.5-11.5 11.5h-9.5c-6.35 0-11.5-5.15-11.5-11.5v-9.5c0-6.35 5.15-11.5 11.5-11.5zm-5.34 9.99c-1.15 2.52-3.17 4.54-5.7 5.69l-1.26 0.57 1.31 0.61c2.5 1.15 4.5 3.15 5.65 5.64l0.59 1.3 0.58-1.27c1.14-2.51 3.15-4.53 5.66-5.68l1.3-0.6-1.25-0.57c-2.54-1.15-4.57-3.18-5.72-5.72l-0.57-1.25z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1,010 B

12
public/icons/pricing/subscription.svg Normal file
View file

@ -0,0 +1,12 @@
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 35" width="36" height="35">
<style>
.s0 { fill: #4338ca }
.s1 { fill: none;stroke: #ffffff }
.s2 { fill: none;stroke: #ffffff;stroke-linecap: round;stroke-linejoin: round;stroke-width: 2.8 }
</style>
<g>
<path fill-rule="evenodd" class="s0" d="m13 2h10c6.08 0 11 4.92 11 11v10c0 6.08-4.92 11-11 11h-10c-6.08 0-11-4.92-11-11v-10c0-6.08 4.92-11 11-11z"/>
<path fill-rule="evenodd" class="s1" d="m13 1.5h10c6.35 0 11.5 5.15 11.5 11.5v10c0 6.35-5.15 11.5-11.5 11.5h-10c-6.35 0-11.5-5.15-11.5-11.5v-10c0-6.35 5.15-11.5 11.5-11.5z"/>
</g>
<path class="s2" d="m23.49 21.58c-1.47 0-2.89 0.58-3.93 1.62-1.04 1.04-1.62 2.46-1.62 3.93 0-3.07-2.21-5.55-4.94-5.55m10.49-4.94c-1.47 0-2.89 0.58-3.93 1.63-1.04 1.04-1.62 2.45-1.62 3.92 0-3.06-2.21-5.55-4.94-5.55m10.49-4.94c-1.47 0-2.89 0.59-3.93 1.63-1.04 1.04-1.62 2.45-1.62 3.93 0-3.07-2.21-5.56-4.94-5.56m4.94-3.7v7.41"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 954 B

27
public/icons/service-details/s1.svg Normal file
View file

@ -0,0 +1,27 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_dd_25498_516)">
<rect x="14" y="9" width="32" height="32" rx="11" fill="#FF0A0A"/>
<rect x="13.5" y="8.5" width="33" height="33" rx="11.5" stroke="white"/>
</g>
<path d="M30 33.4C28.3432 33.4 27 29.6392 27 25C27 20.3608 28.3432 16.6 30 16.6C31.3223 16.6 32.4448 18.9953 32.8441 22.3209" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30.0001 33.4C25.3609 33.4 21.6001 29.6392 21.6001 25C21.6001 20.3608 25.3609 16.6 30.0001 16.6C34.3494 16.6 37.9266 19.9054 38.3568 24.1411" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.6001 25H28.2001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M31.8 26.2L39 28.6L35.4 29.8L34.2 33.4L31.8 26.2Z" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_dd_25498_516" x="0" y="0" width="60" height="60" 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 dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_25498_516"/>
<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 dy="5"/>
<feGaussianBlur stdDeviation="6.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_25498_516" result="effect2_dropShadow_25498_516"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_25498_516" result="shape"/>
</filter>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

33
public/icons/service-details/s2.svg Normal file
View file

@ -0,0 +1,33 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_dd_25498_67)">
<rect x="14" y="9" width="32" height="32" rx="11" fill="#FF0A0A"/>
<rect x="13.5" y="8.5" width="33" height="33" rx="11.5" stroke="white"/>
</g>
<g clip-path="url(#clip0_25498_67)">
<path d="M21.25 24.3901C21.25 21.3894 22.707 18.7417 24.98 17.1531C25.796 16.5647 27.0781 16.447 27.661 17.1531C28.4186 18.1533 27.0781 19.5654 27.661 20.3891C29.2345 22.3308 32.5566 18.5063 36.4614 20.3891C39.259 21.8012 38.851 25.508 38.5013 26.8613C37.4522 30.568 34.0719 33.3333 30.0505 33.3333C25.2131 33.2745 21.25 29.3324 21.25 24.3901Z" fill="white" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M36.3595 25.1042C36.8773 24.2074 36.4085 22.9674 35.3124 22.3346C34.2163 21.7017 32.908 21.9157 32.3902 22.8125C31.8725 23.7093 32.3413 24.9493 33.4374 25.5822C34.5335 26.215 35.8418 26.001 36.3595 25.1042Z" fill="#FF0A0A"/>
<path d="M24.5833 25.4167C25.2736 25.4167 25.8333 24.8571 25.8333 24.1667C25.8333 23.4763 25.2736 22.9167 24.5833 22.9167C23.8929 22.9167 23.3333 23.4763 23.3333 24.1667C23.3333 24.8571 23.8929 25.4167 24.5833 25.4167Z" fill="#FF0A0A"/>
<path d="M26.4583 29.5834C27.1486 29.5834 27.7083 29.0237 27.7083 28.3334C27.7083 27.643 27.1486 27.0834 26.4583 27.0834C25.7679 27.0834 25.2083 27.643 25.2083 28.3334C25.2083 29.0237 25.7679 29.5834 26.4583 29.5834Z" fill="#FF0A0A"/>
<path d="M30.8333 31.25C31.5236 31.25 32.0833 30.6904 32.0833 30C32.0833 29.3096 31.5236 28.75 30.8333 28.75C30.1429 28.75 29.5833 29.3096 29.5833 30C29.5833 30.6904 30.1429 31.25 30.8333 31.25Z" fill="#FF0A0A"/>
</g>
<defs>
<filter id="filter0_dd_25498_67" x="0" y="0" width="60" height="60" 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 dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_25498_67"/>
<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 dy="5"/>
<feGaussianBlur stdDeviation="6.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_25498_67" result="effect2_dropShadow_25498_67"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_25498_67" result="shape"/>
</filter>
<clipPath id="clip0_25498_67">
<rect width="20" height="20" fill="white" transform="translate(20 15)"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

25
public/icons/service-details/s3.svg Normal file
View file

@ -0,0 +1,25 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_dd_25498_148)">
<rect x="14" y="9" width="32" height="32" rx="11" fill="#FF0A0A"/>
<rect x="13.5" y="8.5" width="33" height="33" rx="11.5" stroke="white"/>
</g>
<path d="M35.75 23H33.25C32.0074 23 31 24.0074 31 25.25V30.75C31 31.9926 32.0074 33 33.25 33H35.75C36.9926 33 38 31.9926 38 30.75V25.25C38 24.0074 36.9926 23 35.75 23Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.75 18C24.2308 18 23 19.2308 23 20.75V27.375C23 27.7776 23.0906 28.1591 23.2524 28.5H22.75C22.3358 28.5 22 28.8358 22 29.25C22 29.6642 22.3358 30 22.75 30H25.625H28.75C29.1642 30 29.5 29.6642 29.5 29.25C29.5 28.8358 29.1642 28.5 28.75 28.5H25.625C25.0032 28.5 24.5 27.9968 24.5 27.375V20.75C24.5 20.0592 25.0592 19.5 25.75 19.5H34.25C34.9408 19.5 35.5 20.0592 35.5 20.75C35.5 21.1642 35.8358 21.5 36.25 21.5C36.6642 21.5 37 21.1642 37 20.75C37 19.2308 35.7692 18 34.25 18H25.75Z" fill="white"/>
<defs>
<filter id="filter0_dd_25498_148" x="0" y="0" width="60" height="60" 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 dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_25498_148"/>
<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 dy="5"/>
<feGaussianBlur stdDeviation="6.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_25498_148" result="effect2_dropShadow_25498_148"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_25498_148" result="shape"/>
</filter>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

29
public/icons/service-details/s4.svg Normal file
View file

@ -0,0 +1,29 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_dd_25498_597)">
<rect x="14" y="9" width="32" height="32" rx="11" fill="#FF0A0A"/>
<rect x="13.5" y="8.5" width="33" height="33" rx="11.5" stroke="white"/>
</g>
<g clip-path="url(#clip0_25498_597)">
<path d="M24.3879 16.8589C24.0655 16.5462 24.2869 16 24.736 16H36.0609C36.337 16 36.5609 16.2239 36.5609 16.5V21.8333C36.5609 22.1095 36.337 22.3333 36.0609 22.3333H30.0317L24.3879 16.8589ZM23.5024 22.8333C23.5024 22.5572 23.7263 22.3333 24.0024 22.3333H30.0317L35.6754 27.8078C35.9978 28.1205 35.7764 28.6667 35.3273 28.6667H30.5317C30.2555 28.6667 30.0317 28.8905 30.0317 29.1667V33.8184C30.0317 34.2602 29.5006 34.4849 29.1835 34.1773L23.6543 28.814C23.5572 28.7198 23.5024 28.5903 23.5024 28.4551V22.8333Z" fill="white"/>
</g>
<defs>
<filter id="filter0_dd_25498_597" x="0" y="0" width="60" height="60" 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 dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_25498_597"/>
<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 dy="5"/>
<feGaussianBlur stdDeviation="6.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_25498_597" result="effect2_dropShadow_25498_597"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_25498_597" result="shape"/>
</filter>
<clipPath id="clip0_25498_597">
<rect width="13.0625" height="19" fill="white" transform="translate(23.5 16)"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

3
public/icons/socials/framer.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.54437 0H16.7089V6.66672H10.1266L3.54437 0ZM3.54437 6.66672H10.1266L16.7089 13.3333H10.1266V20L3.54437 13.3333V6.66672Z" fill="#CCCCCC"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 252 B

3
public/icons/socials/instagram.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9307 1.07129C16.6911 1.07129 18.9286 3.31058 18.9286 6.06915V13.9306C18.9286 16.6909 16.6893 18.9284 13.9307 18.9284H6.06927C3.30891 18.9284 1.07141 16.6892 1.07141 13.9306V6.06915C1.07141 3.30879 3.3107 1.07129 6.06927 1.07129H13.9307ZM9.99998 5.357C7.4357 5.357 5.35713 7.43558 5.35713 9.99986C5.35713 12.5641 7.4357 14.6427 9.99998 14.6427C12.5643 14.6427 14.6428 12.5641 14.6428 9.99986C14.6428 7.43558 12.5643 5.357 9.99998 5.357ZM9.99998 6.78558C10.4221 6.78558 10.8401 6.86872 11.23 7.03025C11.62 7.19178 11.9744 7.42855 12.2728 7.72702C12.5713 8.02549 12.8081 8.37983 12.9696 8.76981C13.1311 9.15978 13.2143 9.57776 13.2143 9.99986C13.2143 10.422 13.1311 10.8399 12.9696 11.2299C12.8081 11.6199 12.5713 11.9742 12.2728 12.2727C11.9744 12.5712 11.62 12.8079 11.23 12.9695C10.8401 13.131 10.4221 13.2141 9.99998 13.2141C9.1475 13.2141 8.32994 12.8755 7.72714 12.2727C7.12435 11.6699 6.7857 10.8523 6.7857 9.99986C6.7857 9.14738 7.12435 8.32981 7.72714 7.72702C8.32994 7.12422 9.1475 6.78558 9.99998 6.78558ZM15.1786 3.57129C14.847 3.57129 14.5291 3.70299 14.2947 3.93741C14.0603 4.17183 13.9286 4.48977 13.9286 4.82129C13.9286 5.15281 14.0603 5.47075 14.2947 5.70517C14.5291 5.93959 14.847 6.07129 15.1786 6.07129C15.5101 6.07129 15.828 5.93959 16.0624 5.70517C16.2969 5.47075 16.4286 5.15281 16.4286 4.82129C16.4286 4.48977 16.2969 4.17183 16.0624 3.93741C15.828 3.70299 15.5101 3.57129 15.1786 3.57129Z" fill="#CCCCCC"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

10
public/icons/socials/x.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_25444_951)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.16671 0.833496C3.28265 0.833496 2.43481 1.18469 1.80968 1.80981C1.18456 2.43493 0.833374 3.28277 0.833374 4.16683V15.8335C0.833374 16.7176 1.18456 17.5654 1.80968 18.1905C2.43481 18.8156 3.28265 19.1668 4.16671 19.1668H15.8334C16.7174 19.1668 17.5653 18.8156 18.1904 18.1905C18.8155 17.5654 19.1667 16.7176 19.1667 15.8335V4.16683C19.1667 3.28277 18.8155 2.43493 18.1904 1.80981C17.5653 1.18469 16.7174 0.833496 15.8334 0.833496H4.16671ZM3.88837 3.75016C3.79715 3.78406 3.7151 3.8388 3.64877 3.91001C3.58244 3.98122 3.53365 4.06694 3.50629 4.16034C3.47894 4.25373 3.47377 4.35223 3.4912 4.44797C3.50864 4.54372 3.54819 4.63407 3.60671 4.71183L8.28504 10.9202L3.35587 16.2077L3.31921 16.2502H5.02504L9.05004 11.9343L12.1434 16.041C12.2151 16.1361 12.3126 16.2086 12.4242 16.2502H16.1092C16.2003 16.2161 16.2822 16.1612 16.3483 16.0899C16.4145 16.0186 16.4631 15.9329 16.4903 15.8395C16.5175 15.7461 16.5225 15.6477 16.5049 15.5521C16.4874 15.4564 16.4478 15.3661 16.3892 15.2885L11.7109 9.08016L16.6809 3.75016H14.9725L10.9475 8.06683L7.85254 3.96016C7.78089 3.8648 7.68344 3.79193 7.57171 3.75016H3.88837ZM12.955 15.0402L5.35921 4.96016H7.04171L14.6367 15.0393L12.955 15.0402Z" fill="#CCCCCC"/>
</g>
<defs>
<clipPath id="clip0_25444_951">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB