@selemondev/svgl-svelte 0.0.2 → 0.0.3

package/dist/components/Grok.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 1024 1024" 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 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M395.479 633.828L735.91 381.105C752.599 368.715 776.454 373.548 784.406 392.792C826.26 494.285 807.561 616.253 724.288 699.996C641.016 783.739 525.151 802.104 419.247 760.277L303.556 814.143C469.49 928.202 670.987 899.995 796.901 773.282C896.776 672.843 927.708 535.937 898.785 412.476L899.047 412.739C857.105 231.37 909.358 158.874 1016.4 10.6326C1018.93 7.11771 1021.47 3.60279 1024 0L883.144 141.651V141.212L395.392 633.916" fill="#0A0A0A"/>
 <path d="M325.226 695.251C206.128 580.84 226.662 403.776 328.285 301.668C403.431 226.097 526.549 195.254 634.026 240.596L749.454 186.994C728.657 171.88 702.007 155.623 671.424 144.2C533.19 86.9942 367.693 115.465 255.323 228.382C147.234 337.081 113.244 504.215 171.613 646.833C215.216 753.423 143.739 828.818 71.7385 904.916C46.2237 931.893 20.6216 958.87 0 987.429L325.139 695.339" fill="#0A0A0A"/>
 </svg>

package/dist/components/Groq.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 201 201" width="${width}" height="${height}"><path fill="#F54F35" d="M0 0h201v201H0V0Z"/><path fill="#FEFBFB" d="m128 49 1.895 1.52C136.336 56.288 140.602 64.49 142 73c.097 1.823.148 3.648.161 5.474l.03 3.247.012 3.482.017 3.613c.01 2.522.016 5.044.02 7.565.01 3.84.041 7.68.072 11.521.007 2.455.012 4.91.016 7.364l.038 3.457c-.033 11.717-3.373 21.83-11.475 30.547-4.552 4.23-9.148 7.372-14.891 9.73l-2.387 1.055c-9.275 3.355-20.3 2.397-29.379-1.13-5.016-2.38-9.156-5.17-13.234-8.925 3.678-4.526 7.41-8.394 12-12l3.063 2.375c5.572 3.958 11.135 5.211 17.937 4.625 6.96-1.384 12.455-4.502 17-10 4.174-6.784 4.59-12.222 4.531-20.094l.012-3.473c.003-2.414-.005-4.827-.022-7.241-.02-3.68 0-7.36.026-11.04-.003-2.353-.008-4.705-.016-7.058l.025-3.312c-.098-7.996-1.732-13.21-6.681-19.47-6.786-5.458-13.105-8.211-21.914-7.792-7.327 1.188-13.278 4.7-17.777 10.601C75.472 72.012 73.86 78.07 75 85c2.191 7.547 5.019 13.948 12 18 5.848 3.061 10.892 3.523 17.438 3.688l2.794.103c2.256.082 4.512.147 6.768.209v16c-16.682.673-29.615.654-42.852-10.848-8.28-8.296-13.338-19.55-13.71-31.277.394-9.87 3.93-17.894 9.562-25.875l1.688-2.563C84.698 35.563 110.05 34.436 128 49Z"/></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 201 201" width="${width}" height="${height}" ${restAttrs}><path fill="#F54F35" d="M0 0h201v201H0V0Z"/><path fill="#FEFBFB" d="m128 49 1.895 1.52C136.336 56.288 140.602 64.49 142 73c.097 1.823.148 3.648.161 5.474l.03 3.247.012 3.482.017 3.613c.01 2.522.016 5.044.02 7.565.01 3.84.041 7.68.072 11.521.007 2.455.012 4.91.016 7.364l.038 3.457c-.033 11.717-3.373 21.83-11.475 30.547-4.552 4.23-9.148 7.372-14.891 9.73l-2.387 1.055c-9.275 3.355-20.3 2.397-29.379-1.13-5.016-2.38-9.156-5.17-13.234-8.925 3.678-4.526 7.41-8.394 12-12l3.063 2.375c5.572 3.958 11.135 5.211 17.937 4.625 6.96-1.384 12.455-4.502 17-10 4.174-6.784 4.59-12.222 4.531-20.094l.012-3.473c.003-2.414-.005-4.827-.022-7.241-.02-3.68 0-7.36.026-11.04-.003-2.353-.008-4.705-.016-7.058l.025-3.312c-.098-7.996-1.732-13.21-6.681-19.47-6.786-5.458-13.105-8.211-21.914-7.792-7.327 1.188-13.278 4.7-17.777 10.601C75.472 72.012 73.86 78.07 75 85c2.191 7.547 5.019 13.948 12 18 5.848 3.061 10.892 3.523 17.438 3.688l2.794.103c2.256.082 4.512.147 6.768.209v16c-16.682.673-29.615.654-42.852-10.848-8.28-8.296-13.338-19.55-13.71-31.277.394-9.87 3.93-17.894 9.562-25.875l1.688-2.563C84.698 35.563 110.05 34.436 128 49Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/HCaptcha.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}"><defs><linearGradient id="a" x1="49.979%" x2="49.979%" y1="-702.201%" y2="97.969%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="b" x1="50%" x2="50%" y1="-602.243%" y2="197.926%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="c" x1="49.979%" x2="49.979%" y1="-602.243%" y2="197.926%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="d" x1="50.021%" x2="50.021%" y1="-502.498%" y2="298.01%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="e" x1="50%" x2="50%" y1="-502.498%" y2="298.01%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="f" x1="49.979%" x2="49.979%" y1="-502.498%" y2="298.01%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="g" x1="50.021%" x2="50.021%" y1="-402.285%" y2="397.884%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="h" x1="50%" x2="50%" y1="-402.285%" y2="397.884%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="i" x1="49.979%" x2="49.979%" y1="-402.285%" y2="397.884%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="j" x1="50.021%" x2="50.021%" y1="-302.328%" y2="497.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="k" x1="50%" x2="50%" y1="-302.328%" y2="497.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="l" x1="49.979%" x2="49.979%" y1="-302.328%" y2="497.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="m" x1="50.021%" x2="50.021%" y1="-202.328%" y2="597.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="n" x1="50%" x2="50%" y1="-202.328%" y2="597.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="o" x1="49.979%" x2="49.979%" y1="-202.328%" y2="597.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="p" x1="50%" x2="50%" y1="-102.37%" y2="697.799%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="q" x1="49.979%" x2="49.979%" y1="-102.37%" y2="697.799%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="r" x1="49.979%" x2="49.979%" y1="-2.37%" y2="797.799%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient></defs><path fill="url(#a)" d="M160.007 223.993h32.007V256h-32.007z" opacity=".5"/><path fill="url(#a)" d="M128 223.993h32.007V256H128z" opacity=".7"/><path fill="url(#a)" d="M96.007 223.993h32.007V256H96.007z" opacity=".7"/><path fill="url(#a)" d="M64 223.993h32.007V256H64z" opacity=".5"/><path fill="url(#b)" d="M192 192h31.993v32.007H192z" opacity=".7"/><path fill="url(#c)" d="M160.007 192h32.007v32.007h-32.007z" opacity=".8"/><path fill="url(#c)" d="M128 192h32.007v32.007H128z"/><path fill="url(#c)" d="M96.007 192h32.007v32.007H96.007z"/><path fill="url(#c)" d="M64 192h32.007v32.007H64z" opacity=".8"/><path fill="url(#c)" d="M32.007 192h32.007v32.007H32.007z" opacity=".7"/><path fill="url(#d)" d="M223.993 160.007H256V192h-32.007z" opacity=".5"/><path fill="url(#e)" d="M192 160.007h31.993V192H192z" opacity=".8"/><path fill="url(#f)" d="M160.007 160.007h32.007V192h-32.007zM128 160.007h32.007V192H128z"/><path fill="url(#f)" d="M96.007 160.007h32.007V192H96.007zM64 160.007h32.007V192H64z"/><path fill="url(#f)" d="M32.007 160.007h32.007V192H32.007z" opacity=".8"/><path fill="url(#f)" d="M0 160.007h32.007V192H0z" opacity=".5"/><path fill="url(#g)" d="M223.993 128H256v32.007h-32.007z" opacity=".7"/><path fill="url(#h)" d="M192 128h31.993v32.007H192z"/><path fill="url(#i)" d="M160.007 128h32.007v32.007h-32.007zM128 128h32.007v32.007H128z"/><path fill="url(#i)" d="M96.007 128h32.007v32.007H96.007zM64 128h32.007v32.007H64z"/><path fill="url(#i)" d="M32.007 128h32.007v32.007H32.007z"/><path fill="url(#i)" d="M0 128h32.007v32.007H0z" opacity=".7"/><path fill="url(#j)" d="M223.993 96.007H256v32.007h-32.007z" opacity=".7"/><path fill="url(#k)" d="M192 96.007h31.993v32.007H192z"/><path fill="url(#l)" d="M160.007 96.007h32.007v32.007h-32.007zM128 96.007h32.007v32.007H128z"/><path fill="url(#l)" d="M96.007 96.007h32.007v32.007H96.007zM64 96.007h32.007v32.007H64z"/><path fill="url(#l)" d="M32.007 96.007h32.007v32.007H32.007z"/><path fill="url(#l)" d="M0 96.007h32.007v32.007H0z" opacity=".7"/><path fill="url(#m)" d="M223.993 64H256v32.007h-32.007z" opacity=".5"/><path fill="url(#n)" d="M192 64h31.993v32.007H192z" opacity=".8"/><path fill="url(#o)" d="M160.007 64h32.007v32.007h-32.007zM128 64h32.007v32.007H128z"/><path fill="url(#o)" d="M96.007 64h32.007v32.007H96.007zM64 64h32.007v32.007H64z"/><path fill="url(#o)" d="M32.007 64h32.007v32.007H32.007z" opacity=".8"/><path fill="url(#o)" d="M0 64h32.007v32.007H0z" opacity=".5"/><path fill="url(#p)" d="M192 32.007h31.993v32.007H192z" opacity=".7"/><path fill="url(#q)" d="M160.007 32.007h32.007v32.007h-32.007z" opacity=".8"/><path fill="url(#q)" d="M128 32.007h32.007v32.007H128z"/><path fill="url(#q)" d="M96.007 32.007h32.007v32.007H96.007z"/><path fill="url(#q)" d="M64 32.007h32.007v32.007H64z" opacity=".8"/><path fill="url(#q)" d="M32.007 32.007h32.007v32.007H32.007z" opacity=".7"/><path fill="url(#r)" d="M160.007 0h32.007v32.007h-32.007z" opacity=".5"/><path fill="url(#r)" d="M128 0h32.007v32.007H128z" opacity=".7"/><path fill="url(#r)" d="M96.007 0h32.007v32.007H96.007z" opacity=".7"/><path fill="url(#r)" d="M64 0h32.007v32.007H64z" opacity=".5"/><path fill="#FFF" d="m84.25 117.841 8.912-19.951c3.251-5.12 2.818-11.378-.745-14.9a9.13 9.13 0 0 0-1.57-1.26 9.847 9.847 0 0 0-8.223-.934 13.437 13.437 0 0 0-7.409 5.756s-12.19 28.445-16.755 41.285c-4.565 12.841-2.709 36.274 14.778 53.828 18.556 18.557 45.47 22.837 62.605 9.942a10.755 10.755 0 0 0 2.018-1.354l52.825-44.143c2.574-2.154 6.38-6.502 2.953-11.487-3.427-4.984-9.63-1.557-12.19.095l-30.423 22.12a1.354 1.354 0 0 1-1.964-.231 3.738 3.738 0 0 1 .298-4.47l46.636-39.578c4.063-3.63 4.592-8.9 1.354-12.516-3.237-3.616-8.249-3.44-12.299.23l-41.989 32.833a1.87 1.87 0 0 1-2.709-.352 2.587 2.587 0 0 1-.217-3.44l47.557-46.148a9.305 9.305 0 0 0 .474-13.125 8.886 8.886 0 0 0-6.461-2.709 9.481 9.481 0 0 0-6.678 2.71l-48.531 45.578c-1.165 1.165-3.44 0-3.712-1.355-.1-.493.058-1.004.42-1.354L160.4 70.556a9.17 9.17 0 1 0-12.936-12.976l-56.428 62.307c-2.018 2.018-4.998 2.113-6.42.948a2.113 2.113 0 0 1-.366-2.994Z"/></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}><defs><linearGradient id="a" x1="49.979%" x2="49.979%" y1="-702.201%" y2="97.969%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="b" x1="50%" x2="50%" y1="-602.243%" y2="197.926%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="c" x1="49.979%" x2="49.979%" y1="-602.243%" y2="197.926%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="d" x1="50.021%" x2="50.021%" y1="-502.498%" y2="298.01%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="e" x1="50%" x2="50%" y1="-502.498%" y2="298.01%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="f" x1="49.979%" x2="49.979%" y1="-502.498%" y2="298.01%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="g" x1="50.021%" x2="50.021%" y1="-402.285%" y2="397.884%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="h" x1="50%" x2="50%" y1="-402.285%" y2="397.884%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="i" x1="49.979%" x2="49.979%" y1="-402.285%" y2="397.884%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="j" x1="50.021%" x2="50.021%" y1="-302.328%" y2="497.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="k" x1="50%" x2="50%" y1="-302.328%" y2="497.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="l" x1="49.979%" x2="49.979%" y1="-302.328%" y2="497.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="m" x1="50.021%" x2="50.021%" y1="-202.328%" y2="597.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="n" x1="50%" x2="50%" y1="-202.328%" y2="597.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="o" x1="49.979%" x2="49.979%" y1="-202.328%" y2="597.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="p" x1="50%" x2="50%" y1="-102.37%" y2="697.799%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="q" x1="49.979%" x2="49.979%" y1="-102.37%" y2="697.799%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="r" x1="49.979%" x2="49.979%" y1="-2.37%" y2="797.799%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient></defs><path fill="url(#a)" d="M160.007 223.993h32.007V256h-32.007z" opacity=".5"/><path fill="url(#a)" d="M128 223.993h32.007V256H128z" opacity=".7"/><path fill="url(#a)" d="M96.007 223.993h32.007V256H96.007z" opacity=".7"/><path fill="url(#a)" d="M64 223.993h32.007V256H64z" opacity=".5"/><path fill="url(#b)" d="M192 192h31.993v32.007H192z" opacity=".7"/><path fill="url(#c)" d="M160.007 192h32.007v32.007h-32.007z" opacity=".8"/><path fill="url(#c)" d="M128 192h32.007v32.007H128z"/><path fill="url(#c)" d="M96.007 192h32.007v32.007H96.007z"/><path fill="url(#c)" d="M64 192h32.007v32.007H64z" opacity=".8"/><path fill="url(#c)" d="M32.007 192h32.007v32.007H32.007z" opacity=".7"/><path fill="url(#d)" d="M223.993 160.007H256V192h-32.007z" opacity=".5"/><path fill="url(#e)" d="M192 160.007h31.993V192H192z" opacity=".8"/><path fill="url(#f)" d="M160.007 160.007h32.007V192h-32.007zM128 160.007h32.007V192H128z"/><path fill="url(#f)" d="M96.007 160.007h32.007V192H96.007zM64 160.007h32.007V192H64z"/><path fill="url(#f)" d="M32.007 160.007h32.007V192H32.007z" opacity=".8"/><path fill="url(#f)" d="M0 160.007h32.007V192H0z" opacity=".5"/><path fill="url(#g)" d="M223.993 128H256v32.007h-32.007z" opacity=".7"/><path fill="url(#h)" d="M192 128h31.993v32.007H192z"/><path fill="url(#i)" d="M160.007 128h32.007v32.007h-32.007zM128 128h32.007v32.007H128z"/><path fill="url(#i)" d="M96.007 128h32.007v32.007H96.007zM64 128h32.007v32.007H64z"/><path fill="url(#i)" d="M32.007 128h32.007v32.007H32.007z"/><path fill="url(#i)" d="M0 128h32.007v32.007H0z" opacity=".7"/><path fill="url(#j)" d="M223.993 96.007H256v32.007h-32.007z" opacity=".7"/><path fill="url(#k)" d="M192 96.007h31.993v32.007H192z"/><path fill="url(#l)" d="M160.007 96.007h32.007v32.007h-32.007zM128 96.007h32.007v32.007H128z"/><path fill="url(#l)" d="M96.007 96.007h32.007v32.007H96.007zM64 96.007h32.007v32.007H64z"/><path fill="url(#l)" d="M32.007 96.007h32.007v32.007H32.007z"/><path fill="url(#l)" d="M0 96.007h32.007v32.007H0z" opacity=".7"/><path fill="url(#m)" d="M223.993 64H256v32.007h-32.007z" opacity=".5"/><path fill="url(#n)" d="M192 64h31.993v32.007H192z" opacity=".8"/><path fill="url(#o)" d="M160.007 64h32.007v32.007h-32.007zM128 64h32.007v32.007H128z"/><path fill="url(#o)" d="M96.007 64h32.007v32.007H96.007zM64 64h32.007v32.007H64z"/><path fill="url(#o)" d="M32.007 64h32.007v32.007H32.007z" opacity=".8"/><path fill="url(#o)" d="M0 64h32.007v32.007H0z" opacity=".5"/><path fill="url(#p)" d="M192 32.007h31.993v32.007H192z" opacity=".7"/><path fill="url(#q)" d="M160.007 32.007h32.007v32.007h-32.007z" opacity=".8"/><path fill="url(#q)" d="M128 32.007h32.007v32.007H128z"/><path fill="url(#q)" d="M96.007 32.007h32.007v32.007H96.007z"/><path fill="url(#q)" d="M64 32.007h32.007v32.007H64z" opacity=".8"/><path fill="url(#q)" d="M32.007 32.007h32.007v32.007H32.007z" opacity=".7"/><path fill="url(#r)" d="M160.007 0h32.007v32.007h-32.007z" opacity=".5"/><path fill="url(#r)" d="M128 0h32.007v32.007H128z" opacity=".7"/><path fill="url(#r)" d="M96.007 0h32.007v32.007H96.007z" opacity=".7"/><path fill="url(#r)" d="M64 0h32.007v32.007H64z" opacity=".5"/><path fill="#FFF" d="m84.25 117.841 8.912-19.951c3.251-5.12 2.818-11.378-.745-14.9a9.13 9.13 0 0 0-1.57-1.26 9.847 9.847 0 0 0-8.223-.934 13.437 13.437 0 0 0-7.409 5.756s-12.19 28.445-16.755 41.285c-4.565 12.841-2.709 36.274 14.778 53.828 18.556 18.557 45.47 22.837 62.605 9.942a10.755 10.755 0 0 0 2.018-1.354l52.825-44.143c2.574-2.154 6.38-6.502 2.953-11.487-3.427-4.984-9.63-1.557-12.19.095l-30.423 22.12a1.354 1.354 0 0 1-1.964-.231 3.738 3.738 0 0 1 .298-4.47l46.636-39.578c4.063-3.63 4.592-8.9 1.354-12.516-3.237-3.616-8.249-3.44-12.299.23l-41.989 32.833a1.87 1.87 0 0 1-2.709-.352 2.587 2.587 0 0 1-.217-3.44l47.557-46.148a9.305 9.305 0 0 0 .474-13.125 8.886 8.886 0 0 0-6.461-2.709 9.481 9.481 0 0 0-6.678 2.71l-48.531 45.578c-1.165 1.165-3.44 0-3.712-1.355-.1-.493.058-1.004.42-1.354L160.4 70.556a9.17 9.17 0 1 0-12.936-12.976l-56.428 62.307c-2.018 2.018-4.998 2.113-6.42.948a2.113 2.113 0 0 1-.366-2.994Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/HTML5.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 452 520" 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" viewBox="0 0 452 520" width="${width}" height="${height}" ${restAttrs}>
   <path fill="#e34f26" d="M41 460L0 0h451l-41 460-185 52" />
   <path fill="#ef652a" d="M226 472l149-41 35-394H226" />
   <path fill="#ecedee" d="M226 208h-75l-5-58h80V94H84l15 171h127zm0 147l-64-17-4-45h-56l7 89 117 32z"/>

