Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
1234567891011121314151617181920212223242526<script lang="ts"> import type { SVGAttributes } from "svelte/elements";
let { class: className = "size-4", ...rest }: SVGAttributes<SVGSVGElement> = $props();</script>
<svg class={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest}> <path d="M4 13C4 18 7.5 20.5 11.66 21.95C11.8778 22.0238 12.1145 22.0202 12.33 21.94C16.5 20.5 20 18 20 13V5.99996C20 5.73474 19.8946 5.48039 19.7071 5.29285C19.5196 5.10532 19.2652 4.99996 19 4.99996C17 4.99996 14.5 3.79996 12.76 2.27996C12.5481 2.09896 12.2786 1.99951 12 1.99951C11.7214 1.99951 11.4519 2.09896 11.24 2.27996C9.49 3.80996 7 4.99996 5 4.99996C4.73478 4.99996 4.48043 5.10532 4.29289 5.29285C4.10536 5.48039 4 5.73474 4 5.99996V13Z" fill="currentColor" stroke="#DC2626" stroke-linecap="round" stroke-linejoin="round" /> <path d="M20 13C20 18 16.5 20.5 12.33 21.94C12.2235 21.9796 12.1119 22.0005 12 22.0027L12.0318 1.99994C12.2991 2.00721 12.5562 2.10586 12.76 2.27996C14.5 3.79996 17 4.99996 19 4.99996C19.2652 4.99996 19.5196 5.10532 19.7071 5.29285C19.8946 5.48039 20 5.73474 20 5.99996V13Z" fill="#EF4444" /> <path d="M12 1.99951C12.0106 1.99951 12.0212 1.99966 12.0318 1.99994M12.0318 1.99994C12.2991 2.00721 12.5562 2.10586 12.76 2.27996C14.5 3.79996 17 4.99996 19 4.99996C19.2652 4.99996 19.5196 5.10532 19.7071 5.29285C19.8946 5.48039 20 5.73474 20 5.99996V13C20 18 16.5 20.5 12.33 21.94C12.2235 21.9796 12.1119 22.0005 12 22.0027L12.0318 1.99994Z" stroke="#DC2626" stroke-linecap="round" stroke-linejoin="round" /></svg>