@selemondev/svgl-svelte 0.0.2 → 0.0.3

package/dist/components/Ember.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 512 213" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 512 213" width="${width}" height="${height}" ${restAttrs}>
   <path d="M511.7 146.4c-1.2-12.2-10-17.6-18.4-17.6a22 22 0 0 0-8 1.5l-1.6.7-1.4 1c-2 1.5-5.4 3.5-8.4 4.6a43 43 0 0 1 .3-8.3v-.5c2.3-21.4-2.2-34-13.3-37.1-1.9-.5-3.8-.8-5.7-.8-6.8 0-12.8 3.3-16.7 6-3.2-4-8.7-6.4-15.5-6.4-10.2 0-18.3 4.8-21.3 12.4l-1.2 3.5A31.2 31.2 0 0 0 371 87a47.5 47.5 0 0 0-25 7.2l-.6.4a74.8 74.8 0 0 0-23.7 27.3 43 43 0 0 0-19.4-25l-.2-.2-.9-.4c10.5-18.7 19.9-43.4 14.3-67-6-25-20.7-28.8-29-28.8-3.4 0-7 .7-10.5 2h-.5a51.2 51.2 0 0 0-23.9 17.6 156.5 156.5 0 0 0-22.8 66.3l-1.4 12.9a23.2 23.2 0 0 0-18.6-9.3c-8.6 0-15.6 5.3-19.4 8.8v-.1a18 18 0 0 0-14.2-8h-1.4c-9.2 0-16.5 4-21.9 8.7-3.4-6-9.7-9.7-17-9.7h-3c-10.2 0-18.2 4.9-21.5 12.9l-.8 2.4a38 38 0 0 0-31.9-14.6h-1.3c-8.5.1-29.8 3.7-42.9 33-2 4.6-3.6 9.2-4.7 13.7a17.8 17.8 0 0 0-22 5.9c-2 3-8.4 13.4-5.2 23.7 1.7 5.5 5.7 9.7 11.3 11.8 4.8 2 11 3.9 15.7 5.2 2.9 6.5 8 14 17.1 21a39.4 39.4 0 0 0 24.4 7.3c16.3 0 32.1-7 33.8-7.8l.6-.3.2-.2c3 3.3 7.2 5.6 12.4 6.6 1.6.3 3.6.6 6 .6 8.8 0 15-4.5 20.6-13a26.5 26.5 0 0 0 23.1 11.4h.1c.6 0 1.1.4 1.7.4 5.3 0 12-1.9 17.4-10.7 4.6 8.2 13 13 23 13 8.8 0 16.5-3.7 17.9-4.4l.3-.2c3-1.5 5.4-3 7.4-4a62 62 0 0 0 35.2 7h1.1c26-5.2 43-11.4 53-16.2a50.1 50.1 0 0 0 39.9 17c13.2 0 23.8-3.8 31.5-7.9a27 27 0 0 0 9.7 6.7 19 19 0 0 0 7.4 1.5c16.2 0 23.7-19.3 25.8-25.8l4-10.4c3.3 3.6 7.7 6.6 13.2 8.1 3 .9 6.3 1.4 9.6 1.4 17.8 0 35-12.6 37.6-14.7 5-4 10.3-12.4 9.1-23.8" fill="#FFF"/>
   <path d="M348.7 151.7s-2.2-8 6.2-23.3c8.3-15.2 14.8-6.9 14.8-6.9s7.2 7.8-1 19.4c-8.2 11.6-20 10.8-20 10.8m-64 11c-9.6 25-32.9 14.8-32.9 14.8s-2.6-8.9 5-34c7.5-25 25.2-15.2 25.2-15.2s12.2 9.4 2.6 34.4M267.3 57.9s14.5-37.7 18-19.4c3.4 18.4-30.3 73-30.3 73 .3-12.4 12.3-53.6 12.3-53.6M60.6 151.7c.7-24.3 16.5-34.8 22-29.6 5.5 5.3 3.5 16.7-6.9 23.9-10.3 7.1-15 5.7-15 5.7m437.8-4c-.8-8.2-8.1-5.1-8.1-5.1s-11.8 9.1-22.3 8.1c-10.3-1-7-24.2-7-24.2s2.2-21.3-4-23c-6-1.9-13.6 5.4-13.6 5.4s-9.4 10.4-13.8 23.7l-1.3.3s1.4-23.2-.2-28.5c-1.2-2.6-12.4-2.4-14.2 2.3a280.9 280.9 0 0 0-11.4 50.9s-17.5 14.8-32.8 17.3c-15.3 2.4-19-7.2-19-7.2s41.6-11.5 40.1-44.7c-1.4-33.2-33.5-20.9-37.1-18.2-3.5 2.7-22.2 14-27.8 45.2l-.5 5.8s-16 10.8-25 13.7c0 0 25-42.2-5.5-61.3-13.9-8.4-24.9 9.1-24.9 9.1s41.3-46 32.2-84.9C297.9 14 288.7 12 280 15a39 39 0 0 0-17.8 12.6s-16.7 24.3-20.6 60.3c-3.8 36-9.5 79.6-9.5 79.6s-8 7.7-15.2 8.1c-7.3.4-4-21.7-4-21.7s5.6-33.8 5.2-39.5c-.4-5.7-.8-8.8-7.5-10.8s-14.1 6.5-14.1 6.5-19.3 29.3-21 33.8l-1 1.9-1-1.3s13.7-39.9.6-40.4c-13-.7-21.6 14.2-21.6 14.2s-14.8 24.8-15.4 27.6l-1-1.2s6.1-28.9 4.9-36c-1.3-7.2-8-5.7-8-5.7s-8.5-1-10.8 4.5c-2.2 5.5-10.4 42-11.4 53.5 0 0-21.4 15.3-35.4 15.5-14 .2-12.6-9-12.6-9s51.5-17.6 37.4-52.4c-6.3-9-13.6-11.7-24-11.6-10.4.3-22.6 6.5-31 25.3-4 8.9-5.6 17.4-5.6 23.8 0 0-9.6 1.9-14.5-2.2-4.9-4-7.7 0-7.7 0s-8.5 12.2-.2 15.4c8.3 3.3 21.2 6.3 21.2 6.3 1.2 5.3 4.7 14 14.8 21.6 15.3 11.6 44.6-1.8 44.6-1.8l12-7.1s.5 10.8 9.2 12.4c8.8 1.6 12.5-.1 27.7-37.1 9-19 9.6-18 9.6-18l1-.2s-7 36.2-4.3 46c2.6 9.8 14.2 8.8 14.2 8.8s6.3 2.2 11.4-15.7c5.2-18 14.9-36.7 14.9-36.7h1.2s-4.3 36 2.3 47.9c6.5 11.8 23.4 3.5 23.4 3.5s11.8-6.3 13.6-8.1c0 0 14 11.8 33.8 9.6 44.2-8.7 60-20.5 60-20.5s7.5 19.2 31 21c26.9 2 41.6-15 41.6-15s-.3 11 9.1 15c9.4 3.8 15.7-16.7 15.7-16.7l15.7-42h1.4s.8 26.8 16.3 31.3c15.7 4.5 35.8-11 35.8-11s4.9-3.3 4-11.5" fill="#E24B31"/>
 </svg>

package/dist/components/Esbuild.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><circle fill="#FFCF00" cx="128" cy="128" r="128"/><path d="M69.285 58.715 138.571 128l-69.286 69.285-16.97-16.97L104.629 128 52.315 75.685l16.97-16.97Zm76.8 0L215.371 128l-69.286 69.285-16.97-16.97L181.429 128l-52.314-52.315 16.97-16.97Z" fill="#191919"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><circle fill="#FFCF00" cx="128" cy="128" r="128"/><path d="M69.285 58.715 138.571 128l-69.286 69.285-16.97-16.97L104.629 128 52.315 75.685l16.97-16.97Zm76.8 0L215.371 128l-69.286 69.285-16.97-16.97L181.429 128l-52.314-52.315 16.97-16.97Z" fill="#191919"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Ethereum.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="${width}" height="${height}"><defs><linearGradient id="eth-c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF" stop-opacity=".5"/><stop offset="100%" stop-opacity=".5"/></linearGradient><circle id="eth-b" cx="16" cy="15" r="15"/><filter id="eth-a" width="111.7%" height="111.7%" x="-5.8%" y="-4.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.199473505 0"/></filter><path id="eth-e" d="M16.4977734,20.9675435 L23.9999473,16.616495 L16.4977207,26.9946245 L16.4976173,26.9943278 L9,16.6164144 L16.4977734,20.9674935 Z M16.4977471,3.00004297 L23.9954941,15.2198561 L16.4977734,19.5730917 L9,15.2198561 L16.4977471,3.00004297 Z"/><filter id="eth-d" width="123.3%" height="114.6%" x="-11.7%" y="-5.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.204257246 0"/></filter></defs><g fill="none" fill-rule="evenodd"><use fill="#000" filter="url(#eth-a)" xlink:href="#eth-b"/><use fill="#627EEA" xlink:href="#eth-b"/><use fill="url(#eth-c)" style="mix-blend-mode:soft-light" xlink:href="#eth-b"/><circle cx="16" cy="15" r="14.5" stroke="#000" stroke-opacity=".097"/><g fill-rule="nonzero"><use fill="#000" filter="url(#eth-d)" xlink:href="#eth-e"/><use fill="#FFF" fill-opacity="0" fill-rule="evenodd" xlink:href="#eth-e"/></g><g fill="#FFF" fill-rule="nonzero" transform="translate(9 3)"><polygon fill-opacity=".602" points="7.498 0 7.498 8.87 14.995 12.22"/><polygon points="7.498 0 0 12.22 7.498 8.87"/><polygon fill-opacity=".602" points="7.498 17.968 7.498 23.995 15 13.616"/><polygon points="7.498 23.995 7.498 17.967 0 13.616"/><polygon fill-opacity=".2" points="7.498 16.573 14.995 12.22 7.498 8.872"/><polygon fill-opacity=".602" points="0 12.22 7.498 16.573 7.498 8.872"/></g></g></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="eth-c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF" stop-opacity=".5"/><stop offset="100%" stop-opacity=".5"/></linearGradient><circle id="eth-b" cx="16" cy="15" r="15"/><filter id="eth-a" width="111.7%" height="111.7%" x="-5.8%" y="-4.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.199473505 0"/></filter><path id="eth-e" d="M16.4977734,20.9675435 L23.9999473,16.616495 L16.4977207,26.9946245 L16.4976173,26.9943278 L9,16.6164144 L16.4977734,20.9674935 Z M16.4977471,3.00004297 L23.9954941,15.2198561 L16.4977734,19.5730917 L9,15.2198561 L16.4977471,3.00004297 Z"/><filter id="eth-d" width="123.3%" height="114.6%" x="-11.7%" y="-5.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.204257246 0"/></filter></defs><g fill="none" fill-rule="evenodd"><use fill="#000" filter="url(#eth-a)" xlink:href="#eth-b"/><use fill="#627EEA" xlink:href="#eth-b"/><use fill="url(#eth-c)" style="mix-blend-mode:soft-light" xlink:href="#eth-b"/><circle cx="16" cy="15" r="14.5" stroke="#000" stroke-opacity=".097"/><g fill-rule="nonzero"><use fill="#000" filter="url(#eth-d)" xlink:href="#eth-e"/><use fill="#FFF" fill-opacity="0" fill-rule="evenodd" xlink:href="#eth-e"/></g><g fill="#FFF" fill-rule="nonzero" transform="translate(9 3)"><polygon fill-opacity=".602" points="7.498 0 7.498 8.87 14.995 12.22"/><polygon points="7.498 0 0 12.22 7.498 8.87"/><polygon fill-opacity=".602" points="7.498 17.968 7.498 23.995 15 13.616"/><polygon points="7.498 23.995 7.498 17.967 0 13.616"/><polygon fill-opacity=".2" points="7.498 16.573 14.995 12.22 7.498 8.872"/><polygon fill-opacity=".602" points="0 12.22 7.498 16.573 7.498 8.872"/></g></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Exome.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 184 184" width="${width}" height="${height}"><g fill="#F5841B" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="m23 173.5.1-.7v.7Zm37.7-42.6a278.3 278.3 0 0 1-27 19.3 379.5 379.5 0 0 1 52.7-64 378.5 378.5 0 0 1 64-52.6 272 272 0 0 1-19.5 27.1 50 50 0 0 1 10 22.4c31.8-37.5 48.9-70.3 39.6-79.6-11.8-11.7-60.8 18.4-109.6 67.2-48.9 48.8-79 97.9-67.2 109.6 9.3 9.3 42-7.7 79.4-39.3a50 50 0 0 1-22.4-10Zm113-108h-.7.6ZM161 10.3l-.1.7v-.7ZM11 160.8h-.6.7Z"/><path d="M11 23.1h.6a2 2 0 0 1-.7 0Zm75.8 74.7a378.6 378.6 0 0 1-52.6-64 274 274 0 0 1 26.2 18.8 50 50 0 0 1 22.2-10.4C45.6 11.1 13.3-5.5 4 3.7-7.6 15.4 22.5 64.5 71.3 113.3s97.9 79 109.6 67.2c9.3-9.3-7.8-42.3-39.8-80a50 50 0 0 1-10.2 22.2 304 304 0 0 1 20 27.7 378.6 378.6 0 0 1-64-52.6Zm74.7 75.9v-.7.7ZM174 161h-.7.7ZM23.6 11.2v-.7.7Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h184v184H0z"/></clipPath></defs></svg>
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 184 184" width="${width}" height="${height}" ${restAttrs}><g fill="#F5841B" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="m23 173.5.1-.7v.7Zm37.7-42.6a278.3 278.3 0 0 1-27 19.3 379.5 379.5 0 0 1 52.7-64 378.5 378.5 0 0 1 64-52.6 272 272 0 0 1-19.5 27.1 50 50 0 0 1 10 22.4c31.8-37.5 48.9-70.3 39.6-79.6-11.8-11.7-60.8 18.4-109.6 67.2-48.9 48.8-79 97.9-67.2 109.6 9.3 9.3 42-7.7 79.4-39.3a50 50 0 0 1-22.4-10Zm113-108h-.7.6ZM161 10.3l-.1.7v-.7ZM11 160.8h-.6.7Z"/><path d="M11 23.1h.6a2 2 0 0 1-.7 0Zm75.8 74.7a378.6 378.6 0 0 1-52.6-64 274 274 0 0 1 26.2 18.8 50 50 0 0 1 22.2-10.4C45.6 11.1 13.3-5.5 4 3.7-7.6 15.4 22.5 64.5 71.3 113.3s97.9 79 109.6 67.2c9.3-9.3-7.8-42.3-39.8-80a50 50 0 0 1-10.2 22.2 304 304 0 0 1 20 27.7 378.6 378.6 0 0 1-64-52.6Zm74.7 75.9v-.7.7ZM174 161h-.7.7ZM23.6 11.2v-.7.7Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h184v184H0z"/></clipPath></defs></svg>
 `;
 </script>
 

package/dist/components/Expo.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 231" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 231" width="${width}" height="${height}" ${restAttrs}>
   <path d="M121 85c2-3 5-4 7-4 1 0 5 1 7 4 16 22 43 67 63 101l26 40c7 8 18 3 24-6s8-15 8-22c0-4-88-168-97-182-9-13-11-16-26-16h-11c-14 0-16 3-25 16C88 30 0 194 0 198c0 7 2 13 8 22s17 14 24 6l26-40c20-34 47-79 63-101Z" fill="#000020"/>
 </svg>
 `;