package/dist/components/HackTheBox.svelte

@@ -1,10 +1,19 @@
 <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 = `
 <!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 1024 791.27002" style="enable-background:new 0 0 1024 791.27002;" xml:space="preserve" width="${width}" height="${height}">
+	 viewBox="0 0 1024 791.27002" style="enable-background:new 0 0 1024 791.27002;" xml:space="preserve" width="${width}" height="${height}" ${restAttrs}>
 <style>
 	.st0{fill:#9FEF00;}
 </style>

package/dist/components/Hashnode.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}"><path fill="#2563EB" fill-rule="evenodd" d="M68.692 334.16c-91.59 91.589-91.59 240.085 0 331.674L334.16 931.302c91.589 91.588 240.085 91.588 331.674-.001l265.468-265.467c91.588-91.59 91.588-240.085-.001-331.674L665.834 68.692c-91.59-91.59-240.085-91.59-331.674 0L68.692 334.16Zm431.302 330.06c90.694 0 164.216-73.522 164.216-164.216s-73.522-164.216-164.216-164.216-164.216 73.522-164.216 164.216S409.3 664.22 499.994 664.22Z" clip-rule="evenodd"/></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 1000 1000" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#2563EB" fill-rule="evenodd" d="M68.692 334.16c-91.59 91.589-91.59 240.085 0 331.674L334.16 931.302c91.589 91.588 240.085 91.588 331.674-.001l265.468-265.467c91.588-91.59 91.588-240.085-.001-331.674L665.834 68.692c-91.59-91.59-240.085-91.59-331.674 0L68.692 334.16Zm431.302 330.06c90.694 0 164.216-73.522 164.216-164.216s-73.522-164.216-164.216-164.216-164.216 73.522-164.216 164.216S409.3 664.22 499.994 664.22Z" clip-rule="evenodd"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Haskell.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 48 48" width="${width}" height="${height}"><path fill="#453a62" d="M9 43H1l12-18L1 7h8l12 18z"/><path fill="#5e5086" d="M20 7h-8l12 18-12 18h8l8.16-12.24L36 43h8z"/><path fill="#8f4e8b" d="M34.338 24H47v-6H30.338zM40.338 33H47v-6H36.338z"/></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 48 48" width="${width}" height="${height}" ${restAttrs}><path fill="#453a62" d="M9 43H1l12-18L1 7h8l12 18z"/><path fill="#5e5086" d="M20 7h-8l12 18-12 18h8l8.16-12.24L36 43h8z"/><path fill="#8f4e8b" d="M34.338 24H47v-6H30.338zM40.338 33H47v-6H36.338z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/HeadlessUI.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}"><defs><linearGradient x1="35.871%" y1="7.224%" x2="60.314%" y2="115.988%" id="a"><stop stop-color="#66E3FF" offset="0%"/><stop stop-color="#7064F9" offset="100%"/></linearGradient><linearGradient x1="39.172%" y1="0%" x2="55.05%" y2="99.181%" id="b"><stop stop-color="#66E3FF" offset="0%"/><stop stop-color="#7064F9" offset="100%"/></linearGradient></defs><path d="m50.699 159.089 156.225-52.153c-3.122-19.523-5.346-32.565-7.924-42.518-2.777-10.706-4.978-13.57-5.842-14.563a30.468 30.468 0 0 0-10.973-7.969c-1.216-.52-4.625-1.728-15.654-1.064-11.669.704-26.987 3.088-51.245 6.929-24.25 3.84-39.56 6.313-50.87 9.241-10.7 2.777-13.573 4.985-14.566 5.85a30.581 30.581 0 0 0-7.963 10.97c-.52 1.215-1.729 4.624-1.064 15.658.704 11.665 3.089 26.988 6.93 51.24 1.073 6.8 2.041 12.882 2.946 18.379Z" fill="url(#a)"/><path d="M7.625 147.063c-7.427-46.92-11.149-70.38-3.098-89.214a71.092 71.092 0 0 1 18.6-25.605c15.423-13.466 38.88-17.178 85.796-24.611C155.854.19 179.313-3.521 198.16 4.528a71.085 71.085 0 0 1 25.595 18.595c13.477 15.426 17.19 38.886 24.618 85.814 7.435 46.92 11.149 70.387 3.097 89.214a71.076 71.076 0 0 1-18.591 25.604c-15.423 13.474-38.889 17.187-85.812 24.62-46.916 7.433-70.382 11.146-89.213 3.096a71.093 71.093 0 0 1-25.595-18.595C18.781 217.45 15.068 193.99 7.633 147.063h-.008Zm82.762 83.325c12.565-.76 28.748-3.296 52.702-7.09 23.962-3.792 40.12-6.384 52.318-9.545 11.805-3.064 17.247-6.049 20.76-9.121a45.696 45.696 0 0 0 11.95-16.459c1.84-4.288 3-10.385 2.264-22.563-.76-12.562-3.297-28.749-7.09-52.705-3.794-23.955-6.38-40.126-9.54-52.312-3.066-11.81-6.059-17.25-9.124-20.763a45.699 45.699 0 0 0-16.455-11.954c-4.29-1.84-10.388-3-22.57-2.265-12.565.76-28.74 3.297-52.701 7.09-23.954 3.8-40.121 6.385-52.31 9.545-11.813 3.065-17.247 6.057-20.76 9.122a45.704 45.704 0 0 0-11.958 16.458c-1.833 4.289-2.993 10.386-2.257 22.564.76 12.57 3.29 28.748 7.091 52.704 3.794 23.956 6.379 40.127 9.54 52.313 3.065 11.81 6.05 17.25 9.124 20.763a45.707 45.707 0 0 0 16.455 11.954c4.29 1.84 10.38 3 22.57 2.264h-.009Z" fill="url(#b)"/></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}><defs><linearGradient x1="35.871%" y1="7.224%" x2="60.314%" y2="115.988%" id="a"><stop stop-color="#66E3FF" offset="0%"/><stop stop-color="#7064F9" offset="100%"/></linearGradient><linearGradient x1="39.172%" y1="0%" x2="55.05%" y2="99.181%" id="b"><stop stop-color="#66E3FF" offset="0%"/><stop stop-color="#7064F9" offset="100%"/></linearGradient></defs><path d="m50.699 159.089 156.225-52.153c-3.122-19.523-5.346-32.565-7.924-42.518-2.777-10.706-4.978-13.57-5.842-14.563a30.468 30.468 0 0 0-10.973-7.969c-1.216-.52-4.625-1.728-15.654-1.064-11.669.704-26.987 3.088-51.245 6.929-24.25 3.84-39.56 6.313-50.87 9.241-10.7 2.777-13.573 4.985-14.566 5.85a30.581 30.581 0 0 0-7.963 10.97c-.52 1.215-1.729 4.624-1.064 15.658.704 11.665 3.089 26.988 6.93 51.24 1.073 6.8 2.041 12.882 2.946 18.379Z" fill="url(#a)"/><path d="M7.625 147.063c-7.427-46.92-11.149-70.38-3.098-89.214a71.092 71.092 0 0 1 18.6-25.605c15.423-13.466 38.88-17.178 85.796-24.611C155.854.19 179.313-3.521 198.16 4.528a71.085 71.085 0 0 1 25.595 18.595c13.477 15.426 17.19 38.886 24.618 85.814 7.435 46.92 11.149 70.387 3.097 89.214a71.076 71.076 0 0 1-18.591 25.604c-15.423 13.474-38.889 17.187-85.812 24.62-46.916 7.433-70.382 11.146-89.213 3.096a71.093 71.093 0 0 1-25.595-18.595C18.781 217.45 15.068 193.99 7.633 147.063h-.008Zm82.762 83.325c12.565-.76 28.748-3.296 52.702-7.09 23.962-3.792 40.12-6.384 52.318-9.545 11.805-3.064 17.247-6.049 20.76-9.121a45.696 45.696 0 0 0 11.95-16.459c1.84-4.288 3-10.385 2.264-22.563-.76-12.562-3.297-28.749-7.09-52.705-3.794-23.955-6.38-40.126-9.54-52.312-3.066-11.81-6.059-17.25-9.124-20.763a45.699 45.699 0 0 0-16.455-11.954c-4.29-1.84-10.388-3-22.57-2.265-12.565.76-28.74 3.297-52.701 7.09-23.954 3.8-40.121 6.385-52.31 9.545-11.813 3.065-17.247 6.057-20.76 9.122a45.704 45.704 0 0 0-11.958 16.458c-1.833 4.289-2.993 10.386-2.257 22.564.76 12.57 3.29 28.748 7.091 52.704 3.794 23.956 6.379 40.127 9.54 52.313 3.065 11.81 6.05 17.25 9.124 20.763a45.707 45.707 0 0 0 16.455 11.954c4.29 1.84 10.38 3 22.57 2.264h-.009Z" fill="url(#b)"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/HeroUI.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 74 74" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}"><path fill="#111" d="M54.35.083H19.566C8.76.083 0 8.843 0 19.649v34.783C0 65.239 8.76 74 19.566 74H54.35c10.806 0 19.566-8.76 19.566-19.566V19.648C73.916 8.843 65.156.083 54.35.083Z"/><path fill="#fff" d="M50.638 52.566V21.201h3.877v31.365h-3.877ZM31.731 53.22c-2.425 0-4.567-.501-6.425-1.503a11.087 11.087 0 0 1-4.378-4.204c-1.046-1.815-1.569-3.942-1.569-6.382V21.223l3.921-.022v19.604c0 1.48.247 2.773.74 3.877.509 1.089 1.177 1.996 2.005 2.722a8.61 8.61 0 0 0 2.722 1.634 9.039 9.039 0 0 0 2.984.523 8.773 8.773 0 0 0 3.006-.545 8.5 8.5 0 0 0 2.723-1.612c.827-.726 1.488-1.64 1.982-2.744.493-1.104.74-2.389.74-3.855V21.2h3.921v19.93c0 2.425-.53 4.545-1.59 6.36a10.893 10.893 0 0 1-4.356 4.226c-1.859 1.002-4 1.503-6.426 1.503Z"/></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 74 74" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#111" d="M54.35.083H19.566C8.76.083 0 8.843 0 19.649v34.783C0 65.239 8.76 74 19.566 74H54.35c10.806 0 19.566-8.76 19.566-19.566V19.648C73.916 8.843 65.156.083 54.35.083Z"/><path fill="#fff" d="M50.638 52.566V21.201h3.877v31.365h-3.877ZM31.731 53.22c-2.425 0-4.567-.501-6.425-1.503a11.087 11.087 0 0 1-4.378-4.204c-1.046-1.815-1.569-3.942-1.569-6.382V21.223l3.921-.022v19.604c0 1.48.247 2.773.74 3.877.509 1.089 1.177 1.996 2.005 2.722a8.61 8.61 0 0 0 2.722 1.634 9.039 9.039 0 0 0 2.984.523 8.773 8.773 0 0 0 3.006-.545 8.5 8.5 0 0 0 2.723-1.612c.827-.726 1.488-1.64 1.982-2.744.493-1.104.74-2.389.74-3.855V21.2h3.921v19.93c0 2.425-.53 4.545-1.59 6.36a10.893 10.893 0 0 1-4.356 4.226c-1.859 1.002-4 1.503-6.426 1.503Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Heroku.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 256 284.4" 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" viewBox="0 0 256 284.4" width="${width}" height="${height}" ${restAttrs}>
   <path fill="#430098" d="M230 0c14 0 26 11 26 25v234c0 14-11 25-25 25H26c-14 0-26-11-26-25V26C0 12 11 0 25 0h1zm0 14H26c-7 0-12 5-12 11v234c0 6 5 11 11 11h205c7 0 12-5 12-11V26c0-7-5-12-12-12zM64 185l32 28-32 29zM92 43v80c15-4 34-9 54-9 17 0 28 7 34 12 12 13 12 28 12 30v86h-28v-85c-1-7-4-15-18-15-29 0-61 14-62 15l-20 9V43zm100 0c-2 16-8 31-21 46h-29c11-15 18-30 22-46z"/>
 </svg>
 `;