package/dist/components/Expressjs.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="${width}" height="${height}"><path d="M32 24.795c-1.164.296-1.884.013-2.53-.957l-4.594-6.356-.664-.88-5.365 7.257c-.613.873-1.256 1.253-2.4.944l6.87-9.222-6.396-8.33c1.1-.214 1.86-.105 2.535.88l4.765 6.435 4.8-6.4c.615-.873 1.276-1.205 2.38-.883l-2.48 3.288-3.36 4.375c-.4.5-.345.842.023 1.325L32 24.795zM.008 15.427l.562-2.764C2.1 7.193 8.37 4.92 12.694 8.3c2.527 1.988 3.155 4.8 3.03 7.95H1.48c-.214 5.67 3.867 9.092 9.07 7.346 1.825-.613 2.9-2.042 3.438-3.83.273-.896.725-1.036 1.567-.78-.43 2.236-1.4 4.104-3.45 5.273-3.063 1.75-7.435 1.184-9.735-1.248C1 21.6.434 19.812.18 17.9c-.04-.316-.12-.617-.18-.92q.008-.776.008-1.552zm1.498-.38h12.872c-.084-4.1-2.637-7.012-6.126-7.037-3.83-.03-6.58 2.813-6.746 7.037z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="${width}" height="${height}" ${restAttrs}><path d="M32 24.795c-1.164.296-1.884.013-2.53-.957l-4.594-6.356-.664-.88-5.365 7.257c-.613.873-1.256 1.253-2.4.944l6.87-9.222-6.396-8.33c1.1-.214 1.86-.105 2.535.88l4.765 6.435 4.8-6.4c.615-.873 1.276-1.205 2.38-.883l-2.48 3.288-3.36 4.375c-.4.5-.345.842.023 1.325L32 24.795zM.008 15.427l.562-2.764C2.1 7.193 8.37 4.92 12.694 8.3c2.527 1.988 3.155 4.8 3.03 7.95H1.48c-.214 5.67 3.867 9.092 9.07 7.346 1.825-.613 2.9-2.042 3.438-3.83.273-.896.725-1.036 1.567-.78-.43 2.236-1.4 4.104-3.45 5.273-3.063 1.75-7.435 1.184-9.735-1.248C1 21.6.434 19.812.18 17.9c-.04-.316-.12-.617-.18-.92q.008-.776.008-1.552zm1.498-.38h12.872c-.084-4.1-2.637-7.012-6.126-7.037-3.83-.03-6.58 2.813-6.746 7.037z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Facebook.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" fill="url(#a)" width="${width}" height="${height}"><defs><linearGradient x1="50%" x2="50%" y1="97.078%" y2="0%" id="a"><stop offset="0%" stop-color="#0062E0"/><stop offset="100%" stop-color="#19AFFF"/></linearGradient></defs><path d="M15 35.8C6.5 34.3 0 26.9 0 18 0 8.1 8.1 0 18 0s18 8.1 18 18c0 8.9-6.5 16.3-15 17.8l-1-.8h-4l-1 .8z"/><path fill="#FFF" d="m25 23 .8-5H21v-3.5c0-1.4.5-2.5 2.7-2.5H26V7.4c-1.3-.2-2.7-.4-4-.4-4.1 0-7 2.5-7 7v4h-4.5v5H15v12.7c1 .2 2 .3 3 .3s2-.1 3-.3V23h4z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" fill="url(#a)" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient x1="50%" x2="50%" y1="97.078%" y2="0%" id="a"><stop offset="0%" stop-color="#0062E0"/><stop offset="100%" stop-color="#19AFFF"/></linearGradient></defs><path d="M15 35.8C6.5 34.3 0 26.9 0 18 0 8.1 8.1 0 18 0s18 8.1 18 18c0 8.9-6.5 16.3-15 17.8l-1-.8h-4l-1 .8z"/><path fill="#FFF" d="m25 23 .8-5H21v-3.5c0-1.4.5-2.5 2.7-2.5H26V7.4c-1.3-.2-2.7-.4-4-.4-4.1 0-7 2.5-7 7v4h-4.5v5H15v12.7c1 .2 2 .3 3 .3s2-.1 3-.3V23h4z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/FastAPI.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}"><path d="M128 0C57.33 0 0 57.33 0 128s57.33 128 128 128 128-57.33 128-128S198.67 0 128 0Zm-6.67 230.605v-80.288H76.699l64.128-124.922v80.288h42.966L121.33 230.605Z" fill="#009688"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}><path d="M128 0C57.33 0 0 57.33 0 128s57.33 128 128 128 128-57.33 128-128S198.67 0 128 0Zm-6.67 230.605v-80.288H76.699l64.128-124.922v80.288h42.966L121.33 230.605Z" fill="#009688"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Fastify.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg preserveAspectRatio="xMidYMid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 167.509" width="${width}" height="${height}"><path d="M247.942 23.314 256 2.444l-.35-1.293-79.717 21.003C184.433 9.86 181.513 0 181.513 0s-25.457 16.257-44.709 15.832c-19.251-.426-25.457-5.564-54.977 3.853-29.52 9.41-37.86 38.295-46.419 44.5S0 90.603 0 90.603l.058.359 24.207-7.707S17.625 89.51 3.52 108.52l-.659-.609.025.134s11.336 17.324 22.463 14.121c1.118-.325 2.377-.859 3.753-1.56 4.48 2.495 10.327 4.947 16.783 5.622 0 0-4.37-5.08-8.016-10.86.984-.634 1.994-1.293 3.02-1.96l-.476.334 9.217 3.386-1.017-8.666c.033-.017.058-.042.091-.059l9.059 3.328-1.126-7.882a76.868 76.868 0 0 1 3.436-1.693l9.443-35.717 39.045-26.634-3.103 7.808c-7.916 19.468-22.78 24.064-22.78 24.064l-6.206 2.352c-4.612 5.455-6.556 6.798-8.14 25.107 3.72-.934 7.273-1.16 10.492-.292 16.683 4.496 22.463 24.599 17.967 30.162-1.126 1.393-3.803 3.77-7.181 6.565h-6.773l-.092 5.488c-.234.184-.467.359-.693.542h-6.89l-.083 5.355c-.609.468-1.218.918-1.801 1.36-6.473.133-14.673-5.514-14.673-5.514 0 5.139 4.28 13.046 4.28 13.046s.283-.133.758-.367c-.417.309-.65.476-.65.476s17.324 11.552 28.235 7.273c9.7-3.804 34.816-23.606 56.495-32.981l65.603-17.283 8.65-22.413-49.997 13.17V83.597l58.664-15.457 8.65-22.413-67.297 17.734V43.324z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg preserveAspectRatio="xMidYMid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 167.509" width="${width}" height="${height}" ${restAttrs}><path d="M247.942 23.314 256 2.444l-.35-1.293-79.717 21.003C184.433 9.86 181.513 0 181.513 0s-25.457 16.257-44.709 15.832c-19.251-.426-25.457-5.564-54.977 3.853-29.52 9.41-37.86 38.295-46.419 44.5S0 90.603 0 90.603l.058.359 24.207-7.707S17.625 89.51 3.52 108.52l-.659-.609.025.134s11.336 17.324 22.463 14.121c1.118-.325 2.377-.859 3.753-1.56 4.48 2.495 10.327 4.947 16.783 5.622 0 0-4.37-5.08-8.016-10.86.984-.634 1.994-1.293 3.02-1.96l-.476.334 9.217 3.386-1.017-8.666c.033-.017.058-.042.091-.059l9.059 3.328-1.126-7.882a76.868 76.868 0 0 1 3.436-1.693l9.443-35.717 39.045-26.634-3.103 7.808c-7.916 19.468-22.78 24.064-22.78 24.064l-6.206 2.352c-4.612 5.455-6.556 6.798-8.14 25.107 3.72-.934 7.273-1.16 10.492-.292 16.683 4.496 22.463 24.599 17.967 30.162-1.126 1.393-3.803 3.77-7.181 6.565h-6.773l-.092 5.488c-.234.184-.467.359-.693.542h-6.89l-.083 5.355c-.609.468-1.218.918-1.801 1.36-6.473.133-14.673-5.514-14.673-5.514 0 5.139 4.28 13.046 4.28 13.046s.283-.133.758-.367c-.417.309-.65.476-.65.476s17.324 11.552 28.235 7.273c9.7-3.804 34.816-23.606 56.495-32.981l65.603-17.283 8.65-22.413-49.997 13.17V83.597l58.664-15.457 8.65-22.413-67.297 17.734V43.324z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Figma.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 54 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 54 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_912_3)">
 <path d="M13.3333 80.0002C20.6933 80.0002 26.6667 74.0268 26.6667 66.6668V53.3335H13.3333C5.97333 53.3335 0 59.3068 0 66.6668C0 74.0268 5.97333 80.0002 13.3333 80.0002Z" fill="#0ACF83"/>
 <path d="M0 39.9998C0 32.6398 5.97333 26.6665 13.3333 26.6665H26.6667V53.3332H13.3333C5.97333 53.3332 0 47.3598 0 39.9998Z" fill="#A259FF"/>

package/dist/components/Firebase.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 600 600" width="${width}" height="${height}"><path fill="#FF9100" d="M213.918 560.499c23.248 9.357 48.469 14.909 74.952 15.834 35.84 1.252 69.922-6.158 100.391-20.234-36.537-14.355-69.627-35.348-97.869-61.448-18.306 29.31-45.382 52.462-77.474 65.848Z"/><path fill="#FFC400" d="M291.389 494.66c-64.466-59.622-103.574-145.917-100.269-240.568.108-3.073.27-6.145.46-9.216a166.993 166.993 0 0 0-36.004-5.241 167.001 167.001 0 0 0-51.183 6.153c-17.21 30.145-27.594 64.733-28.888 101.781-3.339 95.611 54.522 179.154 138.409 212.939 32.093-13.387 59.168-36.51 77.475-65.848Z"/><path fill="#FF9100" d="M291.39 494.657c14.988-23.986 24.075-52.106 25.133-82.403 2.783-79.695-50.792-148.251-124.942-167.381-.19 3.071-.352 6.143-.46 9.216-3.305 94.651 35.803 180.946 100.269 240.568Z"/><path fill="#DD2C00" d="M308.231 20.858C266 54.691 232.652 99.302 212.475 150.693c-11.551 29.436-18.81 61.055-20.929 94.2 74.15 19.13 127.726 87.686 124.943 167.38-1.058 30.297-10.172 58.39-25.134 82.404 28.24 26.127 61.331 47.093 97.868 61.447 73.337-33.9 125.37-106.846 128.383-193.127 1.952-55.901-19.526-105.724-49.875-147.778-32.051-44.477-159.5-194.36-159.5-194.36Z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 600 600" width="${width}" height="${height}" ${restAttrs}><path fill="#FF9100" d="M213.918 560.499c23.248 9.357 48.469 14.909 74.952 15.834 35.84 1.252 69.922-6.158 100.391-20.234-36.537-14.355-69.627-35.348-97.869-61.448-18.306 29.31-45.382 52.462-77.474 65.848Z"/><path fill="#FFC400" d="M291.389 494.66c-64.466-59.622-103.574-145.917-100.269-240.568.108-3.073.27-6.145.46-9.216a166.993 166.993 0 0 0-36.004-5.241 167.001 167.001 0 0 0-51.183 6.153c-17.21 30.145-27.594 64.733-28.888 101.781-3.339 95.611 54.522 179.154 138.409 212.939 32.093-13.387 59.168-36.51 77.475-65.848Z"/><path fill="#FF9100" d="M291.39 494.657c14.988-23.986 24.075-52.106 25.133-82.403 2.783-79.695-50.792-148.251-124.942-167.381-.19 3.071-.352 6.143-.46 9.216-3.305 94.651 35.803 180.946 100.269 240.568Z"/><path fill="#DD2C00" d="M308.231 20.858C266 54.691 232.652 99.302 212.475 150.693c-11.551 29.436-18.81 61.055-20.929 94.2 74.15 19.13 127.726 87.686 124.943 167.38-1.058 30.297-10.172 58.39-25.134 82.404 28.24 26.127 61.331 47.093 97.868 61.447 73.337-33.9 125.37-106.846 128.383-193.127 1.952-55.901-19.526-105.724-49.875-147.778-32.051-44.477-159.5-194.36-159.5-194.36Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/FirebaseStudio.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43.5 65" width="${width}" height="${height}"><defs><linearGradient id="b" x1="5.9" x2="27.6" y1="28" y2="64.5" data-name="Degradado sin nombre" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f8682f"/><stop offset="1" stop-color="#dd2c00"/></linearGradient><linearGradient id="c" x1="29" x2="26.5" y1="38.5" y2="-5" data-name="Degradado sin nombre 2" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f8682f"/><stop offset=".6" stop-color="#e92a4e"/><stop offset="1" stop-color="#c447ff"/></linearGradient><clipPath id="a"><path d="M0 .1h44.8v64H0z" style="fill:none"/></clipPath></defs><g style="clip-path:url(#a)"><path d="M31.4 24.3c.4 0 .9.2 1.6.3l6.6 4.3-21.5 12.8c-.3.1-.7.2-1.1.4-.5.1-1.1.2-1.5.3h-1.4l-8.3-9.9 17.3-6.7c1.8-.7 3.3-1 4.5-1.2 1.3-.2 2.5-.4 3.9-.3Z" style="fill:#ffc400"/><path d="M31 7.9c-.1-.6-.3-1.2-.5-1.7-.3-1-1.1-3-3-4.9-.3-.3-.8-.8-1.4-1.2-2.3 2.8-4.4 4.8-5.8 6-3.6 3.3-9.5 7.8-13.3 11.3-.7.6-2 1.9-3.2 4-.2.4-.5.9-.8 1.4 0 0 0 .2-.1.3-.1.3-.2.5-.4.8-.5 1.1-1.1 2.6-1.2 4.5-.2 1.7 0 3 .1 3.6 0 .2 0 .4.1.6.2.7.4 1.4.7 2 1.3 3 3.4 4.7 3.8 5 2.3 1.8 4.6 2.3 5.3 2.5 1 .2 1.9.2 2.6.2-.1-.5-.3-1.2-.4-2-.3-2.9.7-5.1 1.1-6.3.4-.8 1.2-2.8 3.1-4.6.9-.8 1.8-1.5 2.7-2.1 1-.7 1.9-1.2 2.4-1.5 1.8-1.3 5.3-4.3 7.1-9 .2-.6.4-1.1.4-1.1.6-1.8 1.1-4.5.4-7.7Z" style="fill:url(#b)"/><path d="M14 42.3c-.6 0-1.5 0-2.6-.2-.7-.1-3-.7-5.3-2.5-.5-.4-3.7-3-4.6-7.7-.1-.6-.3-1.9-.1-3.6.2-1.9.8-3.3 1.2-4.5.4-1.1.9-1.9 1.2-2.5.1.4.4 1 .8 1.6.9 1.4 2 2.1 2.8 2.7.4.2 2.1 1.3 4.7 1.9 1.8.4 3.2.4 3.6.4 1.1 0 2.7-.2 4.7-.9 1.1-.4 2-1 2.6-1.3-.5.4-1.4.9-2.5 1.6-.9.6-1.9 1.3-2.7 2.1-1.9 1.8-2.7 3.8-3.1 4.6-.5 1.1-1.4 3.3-1.1 6.3 0 .9.2 1.6.4 2Z" style="fill:#ff9100"/><path d="M42 41.4c.8-1.6 1.1-3.3 1.1-3.3 0-.4.2-1.1.3-1.8 0-.7 0-1.8-.1-2.7-.5-2.9-2.7-5.2-3-5.5 0 0-1.5-1.5-3.7-2.6-.3-.2-.9-.4-1.7-.7-.8-.2-1.4-.3-2-.4-.7 0-1.2-.1-1.6-.2h.4c.4 0 .6.2.8.3.2 0 .5.2.8.5.1.1.3.2.4.4.1.2.3.4.4.8.3 1.1-.4 2.1-.6 2.5-1.7 2.6-11.1 8.1-16.6 13.8-1.4 1.5-2.4 2.8-3.2 4.4-1.7 3.8-1.1 7.4-.9 8.2 1 5.3 4.9 8.2 5.8 8.8 2.7-3 5.1-5.3 6.9-7 4.5-4.1 10.3-8.6 10.3-8.6s4.5-3.6 6.2-7.1Z" style="fill:url(#c)"/></g></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43.5 65" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="b" x1="5.9" x2="27.6" y1="28" y2="64.5" data-name="Degradado sin nombre" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f8682f"/><stop offset="1" stop-color="#dd2c00"/></linearGradient><linearGradient id="c" x1="29" x2="26.5" y1="38.5" y2="-5" data-name="Degradado sin nombre 2" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f8682f"/><stop offset=".6" stop-color="#e92a4e"/><stop offset="1" stop-color="#c447ff"/></linearGradient><clipPath id="a"><path d="M0 .1h44.8v64H0z" style="fill:none"/></clipPath></defs><g style="clip-path:url(#a)"><path d="M31.4 24.3c.4 0 .9.2 1.6.3l6.6 4.3-21.5 12.8c-.3.1-.7.2-1.1.4-.5.1-1.1.2-1.5.3h-1.4l-8.3-9.9 17.3-6.7c1.8-.7 3.3-1 4.5-1.2 1.3-.2 2.5-.4 3.9-.3Z" style="fill:#ffc400"/><path d="M31 7.9c-.1-.6-.3-1.2-.5-1.7-.3-1-1.1-3-3-4.9-.3-.3-.8-.8-1.4-1.2-2.3 2.8-4.4 4.8-5.8 6-3.6 3.3-9.5 7.8-13.3 11.3-.7.6-2 1.9-3.2 4-.2.4-.5.9-.8 1.4 0 0 0 .2-.1.3-.1.3-.2.5-.4.8-.5 1.1-1.1 2.6-1.2 4.5-.2 1.7 0 3 .1 3.6 0 .2 0 .4.1.6.2.7.4 1.4.7 2 1.3 3 3.4 4.7 3.8 5 2.3 1.8 4.6 2.3 5.3 2.5 1 .2 1.9.2 2.6.2-.1-.5-.3-1.2-.4-2-.3-2.9.7-5.1 1.1-6.3.4-.8 1.2-2.8 3.1-4.6.9-.8 1.8-1.5 2.7-2.1 1-.7 1.9-1.2 2.4-1.5 1.8-1.3 5.3-4.3 7.1-9 .2-.6.4-1.1.4-1.1.6-1.8 1.1-4.5.4-7.7Z" style="fill:url(#b)"/><path d="M14 42.3c-.6 0-1.5 0-2.6-.2-.7-.1-3-.7-5.3-2.5-.5-.4-3.7-3-4.6-7.7-.1-.6-.3-1.9-.1-3.6.2-1.9.8-3.3 1.2-4.5.4-1.1.9-1.9 1.2-2.5.1.4.4 1 .8 1.6.9 1.4 2 2.1 2.8 2.7.4.2 2.1 1.3 4.7 1.9 1.8.4 3.2.4 3.6.4 1.1 0 2.7-.2 4.7-.9 1.1-.4 2-1 2.6-1.3-.5.4-1.4.9-2.5 1.6-.9.6-1.9 1.3-2.7 2.1-1.9 1.8-2.7 3.8-3.1 4.6-.5 1.1-1.4 3.3-1.1 6.3 0 .9.2 1.6.4 2Z" style="fill:#ff9100"/><path d="M42 41.4c.8-1.6 1.1-3.3 1.1-3.3 0-.4.2-1.1.3-1.8 0-.7 0-1.8-.1-2.7-.5-2.9-2.7-5.2-3-5.5 0 0-1.5-1.5-3.7-2.6-.3-.2-.9-.4-1.7-.7-.8-.2-1.4-.3-2-.4-.7 0-1.2-.1-1.6-.2h.4c.4 0 .6.2.8.3.2 0 .5.2.8.5.1.1.3.2.4.4.1.2.3.4.4.8.3 1.1-.4 2.1-.6 2.5-1.7 2.6-11.1 8.1-16.6 13.8-1.4 1.5-2.4 2.8-3.2 4.4-1.7 3.8-1.1 7.4-.9 8.2 1 5.3 4.9 8.2 5.8 8.8 2.7-3 5.1-5.3 6.9-7 4.5-4.1 10.3-8.6 10.3-8.6s4.5-3.6 6.2-7.1Z" style="fill:url(#c)"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Firefox.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 265" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><radialGradient id="b" cx="-7907.187" cy="-8515.121" r="80.797" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".129" stop-color="#ffbd4f"/><stop offset=".186" stop-color="#ffac31"/><stop offset=".247" stop-color="#ff9d17"/><stop offset=".283" stop-color="#ff980e"/><stop offset=".403" stop-color="#ff563b"/><stop offset=".467" stop-color="#ff3750"/><stop offset=".71" stop-color="#f5156c"/><stop offset=".782" stop-color="#eb0878"/><stop offset=".86" stop-color="#e50080"/></radialGradient><radialGradient id="c" cx="-7936.711" cy="-8482.089" r="80.797" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#960e18"/><stop offset=".351" stop-color="#b11927" stop-opacity=".74"/><stop offset=".435" stop-color="#db293d" stop-opacity=".343"/><stop offset=".497" stop-color="#f5334b" stop-opacity=".094"/><stop offset=".53" stop-color="#ff3750" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="-7926.97" cy="-8533.457" r="58.534" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".132" stop-color="#fff44f"/><stop offset=".252" stop-color="#ffdc3e"/><stop offset=".506" stop-color="#ff9d12"/><stop offset=".526" stop-color="#ff980e"/></radialGradient><radialGradient id="e" cx="-7945.648" cy="-8460.984" r="38.471" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".353" stop-color="#3a8ee6"/><stop offset=".472" stop-color="#5c79f0"/><stop offset=".669" stop-color="#9059ff"/><stop offset="1" stop-color="#c139e6"/></radialGradient><radialGradient id="f" cx="-7935.62" cy="-8491.546" r="20.397" gradientTransform="matrix(3.21411 -.77707 .90934 3.76302 33365.914 25904.014)" gradientUnits="userSpaceOnUse"><stop offset=".206" stop-color="#9059ff" stop-opacity="0"/><stop offset=".278" stop-color="#8c4ff3" stop-opacity=".064"/><stop offset=".747" stop-color="#7716a8" stop-opacity=".45"/><stop offset=".975" stop-color="#6e008b" stop-opacity=".6"/></radialGradient><radialGradient id="g" cx="-7937.731" cy="-8518.427" r="27.676" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffe226"/><stop offset=".121" stop-color="#ffdb27"/><stop offset=".295" stop-color="#ffc82a"/><stop offset=".502" stop-color="#ffa930"/><stop offset=".732" stop-color="#ff7e37"/><stop offset=".792" stop-color="#ff7139"/></radialGradient><radialGradient id="h" cx="-7915.977" cy="-8535.981" r="118.081" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".113" stop-color="#fff44f"/><stop offset=".456" stop-color="#ff980e"/><stop offset=".622" stop-color="#ff5634"/><stop offset=".716" stop-color="#ff3647"/><stop offset=".904" stop-color="#e31587"/></radialGradient><radialGradient id="i" cx="-7927.165" cy="-8522.859" r="86.499" gradientTransform="matrix(.3472 3.29017 -2.15928 .22816 -15491.597 28008.376)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff44f"/><stop offset=".06" stop-color="#ffe847"/><stop offset=".168" stop-color="#ffc830"/><stop offset=".304" stop-color="#ff980e"/><stop offset=".356" stop-color="#ff8b16"/><stop offset=".455" stop-color="#ff672a"/><stop offset=".57" stop-color="#ff3647"/><stop offset=".737" stop-color="#e31587"/></radialGradient><radialGradient id="j" cx="-7938.383" cy="-8508.176" r="73.72" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".137" stop-color="#fff44f"/><stop offset=".48" stop-color="#ff980e"/><stop offset=".592" stop-color="#ff5634"/><stop offset=".655" stop-color="#ff3647"/><stop offset=".904" stop-color="#e31587"/></radialGradient><radialGradient id="k" cx="-7918.923" cy="-8503.861" r="80.686" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".094" stop-color="#fff44f"/><stop offset=".231" stop-color="#ffe141"/><stop offset=".509" stop-color="#ffaf1e"/><stop offset=".626" stop-color="#ff980e"/></radialGradient><linearGradient id="a" x1="70.786" x2="6.447" y1="12.393" y2="74.468" gradientTransform="translate(-2.999 -.01) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".048" stop-color="#fff44f"/><stop offset=".111" stop-color="#ffe847"/><stop offset=".225" stop-color="#ffc830"/><stop offset=".368" stop-color="#ff980e"/><stop offset=".401" stop-color="#ff8b16"/><stop offset=".462" stop-color="#ff672a"/><stop offset=".534" stop-color="#ff3647"/><stop offset=".705" stop-color="#e31587"/></linearGradient><linearGradient id="l" x1="70.013" x2="15.267" y1="12.061" y2="66.806" gradientTransform="translate(-2.999 -.01) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#fff44f" stop-opacity=".8"/><stop offset=".266" stop-color="#fff44f" stop-opacity=".634"/><stop offset=".489" stop-color="#fff44f" stop-opacity=".217"/><stop offset=".6" stop-color="#fff44f" stop-opacity="0"/></linearGradient></defs><path fill="url(#a)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9l.023.215c-14.49-36.126-39.062-50.692-59.13-82.41a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049l.049-.086c-32.19 18.849-43.113 53.741-44.118 71.194a64.108 64.108 0 0 0-35.269 13.593 38.336 38.336 0 0 0-3.307-2.506 59.417 59.417 0 0 1-.36-31.324 94.912 94.912 0 0 0-30.848 23.841h-.06c-5.079-6.438-4.722-27.667-4.431-32.102a22.957 22.957 0 0 0-4.279 2.272 93.435 93.435 0 0 0-12.526 10.73 111.954 111.954 0 0 0-11.98 14.375v.019-.023A108.26 108.26 0 0 0 4.841 108.92l-.171.846a203.818 203.818 0 0 0-1.26 8.003c0 .096-.02.185-.03.281a122.12 122.12 0 0 0-2.08 17.667v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378ZM100.322 189.031c.599.288 1.161.599 1.776.873l.089.057a68.838 68.838 0 0 1-1.865-.93Zm29.357-77.297Zm105.656-16.315v-.123l.023.136-.023-.013Z"/><path fill="url(#b)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9v.122l.023.136a116.067 116.067 0 0 1-3.988 86.497c-14.688 31.516-50.242 63.819-105.894 62.248-60.132-1.703-113.089-46.323-122.989-104.766-1.802-9.216 0-13.888.906-21.378a95.444 95.444 0 0 0-2.06 17.684v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Z"/><path fill="url(#c)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9v.122l.023.136a116.067 116.067 0 0 1-3.988 86.497c-14.688 31.516-50.242 63.819-105.894 62.248-60.132-1.703-113.089-46.323-122.989-104.766-1.802-9.216 0-13.888.906-21.378a95.444 95.444 0 0 0-2.06 17.684v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Z"/><path fill="url(#d)" d="M185.754 103.778c.278.195.536.39.797.585a69.775 69.775 0 0 0-11.904-15.525C134.815 48.999 164.208 2.457 169.165.093l.049-.073c-32.19 18.849-43.113 53.741-44.118 71.194 1.495-.103 2.976-.229 4.504-.229a64.68 64.68 0 0 1 56.154 32.793Z"/><path fill="url(#e)" d="M129.683 111.734c-.212 3.188-11.475 14.182-15.413 14.182-36.443 0-42.359 22.046-42.359 22.046 1.614 18.564 14.55 33.854 30.187 41.942.714.371 1.439.705 2.163 1.032a70.572 70.572 0 0 0 3.763 1.541 56.974 56.974 0 0 0 16.675 3.217c63.876 2.996 76.25-76.384 30.154-99.419a44.241 44.241 0 0 1 30.901 7.503A64.68 64.68 0 0 0 129.6 70.985c-1.521 0-3.009.126-4.504.229a64.108 64.108 0 0 0-35.269 13.593c1.954 1.654 4.16 3.863 8.806 8.442 8.696 8.568 31 17.443 31.05 18.485Z"/><path fill="url(#f)" d="M129.683 111.734c-.212 3.188-11.475 14.182-15.413 14.182-36.443 0-42.359 22.046-42.359 22.046 1.614 18.564 14.55 33.854 30.187 41.942.714.371 1.439.705 2.163 1.032a70.572 70.572 0 0 0 3.763 1.541 56.974 56.974 0 0 0 16.675 3.217c63.876 2.996 76.25-76.384 30.154-99.419a44.241 44.241 0 0 1 30.901 7.503A64.68 64.68 0 0 0 129.6 70.985c-1.521 0-3.009.126-4.504.229a64.108 64.108 0 0 0-35.269 13.593c1.954 1.654 4.16 3.863 8.806 8.442 8.696 8.568 31 17.443 31.05 18.485Z"/><path fill="url(#g)" d="M83.852 80.545a81.51 81.51 0 0 1 2.645 1.756 59.407 59.407 0 0 1-.36-31.324 94.926 94.926 0 0 0-30.849 23.841c.625-.017 19.216-.351 28.564 5.727Z"/><path fill="url(#h)" d="M2.471 139.411c9.89 58.443 62.857 103.063 122.989 104.766 55.652 1.574 91.205-30.732 105.894-62.248a116.067 116.067 0 0 0 3.988-86.497v-.122c0-.096-.02-.153 0-.123l.023.215c4.547 29.684-10.552 58.443-34.155 77.889l-.073.166c-45.989 37.455-90.002 22.598-98.91 16.533a64.67 64.67 0 0 1-1.865-.929c-26.814-12.817-37.891-37.247-35.517-58.198a32.912 32.912 0 0 1-30.359-19.096 48.336 48.336 0 0 1 47.117-1.891 63.821 63.821 0 0 0 48.119 1.891c-.049-1.042-22.353-9.92-31.05-18.484-4.646-4.58-6.851-6.786-8.805-8.442a38.145 38.145 0 0 0-3.307-2.507c-.761-.519-1.617-1.081-2.645-1.756-9.348-6.078-27.939-5.744-28.554-5.727h-.059c-5.079-6.438-4.722-27.667-4.431-32.101a22.862 22.862 0 0 0-4.279 2.271 93.373 93.373 0 0 0-12.526 10.73 112.062 112.062 0 0 0-12.03 14.342v.019-.023A108.26 108.26 0 0 0 4.841 108.92c-.062.261-4.616 20.167-2.37 30.491Z"/><path fill="url(#i)" d="M174.654 88.838a69.818 69.818 0 0 1 11.904 15.542 26.607 26.607 0 0 1 1.921 1.574c29.056 26.784 13.832 64.646 12.698 67.341 23.603-19.447 38.688-48.205 34.155-77.89-14.497-36.142-39.069-50.708-59.137-82.426a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049-4.957 2.351-34.35 48.893 5.489 88.732Z"/><path fill="url(#j)" d="M188.459 105.937a26.822 26.822 0 0 0-1.921-1.574c-.261-.195-.519-.39-.797-.585a44.243 44.243 0 0 0-30.901-7.503c46.095 23.048 33.728 102.415-30.154 99.419a56.974 56.974 0 0 1-16.675-3.217 67.38 67.38 0 0 1-3.763-1.541c-.725-.331-1.449-.661-2.163-1.032l.089.057c8.908 6.081 52.907 20.938 98.91-16.534l.073-.165c1.147-2.679 16.371-40.55-12.698-67.325Z"/><path fill="url(#k)" d="M71.911 147.962s5.916-22.046 42.359-22.046c3.938 0 15.211-10.994 15.413-14.182a63.817 63.817 0 0 1-48.119-1.892 48.341 48.341 0 0 0-47.118 1.892 32.912 32.912 0 0 0 30.359 19.096c-2.374 20.955 8.703 45.385 35.517 58.198.599.288 1.161.599 1.776.873-15.65-8.085-28.573-23.375-30.187-41.939Z"/><path fill="url(#l)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9l.023.215c-14.49-36.126-39.062-50.692-59.13-82.41a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049l.049-.086c-32.19 18.849-43.113 53.741-44.118 71.194 1.495-.103 2.976-.229 4.504-.229a64.68 64.68 0 0 1 56.154 32.793 44.241 44.241 0 0 0-30.901-7.503c46.096 23.048 33.729 102.415-30.154 99.419a56.974 56.974 0 0 1-16.675-3.217 67.38 67.38 0 0 1-3.763-1.541c-.724-.331-1.449-.661-2.163-1.032l.089.057a68.838 68.838 0 0 1-1.865-.93c.599.288 1.161.599 1.776.873-15.65-8.088-28.573-23.378-30.187-41.942 0 0 5.916-22.046 42.359-22.046 3.938 0 15.211-10.994 15.413-14.182-.05-1.042-22.354-9.92-31.05-18.485-4.646-4.579-6.852-6.785-8.806-8.442a38.336 38.336 0 0 0-3.307-2.506 59.417 59.417 0 0 1-.36-31.324 94.912 94.912 0 0 0-30.848 23.841h-.06c-5.079-6.438-4.722-27.667-4.431-32.102a22.957 22.957 0 0 0-4.279 2.272 93.435 93.435 0 0 0-12.526 10.73 111.954 111.954 0 0 0-11.98 14.375v.019-.023A108.26 108.26 0 0 0 4.841 108.92l-.171.846c-.242 1.128-1.323 6.855-1.479 8.085 0 .093 0-.096 0 0A149.15 149.15 0 0 0 1.3 135.717v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Zm-12.715 6.583.024.136-.024-.136Z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 265" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><radialGradient id="b" cx="-7907.187" cy="-8515.121" r="80.797" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".129" stop-color="#ffbd4f"/><stop offset=".186" stop-color="#ffac31"/><stop offset=".247" stop-color="#ff9d17"/><stop offset=".283" stop-color="#ff980e"/><stop offset=".403" stop-color="#ff563b"/><stop offset=".467" stop-color="#ff3750"/><stop offset=".71" stop-color="#f5156c"/><stop offset=".782" stop-color="#eb0878"/><stop offset=".86" stop-color="#e50080"/></radialGradient><radialGradient id="c" cx="-7936.711" cy="-8482.089" r="80.797" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#960e18"/><stop offset=".351" stop-color="#b11927" stop-opacity=".74"/><stop offset=".435" stop-color="#db293d" stop-opacity=".343"/><stop offset=".497" stop-color="#f5334b" stop-opacity=".094"/><stop offset=".53" stop-color="#ff3750" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="-7926.97" cy="-8533.457" r="58.534" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".132" stop-color="#fff44f"/><stop offset=".252" stop-color="#ffdc3e"/><stop offset=".506" stop-color="#ff9d12"/><stop offset=".526" stop-color="#ff980e"/></radialGradient><radialGradient id="e" cx="-7945.648" cy="-8460.984" r="38.471" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".353" stop-color="#3a8ee6"/><stop offset=".472" stop-color="#5c79f0"/><stop offset=".669" stop-color="#9059ff"/><stop offset="1" stop-color="#c139e6"/></radialGradient><radialGradient id="f" cx="-7935.62" cy="-8491.546" r="20.397" gradientTransform="matrix(3.21411 -.77707 .90934 3.76302 33365.914 25904.014)" gradientUnits="userSpaceOnUse"><stop offset=".206" stop-color="#9059ff" stop-opacity="0"/><stop offset=".278" stop-color="#8c4ff3" stop-opacity=".064"/><stop offset=".747" stop-color="#7716a8" stop-opacity=".45"/><stop offset=".975" stop-color="#6e008b" stop-opacity=".6"/></radialGradient><radialGradient id="g" cx="-7937.731" cy="-8518.427" r="27.676" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffe226"/><stop offset=".121" stop-color="#ffdb27"/><stop offset=".295" stop-color="#ffc82a"/><stop offset=".502" stop-color="#ffa930"/><stop offset=".732" stop-color="#ff7e37"/><stop offset=".792" stop-color="#ff7139"/></radialGradient><radialGradient id="h" cx="-7915.977" cy="-8535.981" r="118.081" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".113" stop-color="#fff44f"/><stop offset=".456" stop-color="#ff980e"/><stop offset=".622" stop-color="#ff5634"/><stop offset=".716" stop-color="#ff3647"/><stop offset=".904" stop-color="#e31587"/></radialGradient><radialGradient id="i" cx="-7927.165" cy="-8522.859" r="86.499" gradientTransform="matrix(.3472 3.29017 -2.15928 .22816 -15491.597 28008.376)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff44f"/><stop offset=".06" stop-color="#ffe847"/><stop offset=".168" stop-color="#ffc830"/><stop offset=".304" stop-color="#ff980e"/><stop offset=".356" stop-color="#ff8b16"/><stop offset=".455" stop-color="#ff672a"/><stop offset=".57" stop-color="#ff3647"/><stop offset=".737" stop-color="#e31587"/></radialGradient><radialGradient id="j" cx="-7938.383" cy="-8508.176" r="73.72" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".137" stop-color="#fff44f"/><stop offset=".48" stop-color="#ff980e"/><stop offset=".592" stop-color="#ff5634"/><stop offset=".655" stop-color="#ff3647"/><stop offset=".904" stop-color="#e31587"/></radialGradient><radialGradient id="k" cx="-7918.923" cy="-8503.861" r="80.686" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".094" stop-color="#fff44f"/><stop offset=".231" stop-color="#ffe141"/><stop offset=".509" stop-color="#ffaf1e"/><stop offset=".626" stop-color="#ff980e"/></radialGradient><linearGradient id="a" x1="70.786" x2="6.447" y1="12.393" y2="74.468" gradientTransform="translate(-2.999 -.01) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".048" stop-color="#fff44f"/><stop offset=".111" stop-color="#ffe847"/><stop offset=".225" stop-color="#ffc830"/><stop offset=".368" stop-color="#ff980e"/><stop offset=".401" stop-color="#ff8b16"/><stop offset=".462" stop-color="#ff672a"/><stop offset=".534" stop-color="#ff3647"/><stop offset=".705" stop-color="#e31587"/></linearGradient><linearGradient id="l" x1="70.013" x2="15.267" y1="12.061" y2="66.806" gradientTransform="translate(-2.999 -.01) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#fff44f" stop-opacity=".8"/><stop offset=".266" stop-color="#fff44f" stop-opacity=".634"/><stop offset=".489" stop-color="#fff44f" stop-opacity=".217"/><stop offset=".6" stop-color="#fff44f" stop-opacity="0"/></linearGradient></defs><path fill="url(#a)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9l.023.215c-14.49-36.126-39.062-50.692-59.13-82.41a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049l.049-.086c-32.19 18.849-43.113 53.741-44.118 71.194a64.108 64.108 0 0 0-35.269 13.593 38.336 38.336 0 0 0-3.307-2.506 59.417 59.417 0 0 1-.36-31.324 94.912 94.912 0 0 0-30.848 23.841h-.06c-5.079-6.438-4.722-27.667-4.431-32.102a22.957 22.957 0 0 0-4.279 2.272 93.435 93.435 0 0 0-12.526 10.73 111.954 111.954 0 0 0-11.98 14.375v.019-.023A108.26 108.26 0 0 0 4.841 108.92l-.171.846a203.818 203.818 0 0 0-1.26 8.003c0 .096-.02.185-.03.281a122.12 122.12 0 0 0-2.08 17.667v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378ZM100.322 189.031c.599.288 1.161.599 1.776.873l.089.057a68.838 68.838 0 0 1-1.865-.93Zm29.357-77.297Zm105.656-16.315v-.123l.023.136-.023-.013Z"/><path fill="url(#b)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9v.122l.023.136a116.067 116.067 0 0 1-3.988 86.497c-14.688 31.516-50.242 63.819-105.894 62.248-60.132-1.703-113.089-46.323-122.989-104.766-1.802-9.216 0-13.888.906-21.378a95.444 95.444 0 0 0-2.06 17.684v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Z"/><path fill="url(#c)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9v.122l.023.136a116.067 116.067 0 0 1-3.988 86.497c-14.688 31.516-50.242 63.819-105.894 62.248-60.132-1.703-113.089-46.323-122.989-104.766-1.802-9.216 0-13.888.906-21.378a95.444 95.444 0 0 0-2.06 17.684v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Z"/><path fill="url(#d)" d="M185.754 103.778c.278.195.536.39.797.585a69.775 69.775 0 0 0-11.904-15.525C134.815 48.999 164.208 2.457 169.165.093l.049-.073c-32.19 18.849-43.113 53.741-44.118 71.194 1.495-.103 2.976-.229 4.504-.229a64.68 64.68 0 0 1 56.154 32.793Z"/><path fill="url(#e)" d="M129.683 111.734c-.212 3.188-11.475 14.182-15.413 14.182-36.443 0-42.359 22.046-42.359 22.046 1.614 18.564 14.55 33.854 30.187 41.942.714.371 1.439.705 2.163 1.032a70.572 70.572 0 0 0 3.763 1.541 56.974 56.974 0 0 0 16.675 3.217c63.876 2.996 76.25-76.384 30.154-99.419a44.241 44.241 0 0 1 30.901 7.503A64.68 64.68 0 0 0 129.6 70.985c-1.521 0-3.009.126-4.504.229a64.108 64.108 0 0 0-35.269 13.593c1.954 1.654 4.16 3.863 8.806 8.442 8.696 8.568 31 17.443 31.05 18.485Z"/><path fill="url(#f)" d="M129.683 111.734c-.212 3.188-11.475 14.182-15.413 14.182-36.443 0-42.359 22.046-42.359 22.046 1.614 18.564 14.55 33.854 30.187 41.942.714.371 1.439.705 2.163 1.032a70.572 70.572 0 0 0 3.763 1.541 56.974 56.974 0 0 0 16.675 3.217c63.876 2.996 76.25-76.384 30.154-99.419a44.241 44.241 0 0 1 30.901 7.503A64.68 64.68 0 0 0 129.6 70.985c-1.521 0-3.009.126-4.504.229a64.108 64.108 0 0 0-35.269 13.593c1.954 1.654 4.16 3.863 8.806 8.442 8.696 8.568 31 17.443 31.05 18.485Z"/><path fill="url(#g)" d="M83.852 80.545a81.51 81.51 0 0 1 2.645 1.756 59.407 59.407 0 0 1-.36-31.324 94.926 94.926 0 0 0-30.849 23.841c.625-.017 19.216-.351 28.564 5.727Z"/><path fill="url(#h)" d="M2.471 139.411c9.89 58.443 62.857 103.063 122.989 104.766 55.652 1.574 91.205-30.732 105.894-62.248a116.067 116.067 0 0 0 3.988-86.497v-.122c0-.096-.02-.153 0-.123l.023.215c4.547 29.684-10.552 58.443-34.155 77.889l-.073.166c-45.989 37.455-90.002 22.598-98.91 16.533a64.67 64.67 0 0 1-1.865-.929c-26.814-12.817-37.891-37.247-35.517-58.198a32.912 32.912 0 0 1-30.359-19.096 48.336 48.336 0 0 1 47.117-1.891 63.821 63.821 0 0 0 48.119 1.891c-.049-1.042-22.353-9.92-31.05-18.484-4.646-4.58-6.851-6.786-8.805-8.442a38.145 38.145 0 0 0-3.307-2.507c-.761-.519-1.617-1.081-2.645-1.756-9.348-6.078-27.939-5.744-28.554-5.727h-.059c-5.079-6.438-4.722-27.667-4.431-32.101a22.862 22.862 0 0 0-4.279 2.271 93.373 93.373 0 0 0-12.526 10.73 112.062 112.062 0 0 0-12.03 14.342v.019-.023A108.26 108.26 0 0 0 4.841 108.92c-.062.261-4.616 20.167-2.37 30.491Z"/><path fill="url(#i)" d="M174.654 88.838a69.818 69.818 0 0 1 11.904 15.542 26.607 26.607 0 0 1 1.921 1.574c29.056 26.784 13.832 64.646 12.698 67.341 23.603-19.447 38.688-48.205 34.155-77.89-14.497-36.142-39.069-50.708-59.137-82.426a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049-4.957 2.351-34.35 48.893 5.489 88.732Z"/><path fill="url(#j)" d="M188.459 105.937a26.822 26.822 0 0 0-1.921-1.574c-.261-.195-.519-.39-.797-.585a44.243 44.243 0 0 0-30.901-7.503c46.095 23.048 33.728 102.415-30.154 99.419a56.974 56.974 0 0 1-16.675-3.217 67.38 67.38 0 0 1-3.763-1.541c-.725-.331-1.449-.661-2.163-1.032l.089.057c8.908 6.081 52.907 20.938 98.91-16.534l.073-.165c1.147-2.679 16.371-40.55-12.698-67.325Z"/><path fill="url(#k)" d="M71.911 147.962s5.916-22.046 42.359-22.046c3.938 0 15.211-10.994 15.413-14.182a63.817 63.817 0 0 1-48.119-1.892 48.341 48.341 0 0 0-47.118 1.892 32.912 32.912 0 0 0 30.359 19.096c-2.374 20.955 8.703 45.385 35.517 58.198.599.288 1.161.599 1.776.873-15.65-8.085-28.573-23.375-30.187-41.939Z"/><path fill="url(#l)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9l.023.215c-14.49-36.126-39.062-50.692-59.13-82.41a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049l.049-.086c-32.19 18.849-43.113 53.741-44.118 71.194 1.495-.103 2.976-.229 4.504-.229a64.68 64.68 0 0 1 56.154 32.793 44.241 44.241 0 0 0-30.901-7.503c46.096 23.048 33.729 102.415-30.154 99.419a56.974 56.974 0 0 1-16.675-3.217 67.38 67.38 0 0 1-3.763-1.541c-.724-.331-1.449-.661-2.163-1.032l.089.057a68.838 68.838 0 0 1-1.865-.93c.599.288 1.161.599 1.776.873-15.65-8.088-28.573-23.378-30.187-41.942 0 0 5.916-22.046 42.359-22.046 3.938 0 15.211-10.994 15.413-14.182-.05-1.042-22.354-9.92-31.05-18.485-4.646-4.579-6.852-6.785-8.806-8.442a38.336 38.336 0 0 0-3.307-2.506 59.417 59.417 0 0 1-.36-31.324 94.912 94.912 0 0 0-30.848 23.841h-.06c-5.079-6.438-4.722-27.667-4.431-32.102a22.957 22.957 0 0 0-4.279 2.272 93.435 93.435 0 0 0-12.526 10.73 111.954 111.954 0 0 0-11.98 14.375v.019-.023A108.26 108.26 0 0 0 4.841 108.92l-.171.846c-.242 1.128-1.323 6.855-1.479 8.085 0 .093 0-.096 0 0A149.15 149.15 0 0 0 1.3 135.717v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Zm-12.715 6.583.024.136-.024-.136Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Flask.svelte

@@ -1,9 +1,18 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
 	const svgContent = `
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+<svg fill="#000000" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <title>flask</title>
 <path d="M14.319 9.028c0.35-0.62-1.443-0.835-0.235-0.219 0.112 0.037 0.087 0.262 0.235 0.219zM4.542 3.761c-0.762-0.995 1.432 0.167 0.659-0.875-0.652-0.519-1.278 0.585-0.659 0.875zM6.138 5.011c1.082-0.144-0.275-0.466-0.217-0.013zM5.283 4.806c0.232-0.315-0.407 0.16 0 0zM7.008 6.705c0.672 0.016-0.289-0.902 0.511-0.487-0.131-0.429-0.932-0.509-1.325-0.68-0.22 0.392 0.45 1.172 0.812 1.167zM4.916 6.619c0.575-0.434 1.984 0.257 1.080-0.431-0.087-0.077-1.982 0.522-1.080 0.431zM4.326 7.747c1.007-0.342 2.383-0.726 2.858 0.169-0.484-0.582-0.195-1.155 0.262-0.304 0.645 0.861 0.968-0.391 0.547-0.681 0.479 0.595 1.023 0.875 0.321 0.037 0.762-0.917-1.528 0.121-2.049 0.11-0.25 0.112-2.588 0.596-1.938 0.669zM6.2 10.881c0.246-0.304-0.337-0.081 0 0zM5.613 12.452c-0.060-0.362-0.175 0.192 0 0zM5.116 12.2c0.562-0.037 0.882-0.621-0.109-0.587-1.537-0.159 1.355 0.525-0.197 0.33-0.209 0.137 0.295 0.296 0.306 0.259zM29.116 27.445c0.696 0 2.109-0.216 0.594-0.216-0.237 0.038-1.386 0.030-0.595 0.216zM25.78 25.486c0.075-0.51-0.337 0.046 0 0zM28.395 27.273c0.015-0.444-0.38 0.2 0 0zM2.65 11.165c0.499-0.381-0.589-0.145 0 0zM4.549 12.515c0.306-0.325-0.663-0.132 0 0zM3.906 12.335c0.871-0.534-0.926-0.462 0 0zM10.348 8.28c0.291-0.765 1.132-0.306 0.135-0.154 0.021 0.081-0.030 0.395-0.135 0.154zM9.548 8.285c-0.069-1.517 1.398 0.54-0 0zM6.736 8.718c0.462-0.555 2.618-0.354 1.040-0.054-0.422-0.319-0.747 0.187-1.040 0.054zM6.541 8.848c0.277-0.325 0.080 0.287-0 0zM5.782 9.154c0.040-0.514 1.272 0.272 0.204 0.185zM5.226 9.144c0.437-0.325 0.232 0.182-0 0zM5.167 9.687c0.304-1.117 1.625 0.918 0.497 0.147-0.121-0.095-0.275-0.152-0.443-0.152-0.019 0-0.038 0.001-0.057 0.002l0.002-0zM2.050 11.274c-0.116-0.669-0.1-1.842 1.015-1.445-1.488 0.295 1.030 1.849 0.712 0.622 0.625 0.030 1.225-0.37 0.895 0.237 1.233-0.137 2.087-1.205 3.279-1.056 1.082-0.090 2.082-0.299 3.033-0.615l-0.091 0.026c0.822-0.060 1.612-0.945 1.162-1.468-0.218-0.013-0.473-0.021-0.73-0.021-0.993 0-1.96 0.114-2.888 0.329l0.086-0.017c-1.372 0.285-2.619 0.827-4.005 1.061-1.35 0.181 0.271 0.5-0.115 0.57-0.705 0.245 0.84 0.41-0.091 0.667-0.575-0.11-1.175-0.307-0.928-0.912-1.293 0.166-2.431 0.704-1.408 2.019h0.075zM4.22 12.726c0.069-0.475-0.512 0.094-0 0zM26.941 27.412c0.165-0.49-0.417 0.062 0 0zM24.474 26.133c0.412-0.379-0.525-0.117 0 0zM4.062 13.526c0.647-0.254-1.175-0.525-0.13-0.050zM2.538 12.615c-0.044-0.4-0.237 0.050 0 0zM2.263 12.823c-0.025-0.337-0.18 0.127 0 0zM4.12 14.028c-0.087-0.731-1.050-0.11 0-0zM7.719 16.687c0.152-0.14-0.362-0.104 0 0zM4.463 14.6c-0.15-0.121-0.117 0.152 0 0zM3.946 14.347c0.011-0.312-0.829-0.28 0 0zM3.041 14.119c-0.172-0.968-0.656-0.147-0 0zM6.836 16.754c0.011-0.509-0.396-0.019 0 0zM23.985 27.436c0.64-0.13 2.097 0.325 2.332-0.17-0.775-0.019-2.687-0.547-2.777 0.125l0.17 0.029zM6.378 16.639c-0.009-0.166-0.152 0.062 0 0zM4.933 15.939c0.499-0.169-0.459-0.112 0 0zM16.467 23.725c-0.009-0.501-0.494 0.125 0 0zM5.241 16.65c0.775-0.3-0.83-0.212 0 0zM20.249 26.297c0.27-0.2-0.337-0.025 0 0zM17.435 24.523c-0.050-0.194-0.196 0.037 0 0zM17.093 24.274c-0.135-0.347-0.535-0.008 0 0zM9.994 19.796c0-0.506-0.906-0.205 0 0zM9.174 19.606c-0.332-0.279-0.016-0.040 0 0zM3.771 16.275c0.115-0.479-1.066-2.633-0.557-1.080 0.182 0.325 0.162 0.942 0.557 1.080zM6.715 18.599c0.646 0.145 2.582 1.592 1.44 0.1-0.585-0.172-0.234-1.603-0.831-1.35 0.4 0.669 0.33 0.953-0.512 0.532-1.056-0.516-0.592 0.255-0.387 0.467-0.28 0.065 0.374 0.245 0.291 0.25zM22.891 29.012c0.482-0.322-0.586-0.104 0 0zM21.166 27.865c0.717-0.602-0.759 0.266-0 0zM21.503 28.028c0.881-0.637-0.535-0.122-0.185 0.12zM11.639 22.174c-0.181-0.371-0.28 0.059 0 0zM11.064 21.841c-0.025-0.3-0.364 0.025 0 0zM20.399 27.727c0.689-0.444-0.157-0.375-0.125 0.040zM6.272 18.818c0.204-0.302-0.525-0.039 0 0zM20.625 28.018c0.712-0.61-0.45-0.128 0-0zM19.543 27.593c1.418-0.917-0.582-0.4 0-0zM4.51 18.178c-0.657-0.937-0.409-1.36-1.043-2.124-0.12-0.587-1.087-1.916-0.5-0.507 0.537 0.823 0.697 2.098 1.543 2.632zM19.784 27.853c0.771-0.817-0.747 0.049 0 0zM19.783 28.115c0.004-0.187-0.3 0.082-0 0zM18.333 27.121c0.697-0.585-0.675 0.26-0 0zM11.964 23.185c0.452 0.4 2.077 0.295 0.55 0.050-0.227-0.337-1.438-0.255-0.55-0.050zM7.327 20.39c-0.302-0.502-1.080-0.455 0 0zM6.513 19.855c-0.125-0.491-0.875-0.487 0-0zM18.624 27.462c0.406-0.394 0.016 0.629 0.675-0.096 0.006-0.519-0.021-0.825-0.757-0.195-0.202 0.112-0.292 0.591 0.082 0.291zM17.861 27.141c0.025-0.35-0.241 0.3 0-0zM10.438 22.644c1.762 0.567-0.864-0.695 0-0zM8.988 21.811c0.425 0.316 1.6 0.898 0.605 0.12 0.336-0.39-0.642-0.597-0.317-0.857-0.825-0.505-0.65-0.46-0.072-0.445-0.992-0.442 0.142-0.41 0.087-0.637-0.381-0.075-1.899-0.675-1.005 0.050-0.907-0.462-0.216 0.172-0.49 0.105-0.928-0.252 0.825 0.706-0.147 0.469 0.531 0.421 1.432 1.080 0.225 0.446-0.16 0.229 0.862 0.575 1.115 0.75zM11.726 23.628c0.769 0.2 0.765-0.119 0.069-0.212-0.375-0.35-1.557-0.719-0.5-0.044 0.071 0.177 0.294 0.174 0.43 0.257zM10.339 22.928c-0.16-0.139 0.020 0.087-0-0zM11.013 9.666c0.117-0.144 0.025 0.174-0-0zM10.61 12.069c-0.27-0.475 0.34-2.091 0.407-1.087-0.284 0.781-0.081 1.218 0.116 0.17 0.366-0.825-0.079 1.628-0.525 0.918zM10.218 12.706c-0.066-0.4 0.225 0.505 0 0zM10.459 13.343c-0.393-0.97 0.365 0.512-0-0zM10.623 13.706c-0.003-0.209 0.054 0.302-0-0zM7.795 12.132c0.257-0.542 0.475 0.604-0-0zM6.793 11.535c0.161-0.069 0.085 0.215-0-0zM11.076 14.879c0.146-1.18 0.129 0.691-0-0zM7.234 12.625c0.211-0.31-0.562-1.4 0.111-0.391 0.29 0.231 0.84 0.387 0.354 0.484 0.762 0.674-0.187 0.182-0.465-0.092zM11.296 15.203c0.055-1.037 0.31-0.619 0.002 0.147zM6.848 12.985c0.519-0.11 2.147 0.911 0.65 0.292-0.165-0.185-0.52-0.1-0.65-0.293zM11.586 16.261c0.162-0.577 0.012 0.381 0 0zM9.484 14.913c-0.082-1.012 0.184 0.167 0 0zM6.715 13.444c-0.871-1.203 2.533 1.216 0.559 0.305-0.206-0.054-0.455-0.075-0.559-0.305zM11.521 16.702c0.067-0.275 0.009 0.322 0 0zM11.771 16.95c0.060-0.641 0.124 0.437-0 0zM10.334 16.1c-0.587-0.352-0.154-2.479 0.046-1.025 0.571-0.185-0.031 0.75 0.394 0.742-0.066 0.591-0.257 0.804-0.437 0.282zM6.448 13.841c-1.357-1.207 1.706 0.632 0.221 0.225zM7.319 14.674c-0.41-0.771 0.5 0.322 0 0zM6.881 14.533c0.271-0.269 0.144 0.265 0 0zM6.169 14.552c-0.467-0.462-0.805-0.891 0.021-0.287 0.319 0.012-0.707-0.972 0.075-0.312 0.825 0.15 0.409 1.352-0.096 0.6zM7.524 15.601c0.27-0.569 0.457 0.792 0 0zM6.961 15.408c0.050-0.754 0.287 0.516 0 0zM8.215 16.271c-0.262-0.448-0.417-0.987-0.417-1.562 0-0.001 0-0.002 0-0.003v0c0.095 0.472 1.005 2.033 0.446 0.647-0.617-1.162 0.737 0.377 0.877 0.667 0.062 0.287-0.381-0.079-0.080 0.597-0.55-0.771-0.325 0.425-0.826-0.347zM12.271 18.977c-0.44-0.987 0.312-0.54 0.097 0.162zM9.919 18.222c-0.194-0.347 0.404 0.325 0 0zM12.658 20.128c0.168-0.63 0.198 0.53 0 0zM8.78 18.026c0.274-0.075 0.135 0.467 0 0zM13.653 21.39c-0.465-0.9 0.587 0.255 0 0zM14.056 21.931c-0.012-0.585 0.134 0.45 0 0zM18.687 25.45c0.231-0.014 0.008 0.175 0 0zM14.64 22.879c-0.37-0.387-0.466-1.112-0.066-0.481 0.205 0.082 0.656 1.183 0.066 0.481zM15.883 26.388c0.966-0.577 0.647 1.352 1.638 0.162 0.977-0.712-0.843 0.883 0.362 0.129 0.87-0.584 2.157 0.275 2.969 0.556 0.585-0.029 1.153 0.506 1.753 0.181 1.153-0.312-2.257-0.462-1.362-1.012-0.138 0.031-0.297 0.049-0.46 0.049-0.805 0-1.509-0.435-1.89-1.082l-0.006-0.010c-1.299-0.215-2.402-0.92-3.136-1.914l-0.009-0.013c-0.24-0.394 0.35 0.055-0.207-0.587-0.606-0.61-1.123-1.311-1.527-2.079l-0.023-0.047c-0.571-0.305-0.637-1.203-0.696-0.030 0.005-0.741-0.691-1.24-0.86-1.032-0.002-0.714 0.744-0.356 0.22-0.884-0.112-0.74-0.482-1.512-0.594-2.346-0.172-0.402-0.025-1.263-0.591-0.352-0.206 0.962-0.069-1.183 0.252-0.475 0.421-0.725-0.15-0.637-0.175-0.537 0.275-0.61 0.175-1.475-0.071-1.145 0.146-0.646 0.231-2.377-0.219-2.069 0.272-0.675 0.517-3.090-0.667-2.169-0.62 0.025-1.202 0.159-1.736 0.382l0.033-0.012c1.232 0.679-0.125 0.245-0.625 0.137-0.065 0.627-0.562 0.356-1.182 0.362 0.991 0.122-0.482 1.012-1.051 0.667-0.737 0.352 0.637 1.233 0.015 1.506 0.075 0.41-1.131-0.15-1.037 0.8-0.716-0.301-0.097 1.125 0.261 0.642 1.218 0.33 0.857 1.082 0.887 1.796-0.197 0.416-0.98-0.978-0.175-0.914-0.634-1.033-0.701-0.375-1.23 0.106-0.125 0.035 1.348 0.684 0.425 1.003 0.812 0.125 0.835 0.837 1 1.287 0.487 0.509 0.387-0.562 0.973 0.050-0.37-0.545-1.958-1.535-0.68-1.217-0.006-0.55-0.231-0.991 0.161-0.98 0.387-0.702-0.406 1.733 0.469 0.84 0.241-0.106 0.3-0.704 0.737 0.056 0.631 0.622 0.227 1.072-0.664 0.504 0.159 0.541 1.192 0.734 0.998 1.581 0.206 0.744 0.494 0.47 0.745 0.427 0.197 0.722 0.309 0.191 0.319-0.154 0.9 0.194 0.69 0.725 0.972 1.1 0.621 0.28-0.89-1.902 0.177-0.657 1.122 1.012 0.421 1.437-0.587 1.275 0.637-0.051 0.844 0.862 1.641 0.83 0.727 0.346 1.218 1.675-0.034 1.121-0.435-0.391-1.974-0.875-0.716-0.13 1.282 0.525 2.335 1.039 3.35 1.611l-0.15-0.077c0.8 0.572 1.147 1.227 1.45 1.357-0.672 0.321-2.028-0.257-1.021-0.435-0.629-0.114-1.335-0.431-0.734 0.35 0.512 0.429 1.812 0.382 2.046 0.431-0.199 0.435-0.537 0.47 0.008 0.504-0.607 0.325 0.195 0.375 0.251 0.56zM12.289 24.179c1.033 0.132-1.231-0.704-0.226-0.075zM15.045 26.050c0.897-0.356-0.875-0.175 0 0zM9.746 22.754c0.575-0.062-0.925-0.389 0 0zM12.877 24.744c0.075-0.319-0.66-0.096 0 0zM17.456 27.709c-0.012-0.246-0.229 0.094 0 0zM13.25 25.129c-0.142-0.162-0.068 0.035 0 0zM6.493 20.836c-0.096-0.371-0.842-0.667 0 0zM9.067 22.501c0.775-0.046-1.060-0.341 0 0zM11.239 24.068c-0.080-0.239-0.42-0.010 0 0zM17.025 27.637c0.035-0.454-0.441 0.337 0 0zM8.94 22.657c-0.052-0.25-0.332 0.023 0 0zM14.743 26.356c1.35 0.012-1.218-0.184 0 0zM12.277 24.931c1.425 0.404-1.197-0.9-0.351-0.147l0.187 0.085 0.162 0.062zM13.507 25.91c0.241-0.412-1.018-0.237 0 0zM9.458 23.438c0.582 0.447 2.349 0.057 0.892-0.266-0.662-0.354-2.158-0.595-1.14 0.212zM12.687 25.653c0.537-0.202-0.87-0.204 0 0zM11.48 24.912c0.375-0.262-0.776-0.2 0 0zM10.043 24.075c-0.050-0.209-0.77-0.231 0 0zM14.943 27.892c0.496 0.312 2.899 0.687 1.393 0.129-0.25 0.052-2.787-0.717-1.395-0.129zM11.856 25.965c-0.017-0.207-0.22 0.094 0 0zM11.239 25.657c0.609-0.394-0.787-0.005 0 0zM13.947 27.548c0.239-0.352-0.762-0.134 0 0zM12.538 26.761c0.39-0.375-0.605-0.235 0 0zM11.714 26.417c-0.067-0.331-0.3 0.185 0 0zM11.056 26.177c0.269-0.12-0.387-0.15 0 0zM6.115 21.807c0.041-0.182 0.221 0.396 0 0zM9.606 25.64c1.212 0.449-0.005-0.852-0.562-0.777-0.245-0.426-0.938-0.696-0.45-0.925-0.88 0.305-0.921-1.162-1.337-0.953-0.93-0.294-0.362-1.337-1.47-1.974-0.101-0.675-1.102-1.26-1.422-2.277-0.141-0.52-1.131-2.016-0.522-0.625 0.648 1.386 1.378 2.579 2.221 3.68l-0.034-0.047c0.545 1.179 1.346 2.158 2.336 2.898l0.020 0.014c0.362 0.348 0.71 0.879 1.221 0.987zM11.985 27.322c1.11 0.571 2.398 1.016 3.753 1.268l0.088 0.014c1.303 0.299 2.799 0.47 4.336 0.47 0.798 0 1.586-0.046 2.36-0.136l-0.094 0.009c-0.987-0.446-2.009 0.175-2.993-0.319-0.35 0.040-0.756 0.062-1.167 0.062-0.879 0-1.734-0.103-2.553-0.298l0.075 0.015c-1.631-0.594-2.987-1.206-4.292-1.902l0.179 0.087c-1.596-0.582 0.825 0.747 1.256 0.856 0.997 0.566-1.096-0.291-1.392-0.526-0.835-0.469-0.942-0.371-0.082 0.105 0.174 0.1 0.345 0.207 0.525 0.294zM9.967 26.447c-1.228-0.845-2.28-1.828-3.171-2.945l-0.023-0.029c-1.676-2.057-3.041-4.451-3.971-7.051l-0.053-0.168c-0.557-1.693-0.75-3.509-1.467-5.136-0.145-0.266-0.23-0.583-0.23-0.92 0-0.972 0.711-1.779 1.641-1.928l0.011-0.001c0.575-0.109 1.59-0.652 0.366-0.264-1.097 0.805-1.203-0.731-0.079-0.827 0.489-0.005 0.884-0.402 0.884-0.892 0-0.147-0.036-0.286-0.099-0.409l0.002 0.005c-0.825-0.537 1.999-1.128 0.579-1.929-1.478-1.598 2.071-1.904 1.196-0.092-0.209 1.393 2.479-0.256 1.856 1.353 0.634 0.774 2.374 0.175 2.331 1.261 0.925 0.062 1.241 0.84 2.108 0.9 0.9 0.406 2.527 0.725 2.832 1.737-0.891 0.707-2.954-1.456-3.053 0.497 0.023 3.075 0.48 6.034 1.312 8.832l-0.057-0.225c0.67 1.664 1.62 3.085 2.804 4.271l-0-0c1.079 1.202 2.376 2.182 3.834 2.884l0.074 0.032c1.16 0.548 2.508 0.98 3.918 1.228l0.097 0.014c0.56-0.429 1.55-2.021 2.422-1.35 0.041 0.755-1.735 1.578-0.084 1.495 0.97-0.292 1.642 0.75 2.441-0.19 0.735 0.871 3.057-0.557 2.533 1.225-0.707 0.455-1.739 0.18-2.448 0.807-1.168-0.584-2.099 0.522-3.393 0.382-1.271 0.231-2.734 0.363-4.228 0.363-0.044 0-0.089-0-0.133-0l0.007 0c-2.548-0.045-4.986-0.444-7.29-1.149l0.187 0.049c-1.394-0.471-2.603-1.091-3.7-1.86l0.046 0.031z"></path>
 </svg>`;

package/dist/components/Flowbite.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" width="${width}" height="${height}" ${restAttrs}>
   <path fill="url(#a)" d="M36.78 19.414c-.112.766-.617 1.806-1.196 2.71a5.048 5.048 0 0 1-3.218 2.218l-5.846 1.223a4.498 4.498 0 0 0-2.432 1.403l-3.833 4.285c-.72.806-1.224.613-1.224-.467-.009.04-1.903 4.925 3.116 7.82 1.929 1.112 4.705.712 6.633-.4l10.218-5.894a15.464 15.464 0 0 0 7.416-10.249c.035-.17.063-.342.092-.513l-9.727-2.136Z"/>
   <path fill="url(#b)" d="M34.13 13.527c1.928 1.112 2.716 2.768 2.716 4.993 0 .302-.024.6-.067.894l4.117 1.769 5.61.367c.719-4.158-.69-8.437-3.213-11.838a23.92 23.92 0 0 0-7.28-6.476 24.156 24.156 0 0 0-7.359-2.78l-2.8 3.625-.884 4.163 9.16 5.283Z"/>
   <path fill="url(#c)" d="M1.175 16.578c0 .003.002.004.003 0 .216-.647.487-1.37.825-2.143 1.767-4.034 5.171-6.724 9.36-8.096A15.511 15.511 0 0 1 23.94 7.65l1.03.595 3.684-7.79C16.936-1.885 4.96 5 1.19 16.533l-.015.045Z"/>

package/dist/components/Flutter.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 317" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 317" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient x1="4%" y1="27%" x2="75.9%" y2="52.9%" id="a">
       <stop offset="0%"/>

package/dist/components/Fly.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 231" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><radialGradient cx="53.096%" cy="49.564%" fx="53.096%" fy="49.564%" r="93.348%" gradientTransform="matrix(.77604 0 0 1 .119 0)" id="a"><stop stop-color="#BA7BF0" offset="0%"/><stop stop-color="#996BEC" offset="45%"/><stop stop-color="#5046E4" offset="100%"/></radialGradient></defs><path d="M179.016 31.598h29.478c26.22 0 47.506 21.287 47.506 47.507v103.652c0 26.22-21.287 47.507-47.506 47.507h-2.323c-13.495-2.111-19.348-6.158-23.869-9.579l-37.479-30.815a5.276 5.276 0 0 0-6.635 0l-12.176 10.012-34.292-28.197a5.263 5.263 0 0 0-6.632 0l-47.64 41.91c-9.588 7.798-15.93 6.357-20.043 5.905C6.782 210.782 0 197.556 0 182.757V79.105c0-26.22 21.287-47.507 47.51-47.507h29.412l-.053.119-.992 2.89-.308.992-1.335 5.92-.184 1.04-.586 5.93-.078 1.627-.012.57.056 2.72.134 1.593.33 2.494.421 2.245.5 2.068.648 2.238 1.683 4.74.555 1.422 2.931 6.192 1.036 1.902 3.389 5.818 1.297 2.099 4.73 6.965.683.923 6.155 8.01 1.99 2.467 7.027 8.216 1.444 1.58 5.793 6.234 2.295 2.376 3.792 3.766-.761.636-.474.428a46.423 46.423 0 0 0-3.654 3.816 32.49 32.49 0 0 0-1.572 2.008 25.939 25.939 0 0 0-2.03 3.318c-.303.6-.574 1.215-.814 1.842a17.056 17.056 0 0 0-1.1 5.008l-.022 1.481c.054 2.088.48 4.15 1.256 6.09a16.962 16.962 0 0 0 3.387 5.31 17.222 17.222 0 0 0 3.57 2.906c1.12.686 2.313 1.25 3.554 1.68 2.698.915 5.56 1.24 8.394.954h.016a18.933 18.933 0 0 0 6.922-2.054 17.902 17.902 0 0 0 2.644-1.712 16.956 16.956 0 0 0 5.332-7.09c.873-2.18 1.3-4.51 1.262-6.854l-.068-1.225a17.258 17.258 0 0 0-1.148-4.718 19.594 19.594 0 0 0-.888-1.927 26.472 26.472 0 0 0-2.09-3.308c-.355-.48-.723-.952-1.103-1.413a45.505 45.505 0 0 0-4.078-4.271l-1.026-.873 1.736-1.715 7.465-7.795 2.582-2.835 4.013-4.515 2.61-3.052 3.722-4.534 2.52-3.168 3.7-4.948 1.869-2.56 2.65-3.963 2.207-3.377 4.16-7.243 2.379-4.752.069-.146 1.82-4.41c.025-.056.045-.115.063-.174l1.961-6.118.206-.891.851-4.87.165-1.32.05-.807.06-3.05-.016-.567-.156-2.732-.193-2.12-.967-6.114c-.015-.081-.031-.162-.056-.243l-1.241-4.522-.427-1.256-.558-1.39Zm14.012 129.258c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Z" fill="url(#a)"/><path d="M102.63 230.264H47.51A47.304 47.304 0 0 1 17.404 219.5c4.113.452 10.455 1.893 20.043-5.905l47.64-41.91a5.263 5.263 0 0 1 6.632 0l34.292 28.197 12.176-10.012a5.276 5.276 0 0 1 6.635 0l37.48 30.815c4.52 3.42 10.373 7.468 23.868 9.579h-24.932a10.599 10.599 0 0 1-6.12-2.04l-.437-.336-32.983-27.389-32.55 27.389a10.427 10.427 0 0 1-6.519 2.376Zm90.398-69.408c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Zm-72.765-34.102-3.792-3.766-2.295-2.376-5.793-6.233-1.444-1.581-7.028-8.216-1.99-2.466-6.154-8.01-.683-.924-4.73-6.965-1.297-2.099-3.39-5.818-1.035-1.902-2.93-6.192-.556-1.422-1.683-4.74-.649-2.238-.499-2.068-.42-2.245L73.563 55l-.134-1.593-.056-2.72.012-.57.078-1.627.586-5.93.184-1.04 1.335-5.92.308-.992.992-2.89.318-.749 1.578-3.467 1.094-2.064 1.525-2.513 1.518-2.239 1.082-1.422 1.247-1.503 1.372-1.509 1.176-1.182 2.862-2.519 2.092-1.712c.05-.043.103-.08.156-.118l2.476-1.675 1.968-1.253 3.735-1.968c.056-.034.122-.062.18-.09l5.298-2.198.49-.184 4.708-1.378 1.99-.446 2.687-.54 1.784-.27 2.734-.34 1.865-.166 3.7-.196 1.45-.016 2.748.056.714.04 3.978.331 5.264.742.608.128 5.2 1.294 1.528.455 1.697.587 2.067.782 1.634.692 2.4 1.132 1.513.777 2.719 1.596 1.013.624 3.707 2.706 1.064.923 2.585 2.354.127.128 2.192 2.351.755.851 2.572 3.418.524.816 2.042 3.449.615 1.182 1.15 2.572 1.204 3.003.427 1.256 1.241 4.522c.023.08.042.16.056.243l.967 6.114.193 2.12.156 2.732.016.567-.06 3.05-.05.807-.165 1.32-.851 4.87-.206.891-1.961 6.118c-.018.06-.038.118-.062.175l-1.821 4.409-.069.146-2.38 4.752-4.159 7.243-2.207 3.377-2.65 3.963-1.868 2.56-3.701 4.948-2.52 3.168-3.723 4.534-2.61 3.052-4.012 4.515-2.582 2.835-7.465 7.795-1.736 1.715 1.026.873a45.503 45.503 0 0 1 4.078 4.271c.38.462.748.933 1.104 1.413a26.472 26.472 0 0 1 2.089 3.308c.33.624.627 1.269.888 1.927.596 1.51.998 3.105 1.148 4.718l.068 1.225a17.667 17.667 0 0 1-1.262 6.853 16.956 16.956 0 0 1-5.332 7.09c-.83.65-1.715 1.22-2.644 1.713a18.933 18.933 0 0 1-6.922 2.054h-.016a19.924 19.924 0 0 1-8.394-.954 18.253 18.253 0 0 1-3.554-1.68 17.22 17.22 0 0 1-3.57-2.906 16.962 16.962 0 0 1-3.387-5.31 17.586 17.586 0 0 1-1.256-6.09l.022-1.481a17.056 17.056 0 0 1 1.1-5.008c.24-.63.512-1.244.814-1.842a25.938 25.938 0 0 1 2.03-3.318c.496-.689 1.023-1.36 1.572-2.008a46.423 46.423 0 0 1 3.654-3.816l.474-.428.76-.636Z"/><path d="m141.7 200.499 32.982 27.389a10.589 10.589 0 0 0 6.67 2.376h-78.834c2.42 0 4.764-.839 6.632-2.376l32.55-27.389Zm-13.536-64.64.299.087c.097.047.178.116.265.175l.25.221a35.63 35.63 0 0 1 1.792 1.774c.406.434.802.88 1.182 1.341a19.32 19.32 0 0 1 1.347 1.83c.178.281.343.565.499.861.134.256.256.52.362.789.187.468.327.96.37 1.462l-.009.942a5.372 5.372 0 0 1-2.547 4.187 7.29 7.29 0 0 1-3.1 1.02l-1.162.034-.983-.087a7.477 7.477 0 0 1-1.35-.327 6.454 6.454 0 0 1-1.278-.599l-.767-.561a5.263 5.263 0 0 1-1.746-2.994 7.539 7.539 0 0 1-.09-.592l-.029-.898c.016-.243.053-.483.106-.723a7.53 7.53 0 0 1 .57-1.516c.315-.606.674-1.189 1.073-1.743a26.809 26.809 0 0 1 2.155-2.56 32.093 32.093 0 0 1 1.534-1.521l.377-.34c.262-.175.265-.175.565-.262h.315Zm-1.93-125.195.121-.01v104.981l-.262-.483a293.485 293.485 0 0 1-9.644-19.544 208.977 208.977 0 0 1-6.545-16.385 129.208 129.208 0 0 1-3.944-13.492c-.83-3.626-1.465-7.305-1.727-11.022a53.98 53.98 0 0 1-.09-4.764c.024-1.385.08-2.766.168-4.147a78 78 0 0 1 .676-6.492c.253-1.693.565-3.38.951-5.048a53.058 53.058 0 0 1 1.067-3.935 46.63 46.63 0 0 1 2.104-5.482c.3-.642.62-1.281.958-1.908 2.026-3.754 4.776-7.212 8.378-9.525a17.514 17.514 0 0 1 7.789-2.744Zm13.613.265 7.062 2.014c3.271 1.207 6.42 2.781 9.314 4.746a37.367 37.367 0 0 1 10.015 9.99 37.714 37.714 0 0 1 3.879 7.477 43.852 43.852 0 0 1 2.7 12.107c.094 1.085.147 2.173.168 3.262.025 1.01.02 2.023-.062 3.033-.2 2.261-.626 4.496-1.269 6.673a52.82 52.82 0 0 1-1.83 5.25 75.765 75.765 0 0 1-2.906 6.277c-2.354 4.547-5.064 8.896-7.964 13.102a204.078 204.078 0 0 1-11.483 14.986c-4.406 5.254-9.001 10.347-13.776 15.269a292.15 292.15 0 0 0 9.067-18.553 230.134 230.134 0 0 0 4.41-10.623c1.519-3.928 2.888-7.913 4.106-11.945a117.089 117.089 0 0 0 2.36-9.16 74.917 74.917 0 0 0 1.282-8.014c.23-2.245.314-4.502.258-6.754a96.056 96.056 0 0 0-.152-4.131c-.33-5.538-1.173-11.057-2.788-16.367a47.834 47.834 0 0 0-2.226-5.899c-2.067-4.502-4.952-8.712-8.855-11.783l-1.31-.957Z" fill="#FFF"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 231" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><radialGradient cx="53.096%" cy="49.564%" fx="53.096%" fy="49.564%" r="93.348%" gradientTransform="matrix(.77604 0 0 1 .119 0)" id="a"><stop stop-color="#BA7BF0" offset="0%"/><stop stop-color="#996BEC" offset="45%"/><stop stop-color="#5046E4" offset="100%"/></radialGradient></defs><path d="M179.016 31.598h29.478c26.22 0 47.506 21.287 47.506 47.507v103.652c0 26.22-21.287 47.507-47.506 47.507h-2.323c-13.495-2.111-19.348-6.158-23.869-9.579l-37.479-30.815a5.276 5.276 0 0 0-6.635 0l-12.176 10.012-34.292-28.197a5.263 5.263 0 0 0-6.632 0l-47.64 41.91c-9.588 7.798-15.93 6.357-20.043 5.905C6.782 210.782 0 197.556 0 182.757V79.105c0-26.22 21.287-47.507 47.51-47.507h29.412l-.053.119-.992 2.89-.308.992-1.335 5.92-.184 1.04-.586 5.93-.078 1.627-.012.57.056 2.72.134 1.593.33 2.494.421 2.245.5 2.068.648 2.238 1.683 4.74.555 1.422 2.931 6.192 1.036 1.902 3.389 5.818 1.297 2.099 4.73 6.965.683.923 6.155 8.01 1.99 2.467 7.027 8.216 1.444 1.58 5.793 6.234 2.295 2.376 3.792 3.766-.761.636-.474.428a46.423 46.423 0 0 0-3.654 3.816 32.49 32.49 0 0 0-1.572 2.008 25.939 25.939 0 0 0-2.03 3.318c-.303.6-.574 1.215-.814 1.842a17.056 17.056 0 0 0-1.1 5.008l-.022 1.481c.054 2.088.48 4.15 1.256 6.09a16.962 16.962 0 0 0 3.387 5.31 17.222 17.222 0 0 0 3.57 2.906c1.12.686 2.313 1.25 3.554 1.68 2.698.915 5.56 1.24 8.394.954h.016a18.933 18.933 0 0 0 6.922-2.054 17.902 17.902 0 0 0 2.644-1.712 16.956 16.956 0 0 0 5.332-7.09c.873-2.18 1.3-4.51 1.262-6.854l-.068-1.225a17.258 17.258 0 0 0-1.148-4.718 19.594 19.594 0 0 0-.888-1.927 26.472 26.472 0 0 0-2.09-3.308c-.355-.48-.723-.952-1.103-1.413a45.505 45.505 0 0 0-4.078-4.271l-1.026-.873 1.736-1.715 7.465-7.795 2.582-2.835 4.013-4.515 2.61-3.052 3.722-4.534 2.52-3.168 3.7-4.948 1.869-2.56 2.65-3.963 2.207-3.377 4.16-7.243 2.379-4.752.069-.146 1.82-4.41c.025-.056.045-.115.063-.174l1.961-6.118.206-.891.851-4.87.165-1.32.05-.807.06-3.05-.016-.567-.156-2.732-.193-2.12-.967-6.114c-.015-.081-.031-.162-.056-.243l-1.241-4.522-.427-1.256-.558-1.39Zm14.012 129.258c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Z" fill="url(#a)"/><path d="M102.63 230.264H47.51A47.304 47.304 0 0 1 17.404 219.5c4.113.452 10.455 1.893 20.043-5.905l47.64-41.91a5.263 5.263 0 0 1 6.632 0l34.292 28.197 12.176-10.012a5.276 5.276 0 0 1 6.635 0l37.48 30.815c4.52 3.42 10.373 7.468 23.868 9.579h-24.932a10.599 10.599 0 0 1-6.12-2.04l-.437-.336-32.983-27.389-32.55 27.389a10.427 10.427 0 0 1-6.519 2.376Zm90.398-69.408c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Zm-72.765-34.102-3.792-3.766-2.295-2.376-5.793-6.233-1.444-1.581-7.028-8.216-1.99-2.466-6.154-8.01-.683-.924-4.73-6.965-1.297-2.099-3.39-5.818-1.035-1.902-2.93-6.192-.556-1.422-1.683-4.74-.649-2.238-.499-2.068-.42-2.245L73.563 55l-.134-1.593-.056-2.72.012-.57.078-1.627.586-5.93.184-1.04 1.335-5.92.308-.992.992-2.89.318-.749 1.578-3.467 1.094-2.064 1.525-2.513 1.518-2.239 1.082-1.422 1.247-1.503 1.372-1.509 1.176-1.182 2.862-2.519 2.092-1.712c.05-.043.103-.08.156-.118l2.476-1.675 1.968-1.253 3.735-1.968c.056-.034.122-.062.18-.09l5.298-2.198.49-.184 4.708-1.378 1.99-.446 2.687-.54 1.784-.27 2.734-.34 1.865-.166 3.7-.196 1.45-.016 2.748.056.714.04 3.978.331 5.264.742.608.128 5.2 1.294 1.528.455 1.697.587 2.067.782 1.634.692 2.4 1.132 1.513.777 2.719 1.596 1.013.624 3.707 2.706 1.064.923 2.585 2.354.127.128 2.192 2.351.755.851 2.572 3.418.524.816 2.042 3.449.615 1.182 1.15 2.572 1.204 3.003.427 1.256 1.241 4.522c.023.08.042.16.056.243l.967 6.114.193 2.12.156 2.732.016.567-.06 3.05-.05.807-.165 1.32-.851 4.87-.206.891-1.961 6.118c-.018.06-.038.118-.062.175l-1.821 4.409-.069.146-2.38 4.752-4.159 7.243-2.207 3.377-2.65 3.963-1.868 2.56-3.701 4.948-2.52 3.168-3.723 4.534-2.61 3.052-4.012 4.515-2.582 2.835-7.465 7.795-1.736 1.715 1.026.873a45.503 45.503 0 0 1 4.078 4.271c.38.462.748.933 1.104 1.413a26.472 26.472 0 0 1 2.089 3.308c.33.624.627 1.269.888 1.927.596 1.51.998 3.105 1.148 4.718l.068 1.225a17.667 17.667 0 0 1-1.262 6.853 16.956 16.956 0 0 1-5.332 7.09c-.83.65-1.715 1.22-2.644 1.713a18.933 18.933 0 0 1-6.922 2.054h-.016a19.924 19.924 0 0 1-8.394-.954 18.253 18.253 0 0 1-3.554-1.68 17.22 17.22 0 0 1-3.57-2.906 16.962 16.962 0 0 1-3.387-5.31 17.586 17.586 0 0 1-1.256-6.09l.022-1.481a17.056 17.056 0 0 1 1.1-5.008c.24-.63.512-1.244.814-1.842a25.938 25.938 0 0 1 2.03-3.318c.496-.689 1.023-1.36 1.572-2.008a46.423 46.423 0 0 1 3.654-3.816l.474-.428.76-.636Z"/><path d="m141.7 200.499 32.982 27.389a10.589 10.589 0 0 0 6.67 2.376h-78.834c2.42 0 4.764-.839 6.632-2.376l32.55-27.389Zm-13.536-64.64.299.087c.097.047.178.116.265.175l.25.221a35.63 35.63 0 0 1 1.792 1.774c.406.434.802.88 1.182 1.341a19.32 19.32 0 0 1 1.347 1.83c.178.281.343.565.499.861.134.256.256.52.362.789.187.468.327.96.37 1.462l-.009.942a5.372 5.372 0 0 1-2.547 4.187 7.29 7.29 0 0 1-3.1 1.02l-1.162.034-.983-.087a7.477 7.477 0 0 1-1.35-.327 6.454 6.454 0 0 1-1.278-.599l-.767-.561a5.263 5.263 0 0 1-1.746-2.994 7.539 7.539 0 0 1-.09-.592l-.029-.898c.016-.243.053-.483.106-.723a7.53 7.53 0 0 1 .57-1.516c.315-.606.674-1.189 1.073-1.743a26.809 26.809 0 0 1 2.155-2.56 32.093 32.093 0 0 1 1.534-1.521l.377-.34c.262-.175.265-.175.565-.262h.315Zm-1.93-125.195.121-.01v104.981l-.262-.483a293.485 293.485 0 0 1-9.644-19.544 208.977 208.977 0 0 1-6.545-16.385 129.208 129.208 0 0 1-3.944-13.492c-.83-3.626-1.465-7.305-1.727-11.022a53.98 53.98 0 0 1-.09-4.764c.024-1.385.08-2.766.168-4.147a78 78 0 0 1 .676-6.492c.253-1.693.565-3.38.951-5.048a53.058 53.058 0 0 1 1.067-3.935 46.63 46.63 0 0 1 2.104-5.482c.3-.642.62-1.281.958-1.908 2.026-3.754 4.776-7.212 8.378-9.525a17.514 17.514 0 0 1 7.789-2.744Zm13.613.265 7.062 2.014c3.271 1.207 6.42 2.781 9.314 4.746a37.367 37.367 0 0 1 10.015 9.99 37.714 37.714 0 0 1 3.879 7.477 43.852 43.852 0 0 1 2.7 12.107c.094 1.085.147 2.173.168 3.262.025 1.01.02 2.023-.062 3.033-.2 2.261-.626 4.496-1.269 6.673a52.82 52.82 0 0 1-1.83 5.25 75.765 75.765 0 0 1-2.906 6.277c-2.354 4.547-5.064 8.896-7.964 13.102a204.078 204.078 0 0 1-11.483 14.986c-4.406 5.254-9.001 10.347-13.776 15.269a292.15 292.15 0 0 0 9.067-18.553 230.134 230.134 0 0 0 4.41-10.623c1.519-3.928 2.888-7.913 4.106-11.945a117.089 117.089 0 0 0 2.36-9.16 74.917 74.917 0 0 0 1.282-8.014c.23-2.245.314-4.502.258-6.754a96.056 96.056 0 0 0-.152-4.131c-.33-5.538-1.173-11.057-2.788-16.367a47.834 47.834 0 0 0-2.226-5.899c-2.067-4.502-4.952-8.712-8.855-11.783l-1.31-.957Z" fill="#FFF"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Fortran.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}"><g clip-path="url(#a)"><path fill="#734F96" d="M44.01 299.986C26.274 299.992 0 269.031 0 255.695V43.73C0 25.782 31.051 0 44.452 0L256.81.015C275.136.016 300 29.907 300 44.15v212.173c0 20.902-28.002 43.585-43.791 43.59l-212.2.072Z"/><path fill="#fff" d="m41.187 241.619 11.527-.706c23.408-1.529 23.173-1.411 24.349-19.761 1.059-17.409-.275-153.712-1.059-156.445-1.29-4.501-6.135-7.09-20.585-7.087l-14.232-.088V32.007h218.787v97.748l-25.761-.382c-.235-.235-.941-7.146-1.411-13.498-2.706-29.877-9.41-47.067-22.349-53.772-6.823-3.529-17.476-4.57-51.598-4.58l-31.8.009v73.282h5.646c9.528-.118 21.643-2.353 25.643-4.823 5.175-3.176 9.527-12.351 11.057-23.408 1.152-8.07 2.042-14.107 2.042-14.107l25.012-.008V204.92h-25.878v-4.587c0-7.528-3.529-25.055-5.999-30.348-3.882-8.116-10.469-10.939-29.172-12.704l-8.587-.823.471 37.758c.353 35.877.588 37.876 2.823 40.935 2.823 3.764 5.881 4.47 24.584 5.881l12.554.597-.085 25.634H41.186v-25.643Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h300v299.986H0z"/></clipPath></defs></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><path fill="#734F96" d="M44.01 299.986C26.274 299.992 0 269.031 0 255.695V43.73C0 25.782 31.051 0 44.452 0L256.81.015C275.136.016 300 29.907 300 44.15v212.173c0 20.902-28.002 43.585-43.791 43.59l-212.2.072Z"/><path fill="#fff" d="m41.187 241.619 11.527-.706c23.408-1.529 23.173-1.411 24.349-19.761 1.059-17.409-.275-153.712-1.059-156.445-1.29-4.501-6.135-7.09-20.585-7.087l-14.232-.088V32.007h218.787v97.748l-25.761-.382c-.235-.235-.941-7.146-1.411-13.498-2.706-29.877-9.41-47.067-22.349-53.772-6.823-3.529-17.476-4.57-51.598-4.58l-31.8.009v73.282h5.646c9.528-.118 21.643-2.353 25.643-4.823 5.175-3.176 9.527-12.351 11.057-23.408 1.152-8.07 2.042-14.107 2.042-14.107l25.012-.008V204.92h-25.878v-4.587c0-7.528-3.529-25.055-5.999-30.348-3.882-8.116-10.469-10.939-29.172-12.704l-8.587-.823.471 37.758c.353 35.877.588 37.876 2.823 40.935 2.823 3.764 5.881 4.47 24.584 5.881l12.554.597-.085 25.634H41.186v-25.643Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h300v299.986H0z"/></clipPath></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Framer.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 384" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><path d="M0 0h256v128H128L0 0Zm0 128h128l128 128H128v128L0 256V128Z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 384" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><path d="M0 0h256v128H128L0 0Zm0 128h128l128 128H128v128L0 256V128Z"/></svg>`;
 </script>
 
 {@html svgContent}