package/dist/components/HomeAssistant.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 240 240" width="${width}" height="${height}"><path fill="#F2F4F9" d="M240 224.762c0 8.25-6.75 15-15 15H15c-8.25 0-15-6.75-15-15v-90c0-8.25 4.77-19.769 10.61-25.609l98.78-98.78c5.83-5.83 15.38-5.83 21.21 0l98.79 98.789c5.83 5.83 10.61 17.36 10.61 25.61v90-.01Z"/><path fill="#18BCF2" d="m229.39 109.153-98.78-98.78c-5.83-5.83-15.38-5.83-21.21 0l-98.79 98.78C4.78 114.983 0 126.512 0 134.762v90c0 8.25 6.75 15 15 15h92.27l-40.63-40.63c-2.09.72-4.32 1.13-6.64 1.13-11.3 0-20.5-9.2-20.5-20.5s9.2-20.5 20.5-20.5 20.5 9.2 20.5 20.5c0 2.33-.41 4.56-1.13 6.65l31.63 31.63v-115.88c-6.8-3.34-11.5-10.32-11.5-18.39 0-11.3 9.2-20.5 20.5-20.5s20.5 9.2 20.5 20.5c0 8.07-4.7 15.05-11.5 18.39v81.27l31.46-31.46c-.62-1.96-.96-4.04-.96-6.2 0-11.3 9.2-20.5 20.5-20.5s20.5 9.2 20.5 20.5-9.2 20.5-20.5 20.5c-2.5 0-4.88-.47-7.09-1.29L129 208.892v30.88h96c8.25 0 15-6.75 15-15v-90c0-8.25-4.77-19.77-10.61-25.61v-.009Z"/></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 240 240" width="${width}" height="${height}" ${restAttrs}><path fill="#F2F4F9" d="M240 224.762c0 8.25-6.75 15-15 15H15c-8.25 0-15-6.75-15-15v-90c0-8.25 4.77-19.769 10.61-25.609l98.78-98.78c5.83-5.83 15.38-5.83 21.21 0l98.79 98.789c5.83 5.83 10.61 17.36 10.61 25.61v90-.01Z"/><path fill="#18BCF2" d="m229.39 109.153-98.78-98.78c-5.83-5.83-15.38-5.83-21.21 0l-98.79 98.78C4.78 114.983 0 126.512 0 134.762v90c0 8.25 6.75 15 15 15h92.27l-40.63-40.63c-2.09.72-4.32 1.13-6.64 1.13-11.3 0-20.5-9.2-20.5-20.5s9.2-20.5 20.5-20.5 20.5 9.2 20.5 20.5c0 2.33-.41 4.56-1.13 6.65l31.63 31.63v-115.88c-6.8-3.34-11.5-10.32-11.5-18.39 0-11.3 9.2-20.5 20.5-20.5s20.5 9.2 20.5 20.5c0 8.07-4.7 15.05-11.5 18.39v81.27l31.46-31.46c-.62-1.96-.96-4.04-.96-6.2 0-11.3 9.2-20.5 20.5-20.5s20.5 9.2 20.5 20.5-9.2 20.5-20.5 20.5c-2.5 0-4.88-.47-7.09-1.29L129 208.892v30.88h96c8.25 0 15-6.75 15-15v-90c0-8.25-4.77-19.77-10.61-25.61v-.009Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Homebrew.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 164 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><path d="M125.534 84.857c.701-18.285-3.917-25.667-7.384-30.944-3.517-4.923-11.955-12.66-22.323-12.984-9.805-.306-12.163 5.113-21.208 5.44-1.484-16.472 10.948-25.51 10.948-25.51s-3.4-4.805-6.212-5.977C76.119 17.758 68.36 26.018 66.7 37.108c-1.747-16.335-9.914-26.781-28.018-34.062-5.142 17.988 11.836 34.794 22.866 41.431-5.847-1.964-10.921-4.56-17.736-3.219-11.91 2.345-21.73 9.546-27.325 25.348-5.595 15.802 1.976 34.237 3.621 39.502 1.647 5.27 13.828 27.653 23.375 30.946 9.545 3.295 9.549 1.81 14.652-.163 5.102-1.974 12.837-5.597 24.198-1.48 11.353 4.114 12.835 5.1 19.91.492 7.083-4.608 16.297-18.927 18.436-23.043 2.14-4.113 3.292-6.255 3.954-8.394.823-6.263.268-3.22.9-19.61" fill="#D1D2D3"/><path d="M126.215 110.162v8.941a3.793 3.793 0 0 0 3.792 3.792h14.07a17.068 17.068 0 0 1 17.066 17.067v42.61l-.002 9.287v7.314l-.001 2.261c0 4.537-1.804 8.887-5.02 12.089a17.073 17.073 0 0 1-12.107 4.976c-4.754.012-9.755.004-13.926-.054a3.792 3.792 0 0 0-3.872 3.79v5.065l-.002 2.245v1.69c-.003 3.175-.007 6.182-.015 7.995 0 1.123-.5 2.188-1.364 2.905-4.347 3.284-19.533 10.56-53.499 10.56-33.265 0-49.106-5.433-54.048-8.295a3.796 3.796 0 0 1-1.755-3.19c-.015-7.374-.07-33.63-.129-60.724l-.008-3.698-.142-66.323v-.303h110.962Zm16.82 27.927h-12.08a4.742 4.742 0 0 0-3.17 1.217l-.18.172a4.744 4.744 0 0 0-1.383 3.102l-.007.251V198c0 1.173.436 2.302 1.217 3.17l.172.182a4.733 4.733 0 0 0 3.1 1.381l.25.007h12.08a4.742 4.742 0 0 0 3.17-1.215l.182-.173a4.75 4.75 0 0 0 1.381-3.101l.007-.25V142.83a4.747 4.747 0 0 0-1.216-3.17l-.172-.183a4.752 4.752 0 0 0-3.101-1.383l-.25-.006Z" fill="#FEFEFE"/><path d="M26.192 109.063V226.62c0 1.356.723 2.61 1.9 3.287 4.797 2.287 18.718 7.746 43.125 7.746 24.568 0 38.074-6.634 42.599-9.368a3.775 3.775 0 0 0 1.73-3.176c.01-15.589.01-116.046.01-116.046H26.192Z" fill="#FAAF41"/><path d="M39.328 123.714c2.8 0 5.09 2.19 5.251 4.95l.009.31v90.847a5.26 5.26 0 0 1-10.512.31l-.008-.31v-90.848a5.26 5.26 0 0 1 5.26-5.26" fill="#FFDA95"/><path d="M89.818 133.186c0-1.896-1.116-4.16-2.949-5.297a15.854 15.854 0 0 1-6.58-7.87c-24.266.816-46.412-3.444-57.57-6.453a92.383 92.383 0 0 0-8.695-2.019c-6.677-1.326-11.752-7.19-11.752-14.24 0-7.76 6.157-14.067 13.85-14.343 1.482-8.207 8.647-14.438 17.283-14.438 9.71 0 17.583 7.872 17.583 17.583a17.57 17.57 0 0 1-1.008 5.825l.05.009c2.17-6.783 8.519-11.698 16.021-11.698 7.453 0 13.77 4.857 15.975 11.577a17.347 17.347 0 0 1-.097-1.847c0-10.1 8.186-18.285 18.285-18.285 8.175 0 15.094 5.365 17.435 12.764l1.592-.417a14.31 14.31 0 0 1 7.047-1.853c7.936 0 14.369 6.434 14.365 14.367 0 7.268-5.395 13.274-12.399 14.233a21.064 21.064 0 0 0-4.638 1.205 115.4 115.4 0 0 1-12.72 3.943 15.82 15.82 0 0 1-1.811 5.908 19.655 19.655 0 0 0-2.256 10.672c-.002.223.007 1.398.007 1.623 0 4.698-3.81 7.557-8.513 7.557a8.505 8.505 0 0 1-8.505-8.506" fill="#FEFEFE"/><path fill="#010202" d="m86.402 112.433.1.307-.032-.307z"/><path d="m37.192 0 2.338.939C54.557 6.982 63.305 15.28 67.1 27.519c2.399-5.319 6.043-10.048 10.277-13.912l1.536-1.37 1.317.548a8.945 8.945 0 0 1 1.709.972c.89.634 1.793 1.456 2.708 2.427a33.527 33.527 0 0 1 1.97 2.297l.338.436.377.507 1.384 1.954-1.814 1.319-.248.191-.341.28-.42.37-.493.456a28.55 28.55 0 0 0-3.524 4.058c-3.142 4.378-5.03 9.44-5.108 15.185l-.002.669.491-.08c1.692-.31 3.282-.902 5.61-1.961l1.33-.61c4.497-2.036 7.19-2.736 11.7-2.596 9.58.3 18.796 6.508 24.152 14.009.12.182.24.365.356.55l.69 1.092.657 1.085c4.092 6.951 6.064 13.7 6.135 24.6 8.44.804 15.041 7.909 15.038 16.556 0 8.342-6.173 15.362-14.353 16.482l-.087.017v6.053c0 .84.682 1.522 1.522 1.522h14.07a19.336 19.336 0 0 1 19.336 19.337l-.001 61.472c0 5.14-2.047 10.07-5.689 13.696a19.324 19.324 0 0 1-13.703 5.64l-2.131.004-4.137-.001-5.028-.028-2.685-.03a1.524 1.524 0 0 0-1.554 1.52l-.005 12.433-.012 4.562c0 1.8-.8 3.502-2.267 4.716-2.067 1.561-4.81 3.04-8.214 4.377l-1.159.439a69.73 69.73 0 0 1-5.813 1.84l-1.425.374-1.471.36c-1.495.353-3.062.686-4.698.995l-1.661.302-1.707.285c-1.444.23-2.933.445-4.471.64l-1.87.225-1.916.208-1.96.188-2.008.17-2.053.15-2.099.13c-.353.021-.708.04-1.065.059l-2.166.099-2.21.078c-.746.02-1.496.041-2.256.056l-2.3.033c-.774.008-1.555.012-2.344.012h-1.2c-.795-.005-1.585-.012-2.367-.02l-2.322-.038-2.279-.055c-.752-.02-1.497-.046-2.234-.072l-2.188-.09c-.362-.017-.72-.032-1.078-.051l-2.122-.116-2.075-.13-2.03-.148a87.89 87.89 0 0 1-.998-.079l-1.96-.169c-.323-.03-.644-.06-.963-.092l-1.891-.191-1.843-.207c-.304-.036-.606-.071-.905-.109l-1.773-.229-1.726-.239-1.676-.254c-.826-.131-1.635-.264-2.425-.404l-1.555-.285a75.332 75.332 0 0 1-.759-.147l-1.483-.302-1.432-.313-1.382-.326-1.333-.332a71.633 71.633 0 0 1-3.694-1.062l-1.13-.372a45.049 45.049 0 0 1-1.597-.575l-1-.39c-1.46-.597-2.744-1.216-3.848-1.854a6.068 6.068 0 0 1-2.804-5.102l-.274-127.583C5.465 111.852 0 105.144 0 97.307c0-7.64 5.171-14.083 12.235-16.017-.087-2.324-.034-4.618.207-6.881.32-2.994.947-5.852 1.906-8.562 5.5-15.536 15.29-24.114 29.027-26.817a21.026 21.026 0 0 1 7.055-.219 61.843 61.843 0 0 1-5.048-5.3C37.129 23.69 33.5 12.913 36.499 2.42L37.192 0Zm86.751 114.287-1.09.401c-.23.084-.476.154-.71.236-2.13.749-4.316 1.43-6.54 2.066-1.376.395-1.376.395-2.687.767l-.102.518a18.098 18.098 0 0 1-1.403 4.004l-.602 1.176c-.111.227-.186.468-.285.7a17.661 17.661 0 0 0-1.425 8.356l.001.333.005 1.29c0 5.866-4.686 9.83-10.782 9.83a10.73 10.73 0 0 1-7.842-3.403 10.74 10.74 0 0 1-2.779-5.622 10.795 10.795 0 0 1-.155-1.752c0-1.217-.797-2.699-1.854-3.356a18.118 18.118 0 0 1-6.794-7.349l-.073-.15-1.494.033c-17.223.293-34.754-1.815-49.145-5.107a165.209 165.209 0 0 1-4.896-1.191l-1.191-.316c-.033-.01-.069-.017-.103-.027a94.394 94.394 0 0 0-4.464-1.133l.27 126.614c0 .517.267 1.002.622 1.229.659.382 1.398.757 2.219 1.126l.846.364c.874.361 1.826.715 2.859 1.061l1.056.34a71.32 71.32 0 0 0 1.683.496l1.186.321 1.238.313 1.287.305 1.34.294c.225.05.455.097.687.145l1.413.28c.478.092.966.184 1.463.273l1.512.26c.512.084 1.032.168 1.561.248l1.61.237 1.659.227c.28.036.561.074.846.108l1.73.21 1.78.194 1.824.18c.308.03.62.058.93.087l1.896.162 1.942.147 1.988.131 2.035.116 2.08.102c.35.016.703.03 1.056.045l2.15.078c.36.012.723.023 1.09.033l2.215.053 1.123.02 2.282.026c.766.005 1.54.008 2.324.008l1.139-.001c1.89-.01 3.734-.041 5.53-.096l2.134-.073c.352-.012.702-.028 1.05-.045l2.065-.102 2.02-.123c.333-.022.666-.044.994-.068l1.954-.152.957-.08 1.885-.178.925-.095 1.812-.202.891-.107 1.744-.227 1.698-.244 1.652-.256c.543-.09 1.079-.181 1.605-.272l1.558-.286c.51-.1 1.015-.198 1.51-.3l1.465-.315 1.414-.324c.929-.22 1.823-.45 2.688-.685l1.272-.36c.208-.061.413-.124.618-.186l1.2-.373 1.15-.386c3.946-1.364 6.995-2.896 9.118-4.502.344-.285.543-.709.543-1.166l.017-16.985c0-1.63.657-3.191 1.821-4.33a6.044 6.044 0 0 1 4.354-1.73l2.659.029 3.942.024 5.177.005 2.126-.005a14.803 14.803 0 0 0 10.496-4.313 14.799 14.799 0 0 0 4.352-10.48l.002-61.473a14.795 14.795 0 0 0-14.795-14.795h-14.07a6.064 6.064 0 0 1-6.064-6.064v-4.816Zm19.091 21.532a7.012 7.012 0 0 1 7.011 7.012V198a7.01 7.01 0 0 1-7.011 7.01h-12.078a7.01 7.01 0 0 1-7.013-7.01v-55.168a7.013 7.013 0 0 1 7.013-7.012Zm0 4.543h-12.078c-.655 0-1.283.26-1.746.72a2.483 2.483 0 0 0-.725 1.75v55.167a2.47 2.47 0 0 0 2.47 2.47h12.079c.655 0 1.283-.261 1.744-.724.464-.462.726-1.09.726-1.746v-55.168a2.468 2.468 0 0 0-2.47-2.47ZM33.404 70.796c-7.427 0-13.74 5.337-15.049 12.573l-.324 1.799-.947.036-.88.03a12.063 12.063 0 0 0-3.614.692c-4.697 1.665-8.049 6.138-8.049 11.381 0 5.346 3.504 9.983 8.438 11.612.473.156.954.294 1.453.393 1.636.299 3.261.649 4.876 1.03 1.344.318 2.68.658 4.003 1.032.569.153 1.176.295 1.762.445.809.205 1.602.415 2.432.614 15.138 3.63 34.249 5.938 52.707 5.317l1.614-.055.58 1.509a13.612 13.612 0 0 0 5.661 6.755c2.434 1.51 4.021 4.464 4.021 7.228l.009.33a6.184 6.184 0 0 0 .988 3.011c1.11 1.732 3.03 2.895 5.238 2.895 3.74 0 6.241-2.117 6.241-5.29l-.007-1.301.007-.154a21.965 21.965 0 0 1 2.52-11.916l.269-.526a13.458 13.458 0 0 0 1.281-4.533l.16-1.588 1.55-.386c1.583-.396 3.115-.847 4.648-1.296 1.345-.394 2.674-.802 3.988-1.228a88.128 88.128 0 0 0 3.82-1.335l.713-.263a23.828 23.828 0 0 1 1.633-.48c.92-.247 1.85-.458 2.8-.593l.402-.062c.048-.008.092-.02.137-.029a12.098 12.098 0 0 0 9.898-11.893c.002-6.16-4.61-11.235-10.566-11.988a12.216 12.216 0 0 0-1.529-.106 12.123 12.123 0 0 0-5.93 1.56l-.258.145-3.966 1.033-.65-2.055a16.02 16.02 0 0 0-15.27-11.179c-8.844 0-16.014 7.17-16.014 16.015 0 .543.03 1.08.084 1.61l1.71 16.305.476 4.543h-.068l-1.492-4.543-5.043-15.361A14.546 14.546 0 0 0 66.05 82.517a14.551 14.551 0 0 0-13.856 10.117l-.597 1.866-4.658-.763.896-2.555c.58-1.654.88-3.355.88-5.074 0-8.456-6.855-15.312-15.311-15.312ZM79.64 17.71l-.556.545c-5.074 5.065-9.827 13.547-10.116 18.771-.29 5.224.562 11.71.562 11.71l-3.204-.613a35.889 35.889 0 0 1-4.065-1.024l-.993-.318c-.173-.056-.347-.116-.526-.175l-.186-.065-.937-.324-3.741-1.338-1.027-.349c-4.177-1.365-7.138-1.723-10.599-1.042-12.15 2.39-20.652 9.84-25.622 23.874-.838 2.366-1.388 4.878-1.673 7.53-.005.044-.005.09-.01.136 3.495-5.191 9.353-8.598 15.944-8.767l.514-.006c9.784 0 17.914 7.077 19.553 16.392l.075.46.49-.445a19.058 19.058 0 0 1 12.016-4.68l.512-.006a19.06 19.06 0 0 1 14.142 6.275l.206.234.13-.447c2.5-8.301 10.109-14.39 19.17-14.614l.515-.005a20.56 20.56 0 0 1 18.664 11.934l.113.255.218-.108a16.545 16.545 0 0 1 4.139-1.304c-.043-10.393-1.873-16.478-5.769-22.939l-.623-1.007-.653-1.017c-4.556-6.376-12.585-11.785-20.547-12.034-3.881-.121-6.004.485-10.337 2.492l-.722.331c-3.97 1.802-6.28 2.481-9.996 2.616l-2.15.079-.193-2.144c-.734-8.135 1.565-15.23 5.83-21.17 1.443-2.011 2.892-3.616 4.162-4.804l.075-.073-.496-.584-.586-.643a17.442 17.442 0 0 0-1.396-1.34l-.307-.249ZM40.3 6.192l-.058.37c-1.165 7.95 2.043 16.208 8.617 24.027 4.013 4.773 9.173 9.088 13.587 11.796.686.422 1.357.81 2 1.15l.37.193-.001-.358a63.393 63.393 0 0 0-.413-6.637C62.67 22.088 55.45 12.943 40.538 6.298l-.237-.106Z" fill="#010202"/></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 164 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><path d="M125.534 84.857c.701-18.285-3.917-25.667-7.384-30.944-3.517-4.923-11.955-12.66-22.323-12.984-9.805-.306-12.163 5.113-21.208 5.44-1.484-16.472 10.948-25.51 10.948-25.51s-3.4-4.805-6.212-5.977C76.119 17.758 68.36 26.018 66.7 37.108c-1.747-16.335-9.914-26.781-28.018-34.062-5.142 17.988 11.836 34.794 22.866 41.431-5.847-1.964-10.921-4.56-17.736-3.219-11.91 2.345-21.73 9.546-27.325 25.348-5.595 15.802 1.976 34.237 3.621 39.502 1.647 5.27 13.828 27.653 23.375 30.946 9.545 3.295 9.549 1.81 14.652-.163 5.102-1.974 12.837-5.597 24.198-1.48 11.353 4.114 12.835 5.1 19.91.492 7.083-4.608 16.297-18.927 18.436-23.043 2.14-4.113 3.292-6.255 3.954-8.394.823-6.263.268-3.22.9-19.61" fill="#D1D2D3"/><path d="M126.215 110.162v8.941a3.793 3.793 0 0 0 3.792 3.792h14.07a17.068 17.068 0 0 1 17.066 17.067v42.61l-.002 9.287v7.314l-.001 2.261c0 4.537-1.804 8.887-5.02 12.089a17.073 17.073 0 0 1-12.107 4.976c-4.754.012-9.755.004-13.926-.054a3.792 3.792 0 0 0-3.872 3.79v5.065l-.002 2.245v1.69c-.003 3.175-.007 6.182-.015 7.995 0 1.123-.5 2.188-1.364 2.905-4.347 3.284-19.533 10.56-53.499 10.56-33.265 0-49.106-5.433-54.048-8.295a3.796 3.796 0 0 1-1.755-3.19c-.015-7.374-.07-33.63-.129-60.724l-.008-3.698-.142-66.323v-.303h110.962Zm16.82 27.927h-12.08a4.742 4.742 0 0 0-3.17 1.217l-.18.172a4.744 4.744 0 0 0-1.383 3.102l-.007.251V198c0 1.173.436 2.302 1.217 3.17l.172.182a4.733 4.733 0 0 0 3.1 1.381l.25.007h12.08a4.742 4.742 0 0 0 3.17-1.215l.182-.173a4.75 4.75 0 0 0 1.381-3.101l.007-.25V142.83a4.747 4.747 0 0 0-1.216-3.17l-.172-.183a4.752 4.752 0 0 0-3.101-1.383l-.25-.006Z" fill="#FEFEFE"/><path d="M26.192 109.063V226.62c0 1.356.723 2.61 1.9 3.287 4.797 2.287 18.718 7.746 43.125 7.746 24.568 0 38.074-6.634 42.599-9.368a3.775 3.775 0 0 0 1.73-3.176c.01-15.589.01-116.046.01-116.046H26.192Z" fill="#FAAF41"/><path d="M39.328 123.714c2.8 0 5.09 2.19 5.251 4.95l.009.31v90.847a5.26 5.26 0 0 1-10.512.31l-.008-.31v-90.848a5.26 5.26 0 0 1 5.26-5.26" fill="#FFDA95"/><path d="M89.818 133.186c0-1.896-1.116-4.16-2.949-5.297a15.854 15.854 0 0 1-6.58-7.87c-24.266.816-46.412-3.444-57.57-6.453a92.383 92.383 0 0 0-8.695-2.019c-6.677-1.326-11.752-7.19-11.752-14.24 0-7.76 6.157-14.067 13.85-14.343 1.482-8.207 8.647-14.438 17.283-14.438 9.71 0 17.583 7.872 17.583 17.583a17.57 17.57 0 0 1-1.008 5.825l.05.009c2.17-6.783 8.519-11.698 16.021-11.698 7.453 0 13.77 4.857 15.975 11.577a17.347 17.347 0 0 1-.097-1.847c0-10.1 8.186-18.285 18.285-18.285 8.175 0 15.094 5.365 17.435 12.764l1.592-.417a14.31 14.31 0 0 1 7.047-1.853c7.936 0 14.369 6.434 14.365 14.367 0 7.268-5.395 13.274-12.399 14.233a21.064 21.064 0 0 0-4.638 1.205 115.4 115.4 0 0 1-12.72 3.943 15.82 15.82 0 0 1-1.811 5.908 19.655 19.655 0 0 0-2.256 10.672c-.002.223.007 1.398.007 1.623 0 4.698-3.81 7.557-8.513 7.557a8.505 8.505 0 0 1-8.505-8.506" fill="#FEFEFE"/><path fill="#010202" d="m86.402 112.433.1.307-.032-.307z"/><path d="m37.192 0 2.338.939C54.557 6.982 63.305 15.28 67.1 27.519c2.399-5.319 6.043-10.048 10.277-13.912l1.536-1.37 1.317.548a8.945 8.945 0 0 1 1.709.972c.89.634 1.793 1.456 2.708 2.427a33.527 33.527 0 0 1 1.97 2.297l.338.436.377.507 1.384 1.954-1.814 1.319-.248.191-.341.28-.42.37-.493.456a28.55 28.55 0 0 0-3.524 4.058c-3.142 4.378-5.03 9.44-5.108 15.185l-.002.669.491-.08c1.692-.31 3.282-.902 5.61-1.961l1.33-.61c4.497-2.036 7.19-2.736 11.7-2.596 9.58.3 18.796 6.508 24.152 14.009.12.182.24.365.356.55l.69 1.092.657 1.085c4.092 6.951 6.064 13.7 6.135 24.6 8.44.804 15.041 7.909 15.038 16.556 0 8.342-6.173 15.362-14.353 16.482l-.087.017v6.053c0 .84.682 1.522 1.522 1.522h14.07a19.336 19.336 0 0 1 19.336 19.337l-.001 61.472c0 5.14-2.047 10.07-5.689 13.696a19.324 19.324 0 0 1-13.703 5.64l-2.131.004-4.137-.001-5.028-.028-2.685-.03a1.524 1.524 0 0 0-1.554 1.52l-.005 12.433-.012 4.562c0 1.8-.8 3.502-2.267 4.716-2.067 1.561-4.81 3.04-8.214 4.377l-1.159.439a69.73 69.73 0 0 1-5.813 1.84l-1.425.374-1.471.36c-1.495.353-3.062.686-4.698.995l-1.661.302-1.707.285c-1.444.23-2.933.445-4.471.64l-1.87.225-1.916.208-1.96.188-2.008.17-2.053.15-2.099.13c-.353.021-.708.04-1.065.059l-2.166.099-2.21.078c-.746.02-1.496.041-2.256.056l-2.3.033c-.774.008-1.555.012-2.344.012h-1.2c-.795-.005-1.585-.012-2.367-.02l-2.322-.038-2.279-.055c-.752-.02-1.497-.046-2.234-.072l-2.188-.09c-.362-.017-.72-.032-1.078-.051l-2.122-.116-2.075-.13-2.03-.148a87.89 87.89 0 0 1-.998-.079l-1.96-.169c-.323-.03-.644-.06-.963-.092l-1.891-.191-1.843-.207c-.304-.036-.606-.071-.905-.109l-1.773-.229-1.726-.239-1.676-.254c-.826-.131-1.635-.264-2.425-.404l-1.555-.285a75.332 75.332 0 0 1-.759-.147l-1.483-.302-1.432-.313-1.382-.326-1.333-.332a71.633 71.633 0 0 1-3.694-1.062l-1.13-.372a45.049 45.049 0 0 1-1.597-.575l-1-.39c-1.46-.597-2.744-1.216-3.848-1.854a6.068 6.068 0 0 1-2.804-5.102l-.274-127.583C5.465 111.852 0 105.144 0 97.307c0-7.64 5.171-14.083 12.235-16.017-.087-2.324-.034-4.618.207-6.881.32-2.994.947-5.852 1.906-8.562 5.5-15.536 15.29-24.114 29.027-26.817a21.026 21.026 0 0 1 7.055-.219 61.843 61.843 0 0 1-5.048-5.3C37.129 23.69 33.5 12.913 36.499 2.42L37.192 0Zm86.751 114.287-1.09.401c-.23.084-.476.154-.71.236-2.13.749-4.316 1.43-6.54 2.066-1.376.395-1.376.395-2.687.767l-.102.518a18.098 18.098 0 0 1-1.403 4.004l-.602 1.176c-.111.227-.186.468-.285.7a17.661 17.661 0 0 0-1.425 8.356l.001.333.005 1.29c0 5.866-4.686 9.83-10.782 9.83a10.73 10.73 0 0 1-7.842-3.403 10.74 10.74 0 0 1-2.779-5.622 10.795 10.795 0 0 1-.155-1.752c0-1.217-.797-2.699-1.854-3.356a18.118 18.118 0 0 1-6.794-7.349l-.073-.15-1.494.033c-17.223.293-34.754-1.815-49.145-5.107a165.209 165.209 0 0 1-4.896-1.191l-1.191-.316c-.033-.01-.069-.017-.103-.027a94.394 94.394 0 0 0-4.464-1.133l.27 126.614c0 .517.267 1.002.622 1.229.659.382 1.398.757 2.219 1.126l.846.364c.874.361 1.826.715 2.859 1.061l1.056.34a71.32 71.32 0 0 0 1.683.496l1.186.321 1.238.313 1.287.305 1.34.294c.225.05.455.097.687.145l1.413.28c.478.092.966.184 1.463.273l1.512.26c.512.084 1.032.168 1.561.248l1.61.237 1.659.227c.28.036.561.074.846.108l1.73.21 1.78.194 1.824.18c.308.03.62.058.93.087l1.896.162 1.942.147 1.988.131 2.035.116 2.08.102c.35.016.703.03 1.056.045l2.15.078c.36.012.723.023 1.09.033l2.215.053 1.123.02 2.282.026c.766.005 1.54.008 2.324.008l1.139-.001c1.89-.01 3.734-.041 5.53-.096l2.134-.073c.352-.012.702-.028 1.05-.045l2.065-.102 2.02-.123c.333-.022.666-.044.994-.068l1.954-.152.957-.08 1.885-.178.925-.095 1.812-.202.891-.107 1.744-.227 1.698-.244 1.652-.256c.543-.09 1.079-.181 1.605-.272l1.558-.286c.51-.1 1.015-.198 1.51-.3l1.465-.315 1.414-.324c.929-.22 1.823-.45 2.688-.685l1.272-.36c.208-.061.413-.124.618-.186l1.2-.373 1.15-.386c3.946-1.364 6.995-2.896 9.118-4.502.344-.285.543-.709.543-1.166l.017-16.985c0-1.63.657-3.191 1.821-4.33a6.044 6.044 0 0 1 4.354-1.73l2.659.029 3.942.024 5.177.005 2.126-.005a14.803 14.803 0 0 0 10.496-4.313 14.799 14.799 0 0 0 4.352-10.48l.002-61.473a14.795 14.795 0 0 0-14.795-14.795h-14.07a6.064 6.064 0 0 1-6.064-6.064v-4.816Zm19.091 21.532a7.012 7.012 0 0 1 7.011 7.012V198a7.01 7.01 0 0 1-7.011 7.01h-12.078a7.01 7.01 0 0 1-7.013-7.01v-55.168a7.013 7.013 0 0 1 7.013-7.012Zm0 4.543h-12.078c-.655 0-1.283.26-1.746.72a2.483 2.483 0 0 0-.725 1.75v55.167a2.47 2.47 0 0 0 2.47 2.47h12.079c.655 0 1.283-.261 1.744-.724.464-.462.726-1.09.726-1.746v-55.168a2.468 2.468 0 0 0-2.47-2.47ZM33.404 70.796c-7.427 0-13.74 5.337-15.049 12.573l-.324 1.799-.947.036-.88.03a12.063 12.063 0 0 0-3.614.692c-4.697 1.665-8.049 6.138-8.049 11.381 0 5.346 3.504 9.983 8.438 11.612.473.156.954.294 1.453.393 1.636.299 3.261.649 4.876 1.03 1.344.318 2.68.658 4.003 1.032.569.153 1.176.295 1.762.445.809.205 1.602.415 2.432.614 15.138 3.63 34.249 5.938 52.707 5.317l1.614-.055.58 1.509a13.612 13.612 0 0 0 5.661 6.755c2.434 1.51 4.021 4.464 4.021 7.228l.009.33a6.184 6.184 0 0 0 .988 3.011c1.11 1.732 3.03 2.895 5.238 2.895 3.74 0 6.241-2.117 6.241-5.29l-.007-1.301.007-.154a21.965 21.965 0 0 1 2.52-11.916l.269-.526a13.458 13.458 0 0 0 1.281-4.533l.16-1.588 1.55-.386c1.583-.396 3.115-.847 4.648-1.296 1.345-.394 2.674-.802 3.988-1.228a88.128 88.128 0 0 0 3.82-1.335l.713-.263a23.828 23.828 0 0 1 1.633-.48c.92-.247 1.85-.458 2.8-.593l.402-.062c.048-.008.092-.02.137-.029a12.098 12.098 0 0 0 9.898-11.893c.002-6.16-4.61-11.235-10.566-11.988a12.216 12.216 0 0 0-1.529-.106 12.123 12.123 0 0 0-5.93 1.56l-.258.145-3.966 1.033-.65-2.055a16.02 16.02 0 0 0-15.27-11.179c-8.844 0-16.014 7.17-16.014 16.015 0 .543.03 1.08.084 1.61l1.71 16.305.476 4.543h-.068l-1.492-4.543-5.043-15.361A14.546 14.546 0 0 0 66.05 82.517a14.551 14.551 0 0 0-13.856 10.117l-.597 1.866-4.658-.763.896-2.555c.58-1.654.88-3.355.88-5.074 0-8.456-6.855-15.312-15.311-15.312ZM79.64 17.71l-.556.545c-5.074 5.065-9.827 13.547-10.116 18.771-.29 5.224.562 11.71.562 11.71l-3.204-.613a35.889 35.889 0 0 1-4.065-1.024l-.993-.318c-.173-.056-.347-.116-.526-.175l-.186-.065-.937-.324-3.741-1.338-1.027-.349c-4.177-1.365-7.138-1.723-10.599-1.042-12.15 2.39-20.652 9.84-25.622 23.874-.838 2.366-1.388 4.878-1.673 7.53-.005.044-.005.09-.01.136 3.495-5.191 9.353-8.598 15.944-8.767l.514-.006c9.784 0 17.914 7.077 19.553 16.392l.075.46.49-.445a19.058 19.058 0 0 1 12.016-4.68l.512-.006a19.06 19.06 0 0 1 14.142 6.275l.206.234.13-.447c2.5-8.301 10.109-14.39 19.17-14.614l.515-.005a20.56 20.56 0 0 1 18.664 11.934l.113.255.218-.108a16.545 16.545 0 0 1 4.139-1.304c-.043-10.393-1.873-16.478-5.769-22.939l-.623-1.007-.653-1.017c-4.556-6.376-12.585-11.785-20.547-12.034-3.881-.121-6.004.485-10.337 2.492l-.722.331c-3.97 1.802-6.28 2.481-9.996 2.616l-2.15.079-.193-2.144c-.734-8.135 1.565-15.23 5.83-21.17 1.443-2.011 2.892-3.616 4.162-4.804l.075-.073-.496-.584-.586-.643a17.442 17.442 0 0 0-1.396-1.34l-.307-.249ZM40.3 6.192l-.058.37c-1.165 7.95 2.043 16.208 8.617 24.027 4.013 4.773 9.173 9.088 13.587 11.796.686.422 1.357.81 2 1.15l.37.193-.001-.358a63.393 63.393 0 0 0-.413-6.637C62.67 22.088 55.45 12.943 40.538 6.298l-.237-.106Z" fill="#010202"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Hono.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 330" width="${width}" height="${height}"><path d="M134.129.029c.876-.113 1.65.108 2.319.662a1256.253 1256.253 0 0 1 69.573 93.427c16.094 24.231 29.788 49.851 41.082 76.862 18.037 48.108 8.65 89.963-28.16 125.564-32.209 27.22-69.314 37.822-111.318 31.805-50.208-10.237-84.332-39.28-102.373-87.133C.553 225.638-.993 209.736.614 193.51c2.676-27.93 9.302-54.877 19.878-80.838 4.407-10.592 10.15-20.31 17.228-29.154a381.88 381.88 0 0 1 16.565 21.203c2.44 2.55 4.98 4.98 7.62 7.289C82.06 72.01 106.135 34.685 134.13.029Z" fill="#FF5B11" opacity=".993"/><path d="M129.49 53.7c24.314 28.2 46.29 58.238 65.93 90.114a187.318 187.318 0 0 1 15.24 33.13c8.338 32.804-.607 59.86-26.836 81.169-25.367 17.85-53.196 23.15-83.488 15.902-32.666-10.136-51.55-32.113-56.653-65.929-1.238-10.662-.133-21.043 3.314-31.142a225.41 225.41 0 0 1 17.89-35.78l19.878-29.155a5509.508 5509.508 0 0 0 44.726-58.31Z" fill="#FF9758"/></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 330" width="${width}" height="${height}" ${restAttrs}><path d="M134.129.029c.876-.113 1.65.108 2.319.662a1256.253 1256.253 0 0 1 69.573 93.427c16.094 24.231 29.788 49.851 41.082 76.862 18.037 48.108 8.65 89.963-28.16 125.564-32.209 27.22-69.314 37.822-111.318 31.805-50.208-10.237-84.332-39.28-102.373-87.133C.553 225.638-.993 209.736.614 193.51c2.676-27.93 9.302-54.877 19.878-80.838 4.407-10.592 10.15-20.31 17.228-29.154a381.88 381.88 0 0 1 16.565 21.203c2.44 2.55 4.98 4.98 7.62 7.289C82.06 72.01 106.135 34.685 134.13.029Z" fill="#FF5B11" opacity=".993"/><path d="M129.49 53.7c24.314 28.2 46.29 58.238 65.93 90.114a187.318 187.318 0 0 1 15.24 33.13c8.338 32.804-.607 59.86-26.836 81.169-25.367 17.85-53.196 23.15-83.488 15.902-32.666-10.136-51.55-32.113-56.653-65.929-1.238-10.662-.133-21.043 3.314-31.142a225.41 225.41 0 0 1 17.89-35.78l19.878-29.155a5509.508 5509.508 0 0 0 44.726-58.31Z" fill="#FF9758"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Hoppscotch.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 748 500" 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 748 500" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path opacity="0.6" d="M481.331 472.1C421.32 505.511 348.373 509.578 283.502 480.696C218.63 451.813 172.793 394.821 157.484 327.914C202.775 356.592 256.119 384.752 314.622 410.799C373.125 436.846 429.682 457.617 481.331 472.1Z" fill="#00B381"/>
 <path d="M403.097 313.899C395.621 330.69 372.61 336.755 351.7 327.446C330.791 318.136 319.9 296.977 327.376 280.185C334.852 263.394 357.864 257.329 378.773 266.638C399.683 275.948 410.573 297.107 403.097 313.899Z" fill="url(#paint0_linear_193_425)"/>
 <path d="M403.097 313.899C395.621 330.69 372.61 336.755 351.7 327.446C330.791 318.136 319.9 296.977 327.376 280.185C334.852 263.394 357.864 257.329 378.773 266.638C399.683 275.948 410.573 297.107 403.097 313.899Z" fill="url(#paint1_radial_193_425)" style="mix-blend-mode:soft-light"/>

package/dist/components/Hostgator.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 355" 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 355" width="${width}" height="${height}" ${restAttrs}>
   <path d="M195 260c-11 9-20 23-31 32 5 26-4 37 7 46 4 3 29 10 43 2 0-13-7-17-14-22-8-16-5-42-6-58" fill="#2E93EE"/>
   <path d="M200 344c-1-8-7-14-14-17 6 4 9 10 9 17h5ZM212 341c-1-7-7-13-14-16 8 5 10 11 9 18l5-2Z" fill="#2E578B"/>
   <path d="M183 128c-5 8-8 24 34 47 0 0-18 30-23 35-6 6-9 21-4 28l10 11s13 2 19-1c7-8 9-20 4-30 0 0 35-36 33-47s-57-67-73-43Z" fill="#2E93EE"/>

package/dist/components/HuggingFace.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 95 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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 95 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="${width}" height="${height}" ${restAttrs}>
  <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
  <title>
   icon

package/dist/components/Hugo.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-rule="evenodd" stroke- aria-label="Logo" viewBox="0 0 1493 391" width="${width}" height="${height}"><path fill="#ebb951" stroke="#fcd804" d="m1345.211 24.704 112.262 64.305a43 43 0 0 1 21.627 37.312v142.237a40 40 0 0 1-20.702 35.037l-120.886 66.584a42 42 0 0 1-41.216-.389l-106.242-61.155a57 57 0 0 1-28.564-49.4V138.71a64 64 0 0 1 31.172-54.939l98.01-58.564a54 54 0 0 1 54.54-.503z"/><path fill="#33ba91" stroke="#00a88a" d="m958.07 22.82 117.31 66.78a41 41 0 0 1 20.72 35.64v139.5a45 45 0 0 1-23.1 39.32L955.68 369.4a44 44 0 0 1-43.54-.41l-105.82-61.6a56 56 0 0 1-27.83-48.4V140.07a68 68 0 0 1 33.23-58.44l98.06-58.35a48 48 0 0 1 48.3-.46z"/><path fill="#0594cb" stroke="#0083c0" d="m575.26 20.97 117.23 68.9a40 40 0 0 1 19.73 34.27l.73 138.67a48 48 0 0 1-24.64 42.2l-115.13 64.11a45 45 0 0 1-44.53-.42l-105.83-61.6a55 55 0 0 1-27.33-47.53V136.52a63 63 0 0 1 29.87-53.59l99.3-61.4a49 49 0 0 1 50.6-.56z"/><path fill="#ff4088" stroke="#c9177e" d="m195.81 24.13 114.41 66.54a44 44 0 0 1 21.88 38.04v136.43a48 48 0 0 1-24.45 41.82L194.1 370.9a49 49 0 0 1-48.48-.23L41.05 310.48a53 53 0 0 1-26.56-45.93V135.08a55 55 0 0 1 26.1-46.8l102.8-63.46a51 51 0 0 1 52.42-.69z"/><path fill="#fff" d="M1320.72 89.15c58.79 0 106.52 47.73 106.52 106.51 0 58.8-47.73 106.52-106.52 106.52-58.78 0-106.52-47.73-106.52-106.52 0-58.78 47.74-106.51 106.52-106.51zm0 39.57c36.95 0 66.94 30 66.94 66.94a66.97 66.97 0 0 1-66.94 66.94c-36.95 0-66.94-29.99-66.94-66.94a66.97 66.97 0 0 1 66.93-66.94h.01zm-283.8 65.31c0 47.18-8.94 60.93-26.81 80.58-17.87 19.65-41.57 27.57-71.1 27.57-27 0-48.75-9.58-67.61-26.23-20.88-18.45-36.08-47.04-36.08-78.95 0-31.37 11.72-58.48 32.49-78.67 18.22-17.67 45.34-29.18 73.3-29.18 33.77 0 68.83 15.98 90.44 47.53l-31.73 26.82c-13.45-25.03-32.94-33.46-60.82-34.26-30.83-.88-64.77 28.53-62.25 67.75 1.4 21.94 11.65 59.65 60.96 66.57 25.9 3.63 55.36-24.02 55.36-39.04H944.4v-37.5h92.5V194l.02.03zm-562.6-94.65h42.29v112.17c0 17.8.49 29.33 1.47 34.61 1.69 8.48 4.81 14.37 11.17 19.5 6.37 5.13 13.8 6.59 24.84 6.59 11.2 0 14.96-1.74 20.66-6.6 5.69-4.85 9.12-9.46 10.28-16.53 1.15-7.07 3.07-18.8 3.07-35.18V99.38h42.28v108.78c0 24.86-1.07 42.43-3.21 52.69-2.14 10.27-6.08 18.93-11.82 26-5.74 7.06-13.42 12.69-23.03 16.88-9.62 4.19-22.16 6.28-37.65 6.28-18.7 0-32.87-2.28-42.52-6.85-9.66-4.57-17.3-10.5-22.9-17.8-5.61-7.3-9.3-14.95-11.08-22.96-2.58-11.86-3.88-29.38-3.88-52.55V99.38h.03zM93.91 299.92V92.7h43.35v75.48h71.92V92.7h43.48v207.22h-43.48v-90.61h-71.92v90.61z"/></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-rule="evenodd" stroke- aria-label="Logo" viewBox="0 0 1493 391" width="${width}" height="${height}" ${restAttrs}><path fill="#ebb951" stroke="#fcd804" d="m1345.211 24.704 112.262 64.305a43 43 0 0 1 21.627 37.312v142.237a40 40 0 0 1-20.702 35.037l-120.886 66.584a42 42 0 0 1-41.216-.389l-106.242-61.155a57 57 0 0 1-28.564-49.4V138.71a64 64 0 0 1 31.172-54.939l98.01-58.564a54 54 0 0 1 54.54-.503z"/><path fill="#33ba91" stroke="#00a88a" d="m958.07 22.82 117.31 66.78a41 41 0 0 1 20.72 35.64v139.5a45 45 0 0 1-23.1 39.32L955.68 369.4a44 44 0 0 1-43.54-.41l-105.82-61.6a56 56 0 0 1-27.83-48.4V140.07a68 68 0 0 1 33.23-58.44l98.06-58.35a48 48 0 0 1 48.3-.46z"/><path fill="#0594cb" stroke="#0083c0" d="m575.26 20.97 117.23 68.9a40 40 0 0 1 19.73 34.27l.73 138.67a48 48 0 0 1-24.64 42.2l-115.13 64.11a45 45 0 0 1-44.53-.42l-105.83-61.6a55 55 0 0 1-27.33-47.53V136.52a63 63 0 0 1 29.87-53.59l99.3-61.4a49 49 0 0 1 50.6-.56z"/><path fill="#ff4088" stroke="#c9177e" d="m195.81 24.13 114.41 66.54a44 44 0 0 1 21.88 38.04v136.43a48 48 0 0 1-24.45 41.82L194.1 370.9a49 49 0 0 1-48.48-.23L41.05 310.48a53 53 0 0 1-26.56-45.93V135.08a55 55 0 0 1 26.1-46.8l102.8-63.46a51 51 0 0 1 52.42-.69z"/><path fill="#fff" d="M1320.72 89.15c58.79 0 106.52 47.73 106.52 106.51 0 58.8-47.73 106.52-106.52 106.52-58.78 0-106.52-47.73-106.52-106.52 0-58.78 47.74-106.51 106.52-106.51zm0 39.57c36.95 0 66.94 30 66.94 66.94a66.97 66.97 0 0 1-66.94 66.94c-36.95 0-66.94-29.99-66.94-66.94a66.97 66.97 0 0 1 66.93-66.94h.01zm-283.8 65.31c0 47.18-8.94 60.93-26.81 80.58-17.87 19.65-41.57 27.57-71.1 27.57-27 0-48.75-9.58-67.61-26.23-20.88-18.45-36.08-47.04-36.08-78.95 0-31.37 11.72-58.48 32.49-78.67 18.22-17.67 45.34-29.18 73.3-29.18 33.77 0 68.83 15.98 90.44 47.53l-31.73 26.82c-13.45-25.03-32.94-33.46-60.82-34.26-30.83-.88-64.77 28.53-62.25 67.75 1.4 21.94 11.65 59.65 60.96 66.57 25.9 3.63 55.36-24.02 55.36-39.04H944.4v-37.5h92.5V194l.02.03zm-562.6-94.65h42.29v112.17c0 17.8.49 29.33 1.47 34.61 1.69 8.48 4.81 14.37 11.17 19.5 6.37 5.13 13.8 6.59 24.84 6.59 11.2 0 14.96-1.74 20.66-6.6 5.69-4.85 9.12-9.46 10.28-16.53 1.15-7.07 3.07-18.8 3.07-35.18V99.38h42.28v108.78c0 24.86-1.07 42.43-3.21 52.69-2.14 10.27-6.08 18.93-11.82 26-5.74 7.06-13.42 12.69-23.03 16.88-9.62 4.19-22.16 6.28-37.65 6.28-18.7 0-32.87-2.28-42.52-6.85-9.66-4.57-17.3-10.5-22.9-17.8-5.61-7.3-9.3-14.95-11.08-22.96-2.58-11.86-3.88-29.38-3.88-52.55V99.38h.03zM93.91 299.92V92.7h43.35v75.48h71.92V92.7h43.48v207.22h-43.48v-90.61h-71.92v90.61z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Hulu.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 251 83" 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 251 83" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M153.602 82.4612H173.519V0.015625H153.602V82.4612ZM118.632 58.9549C118.632 61.8498 116.201 64.2815 113.306 64.2815H101.726C98.8314 64.2815 96.3998 61.8498 96.3998 58.9549C96.3998 57.797 96.3998 25.722 96.3998 25.722H76.4831V60.5761C76.4831 74.8188 85.6309 82.3454 99.063 82.3454H118.516C130.906 82.3454 138.433 73.4292 138.433 60.5761V25.722H118.516C118.632 25.722 118.632 57.9128 118.632 58.9549ZM230.605 25.722C230.605 25.722 230.605 57.9128 230.605 58.9549C230.605 61.8498 228.174 64.2815 225.279 64.2815H213.699C210.805 64.2815 208.373 61.8498 208.373 58.9549C208.373 57.797 208.373 25.722 208.373 25.722H188.456V60.5761C188.456 74.8188 197.604 82.3454 211.036 82.3454H230.49C242.88 82.3454 250.406 73.4292 250.406 60.5761V25.722H230.605ZM39.7763 25.722C39.7763 25.722 29.4706 25.722 27.039 25.722C22.523 25.722 20.3229 26.8799 20.3229 26.8799V0.015625H0.40625V82.3454H20.2071V49.2282C20.2071 46.3334 22.6388 43.9017 25.5336 43.9017H37.1131C40.0079 43.9017 42.4396 46.3334 42.4396 49.2282V82.4612H62.3562V46.5649C62.3562 31.5117 52.2821 25.722 39.7763 25.722Z" fill="#1CE783"/>
 </svg>
 `;

package/dist/components/HumeAI.svelte

@@ -1,8 +1,17 @@
 <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 = `<svg viewBox="0 0 1200 1200" fill="none"
-    xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+    xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
     <path d="M242.943 604.746C201.077 614.359 175.024 653.95 185.206 696.387C194.82 738.821 235.548 763.738 276.846 754.122C318.712 744.51 344.196 704.918 334.582 662.484C324.969 619.993 284.241 595.134 242.943 604.746Z" fill="#FFB5D6"/>
     <path d="M279.093 444.599C312.484 471.22 359.413 466.67 386.603 432.71C413.736 398.75 407.536 351.822 374.715 325.2C341.893 298.579 294.338 303.129 267.205 337.089C240.071 371.048 246.272 417.977 279.093 444.599Z" fill="#D2A7E9"/>
     <path d="M481.686 846.912C442.664 828.255 397.953 844.069 379.296 882.58C360.638 921.032 375.883 965.744 414.962 984.969C453.984 1003.63 498.694 987.815 517.352 949.304C535.441 910.281 520.765 865.572 481.686 846.912Z" fill="#FFDCDC"/>

package/dist/components/IBM.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 1000 400" 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" viewBox="0 0 1000 400" width="${width}" height="${height}" ${restAttrs}>
   <path fill="#1f70c1" d="M0 0v27.367h194.648V0H0zm222.226 0v27.367h277.383S471.276 0 433.75 0H222.226zm331.797 0v27.367h167.812L711.875 0H554.023zm288.125 0-9.961 27.367h166.289V0H842.148zM0 53.222v27.367h194.648V53.222H0zm222.226.039V80.59h309.57s-3.615-21.063-9.922-27.329H222.226zm331.797 0V80.59h186.211l-9.219-27.329H554.023zm268.203 0-9.219 27.329h185.469V53.261h-176.25zM55.937 106.444v27.406h84.297v-27.406H55.937zm222.227 0v27.406h84.297v-27.406h-84.297zm166.289 0v27.406h84.297s5.352-14.473 5.352-27.406h-89.649zm165.508 0v27.406h149.453l-9.961-27.406H609.961zm193.906 0-10 27.406h150.195v-27.406H803.867zm-747.93 53.262v27.367h84.297v-27.367H55.937zm222.227 0v27.367h215.312s18.012-14.042 23.75-27.367H278.164zm331.797 0v27.367h84.297v-15.234l5.352 15.234h154.414l5.742-15.234v15.234h84.297v-27.367H785.82l-8.398 23.18-8.438-23.18H609.961zM55.937 212.928v27.367h84.297v-27.367H55.937zm222.227 0v27.367h239.062c-5.739-13.281-23.75-27.367-23.75-27.367H278.164zm331.797 0v27.367h84.297v-27.367h-84.297zm99.609 0 10.195 27.367h115.781l9.688-27.367H709.57zm150.195 0v27.367h84.297v-27.367h-84.297zM55.937 266.15v27.366h84.297V266.15H55.937zm222.227 0v27.366h84.297V266.15h-84.297zm166.289 0v27.366h89.648c0-12.915-5.352-27.366-5.352-27.366h-84.296zm165.508 0v27.366h84.297V266.15h-84.297zm118.75 0 9.883 27.366h77.617l9.961-27.366h-97.461zm131.054 0v27.366h84.297V266.15h-84.297zM1.523 319.372v27.406h194.648v-27.406H1.523zm220.703 0v27.406h299.648c6.307-6.275 9.922-27.406 9.922-27.406h-309.57zm333.321 0v27.406h138.711v-27.406H555.547zm192.343 0 10.156 27.406h39.492l9.531-27.406H747.89zm111.875 0v27.406H1000v-27.406H859.765zM1.523 372.633V400h194.648v-27.367H1.523zm220.703 0v27.328H433.75c37.526 0 65.859-27.328 65.859-27.328H222.226zm333.321 0V400h138.711v-27.367H555.547zm211.601 0 9.766 27.29 1.68.038 9.922-27.328h-21.368zm92.617 0V400H1000v-27.367H859.765z"/>
 </svg>
 `;

package/dist/components/Illustrator.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 83 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 83 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_906_1865)">
 <path d="M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z" fill="#330000"/>
 <path d="M39.7607 48.0096H27.0459L24.4589 56.0459C24.4237 56.1924 24.3384 56.3221 24.2178 56.4125C24.0972 56.503 23.9489 56.5485 23.7984 56.5413H17.3584C16.9911 56.5413 16.8627 56.3395 16.9731 55.9358L27.9815 24.2312C28.0917 23.901 28.2018 23.5249 28.3119 23.1028C28.4559 22.3684 28.5296 21.622 28.5321 20.8736C28.5246 20.8213 28.5294 20.7679 28.5461 20.7178C28.5629 20.6676 28.591 20.6221 28.6284 20.5847C28.6658 20.5473 28.7114 20.5191 28.7615 20.5024C28.8117 20.4856 28.865 20.4808 28.9174 20.4883H37.669C37.9255 20.4883 38.0722 20.58 38.1094 20.7635L50.6042 55.9908C50.7143 56.3581 50.6041 56.5416 50.2739 56.5413H43.1183C42.9954 56.5549 42.8717 56.5233 42.7704 56.4524C42.6692 56.3815 42.5971 56.2761 42.5679 56.156L39.7607 48.0096ZM29.0274 41.0743H37.7241C37.504 40.3407 37.2471 39.515 36.9536 38.5973C36.6594 37.6805 36.3476 36.6989 36.0179 35.6525C35.6876 34.6068 35.3572 33.561 35.027 32.5151C34.6968 31.4693 34.3941 30.4602 34.1189 29.4877C33.8436 28.5159 33.5959 27.6261 33.3759 26.8182H33.3208C33.0109 28.3048 32.6251 29.7745 32.1649 31.2216C31.6506 32.8729 31.1276 34.5609 30.5961 36.2855C30.0637 38.0108 29.5408 39.6071 29.0274 41.0743Z" fill="#FF9A00"/>