@selemondev/svgl-svelte 0.0.2 → 0.0.3

package/dist/components/JetbrainsSpace.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="45.082%" x2="55.522%" y1="-1.343%" y2="97.61%"><stop offset="0%" stop-color="#FCF84A"/><stop offset="32%" stop-color="#ABE682"/><stop offset="79%" stop-color="#36CDD2"/><stop offset="100%" stop-color="#07C3F2"/></linearGradient><linearGradient id="b" x1="-2.942%" x2="100.445%" y1="38.992%" y2="62.105%"><stop offset="0%" stop-color="#3BEA62"/><stop offset="100%" stop-color="#087CFA"/></linearGradient><linearGradient id="c" x1="-3.308%" x2="111.745%" y1="71.807%" y2="15.462%"><stop offset="0%" stop-color="#009AE5"/><stop offset="18%" stop-color="#0490DD"/><stop offset="49%" stop-color="#1073C6"/><stop offset="89%" stop-color="#2346A1"/><stop offset="100%" stop-color="#293896"/></linearGradient></defs><path fill="url(#a)" d="M46.36 255.991c91.075-7.978 170.982-63.92 209.64-146.768C208.12 40.799 129.873.033 46.36 0c-7.44 0-14.915.33-22.424.99C-14.676 83.893-6.128 181.099 46.36 255.99Z"/><path fill="url(#b)" d="M24.209 1.024a301.387 301.387 0 0 1 134.685 108.199H256C208.263 40.76 130.062-.03 46.6 0c-7.441 0-14.905.341-22.391 1.024Z"/><path fill="url(#c)" d="M158.894 109.223C147.187 186.6 46.258 255.99 46.258 255.99c91.781-8.67 172.23-63.622 209.742-146.768h-97.106Z"/></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="45.082%" x2="55.522%" y1="-1.343%" y2="97.61%"><stop offset="0%" stop-color="#FCF84A"/><stop offset="32%" stop-color="#ABE682"/><stop offset="79%" stop-color="#36CDD2"/><stop offset="100%" stop-color="#07C3F2"/></linearGradient><linearGradient id="b" x1="-2.942%" x2="100.445%" y1="38.992%" y2="62.105%"><stop offset="0%" stop-color="#3BEA62"/><stop offset="100%" stop-color="#087CFA"/></linearGradient><linearGradient id="c" x1="-3.308%" x2="111.745%" y1="71.807%" y2="15.462%"><stop offset="0%" stop-color="#009AE5"/><stop offset="18%" stop-color="#0490DD"/><stop offset="49%" stop-color="#1073C6"/><stop offset="89%" stop-color="#2346A1"/><stop offset="100%" stop-color="#293896"/></linearGradient></defs><path fill="url(#a)" d="M46.36 255.991c91.075-7.978 170.982-63.92 209.64-146.768C208.12 40.799 129.873.033 46.36 0c-7.44 0-14.915.33-22.424.99C-14.676 83.893-6.128 181.099 46.36 255.99Z"/><path fill="url(#b)" d="M24.209 1.024a301.387 301.387 0 0 1 134.685 108.199H256C208.263 40.76 130.062-.03 46.6 0c-7.441 0-14.905.341-22.391 1.024Z"/><path fill="url(#c)" d="M158.894 109.223C147.187 186.6 46.258 255.99 46.258 255.99c91.781-8.67 172.23-63.622 209.742-146.768h-97.106Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Julia.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 320 200" 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 320 200" width="${width}" height="${height}" ${restAttrs}>
     <g stroke="#eee" stroke-width="2">
         <path d="M67.871094 164.3125c0 7.535156-.847656 13.621094-2.542969 18.253906-1.695313 4.636719-4.105469 8.234375-7.234375 10.796875-3.125 2.5625-6.875 4.277344-11.246094 5.144531-4.371094.863282-9.234375 1.296876-14.582031 1.296876-7.238281 0-12.777344-1.128907-16.617187-3.390626-3.84375-2.261718-5.765626-4.972656-5.765626-8.140624 0-2.636719 1.070313-4.859376 3.21875-6.667969 2.148438-1.808594 5.03125-2.710938 8.648438-2.710938 2.714844 0 4.882812.734375 6.5 2.203125 1.621094 1.46875 2.960938 2.921875 4.015625 4.351563 1.203125 1.582031 2.222656 2.636719 3.050781 3.164062.828125.527344 1.582032.792969 2.261719.792969 1.429687 0 2.523437-.847656 3.277344-2.542969.753906-1.695312 1.128906-4.992187 1.128906-9.890625V84.050781l25.886719-7.121093V164.3125m36.867187-84.898438v59.800782c0 1.660156.320313 3.222656.960938 4.691406.640625 1.46875 1.527343 2.734375 2.65625 3.789062 1.132812 1.054688 2.449219 1.902344 3.957031 2.542969 1.507812.640625 3.128906.960938 4.863281.960938 1.957031 0 4.183594-1.097657 6.894531-2.996094 4.292969-3.007813 6.894532-5.074219 6.894532-7.519531V79.414062h25.773437V164.3125h-25.773437v-7.914062c-3.390625 2.863281-7.007813 5.160156-10.851563 6.894531-3.84375 1.734375-7.574219 2.601562-11.191406 2.601562-4.21875 0-8.140625-.699219-11.757813-2.09375-3.617187-1.394531-6.78125-3.296875-9.492187-5.707031-2.714844-2.410156-4.84375-5.238281-6.390625-8.480469-1.542969-3.238281-2.316406-6.707031-2.316406-10.398437V79.414062h25.773437m88.144531 84.898438h-25.660156V45.277344l25.660156-7.121094V164.3125m10.71875-80.261719L229.375 76.929688V164.3125h-25.773438V84.050781m79.625 36.398438c-2.488281 1.058593-4.996093 2.28125-7.519531 3.675781-2.523437 1.394531-4.824219 2.921875-6.894531 4.578125-2.074219 1.65625-3.75 3.429687-5.03125 5.3125s-1.921875 3.84375-1.921875 5.878906c0 1.582031.207031 3.109375.621094 4.578125.414062 1.46875 1 2.730469 1.753906 3.785156.753906 1.054688 1.582031 1.902344 2.488281 2.542969.902344.640625 1.882813.960938 2.9375.960938 2.109375 0 4.238282-.640625 6.386719-1.921875 2.148437-1.28125 4.539063-2.898438 7.179687-4.859375v-24.53125m25.882813 43.863281h-25.882813v-6.785156c-1.433593 1.207031-2.828124 2.320312-4.183593 3.335937-1.355469 1.015625-2.882813 1.902344-4.578125 2.65625-1.695313.753907-3.597656 1.335938-5.710938 1.753907-2.109375.414062-4.597656.621093-7.457031.621093-3.921875 0-7.445313-.566406-10.570313-1.695312-3.128906-1.132813-5.785156-2.675781-7.96875-4.636719-2.1875-1.957031-3.863281-4.277344-5.03125-6.953125-1.167968-2.671875-1.753906-5.59375-1.753906-8.757813 0-3.242187.621094-6.179687 1.867188-8.820312 1.242187-2.636719 2.9375-5.007812 5.085937-7.121094 2.148438-2.109375 4.652344-3.992187 7.515625-5.652344 2.863282-1.65625 5.9375-3.183593 9.214844-4.578124 3.277344-1.394532 6.6875-2.671876 10.230469-3.839844 3.539062-1.167969 7.046875-2.28125 10.511719-3.335938l2.828124-.679687v-8.363281c0-5.425782-1.039062-9.269532-3.109374-11.53125-2.074219-2.261719-4.84375-3.390626-8.308594-3.390626-4.070313 0-6.898438.980469-8.480469 2.9375-1.582031 1.960938-2.375 4.332032-2.375 7.121094 0 1.582032-.167969 3.128906-.507813 4.636719-.335937 1.507813-.921874 2.824219-1.75 3.957031-.828124 1.128906-2.015624 2.035156-3.5625 2.710938-1.542968.679687-3.484374 1.019531-5.820312 1.019531-3.617188 0-6.554688-1.039063-8.816406-3.109375-2.261719-2.074219-3.390625-4.691406-3.390625-7.859375 0-2.9375.996093-5.667969 2.992187-8.191406 2-2.527344 4.691406-4.695313 8.085938-6.5 3.390625-1.8125 7.308594-3.242188 11.753906-4.296875 4.445312-1.054688 9.15625-1.582032 14.128906-1.582032 6.105469 0 11.363282.546876 15.773438 1.636719 4.40625 1.09375 8.042968 2.65625 10.90625 4.691407 2.863281 2.035156 4.972656 4.484374 6.328125 7.347656 1.359375 2.863281 2.035156 6.070312 2.035156 9.609375V164.3125"/>
         <path fill="#CB3C33" d="M235.273438 55.089844c0 9.667968-7.835938 17.5-17.5 17.5-9.667969 0-17.5-7.832032-17.5-17.5 0-9.664063 7.832031-17.5 17.5-17.5 9.664062 0 17.5 7.835937 17.5 17.5"/>

package/dist/components/Keycloak.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 168 151" 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 168 151" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M21.9021 37.3017L43.5057 0.0132763L130.506 0.00193787L151.992 37.6607L152.019 112.993L130.509 150.63L43.5359 150.66L21.6829 112.997L21.9021 37.3017Z" fill="#4D4D4D"/>
 <path d="M21.6867 112.986H60.8951L39.3596 75.0361L56.8737 37.3093L21.9059 37.3017L0 75.3422" fill="#EDEDED"/>
 <path d="M72.7853 112.986H101.445L126.787 76.049L101.887 37.6645H68.1744L47.8672 74.7564L72.7853 112.986Z" fill="#E0E0E0"/>

package/dist/components/Kick.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 933 300" 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 933 300" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_9790_492437)">
 <g clip-path="url(#clip1_9790_492437)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z" fill="#53FC18"/>

package/dist/components/Kotlin.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="99.991%" y1="-.011%" x2=".01%" y2="100.01%" id="a"><stop stop-color="#E44857" offset=".344%"/><stop stop-color="#C711E1" offset="46.89%"/><stop stop-color="#7F52FF" offset="100%"/></linearGradient></defs><path fill="url(#a)" d="M256 256H0V0h256L128 127.949z"/></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="99.991%" y1="-.011%" x2=".01%" y2="100.01%" id="a"><stop stop-color="#E44857" offset=".344%"/><stop stop-color="#C711E1" offset="46.89%"/><stop stop-color="#7F52FF" offset="100%"/></linearGradient></defs><path fill="url(#a)" d="M256 256H0V0h256L128 127.949z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/KrakenJS.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 274" 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 274" width="${width}" height="${height}" ${restAttrs}>
   <path d="M128 1.3 0 64v148.1L128 275l128-62.8V64.1L128 1.3Z" fill="#0081C2"/>
   <path d="M225.1 185.6c-.4-2.7-1.5-5.3-3-7.4a23.2 23.2 0 0 0-5-5.2 33.4 33.4 0 0 0-12.8-5.8 45.9 45.9 0 0 0 7-13.4 26 26 0 0 0 1-10.3c-.5-3.5-1.8-6.9-3.8-9.6-1-1.3-2-2.6-3.3-3.7l-.9-.7-1-.8-.9-.7-1-.6a1.1 1.1 0 0 0-1.4 1.7l.8.8.7.8.7.8.6.9c.9 1.2 1.6 2.4 2.1 3.6 1.2 2.5 1.6 5.1 1.4 7.7-.2 2.5-1 5-2.2 7.4a32 32 0 0 1-8 10.1l-.4.3s.1-.1 0 0h-.1a25.9 25.9 0 0 1-8.6 3.8 24.7 24.7 0 0 1-13.9-.7h-.3a25.2 25.2 0 0 0 5.7-1.6 19 19 0 0 0 11.4-13.7l.6-3.8a39 39 0 0 0 0-7v-1l-.1-.8-.1-.8-.1-.8v-.3l-.1-.2V134.3l-.2-.7-.2-1.4-.8-5.7-.2-2.8-.2-2.8v-8.5l.3-2.7a36 36 0 0 1 1.1-5.4c.5-1.7 1.2-3.4 2-5 1-1.5 2-2.9 3.3-4a9 9 0 0 1 3.4-1.7l.6-.1.7-.1a1.1 1.1 0 0 0 0-2.2l-.7-.1h-.9a11.1 11.1 0 0 0-5 1.3c-2 1-3.7 2.5-5.1 4.2a27.5 27.5 0 0 0-3.7 5.5c-1 2-1.7 4-2.4 6l-1 3-.6 3.2a83 83 0 0 0-1.8 18.7v5l-.1.6a25.4 25.4 0 0 1-1.5 6.8c-.3.6-.5 1.1-.9 1.5-.6.9-1.2 1.3-1.8 1.6a7 7 0 0 1-2.6.5 15.8 15.8 0 0 1-4.4-.5s-5-1.8-3.4-7.6a9.1 9.1 0 0 1 7-4.9s8.2-63.3-43-104C76.6 72.7 84.8 136 84.8 136c4 .6 6.2 3 7.2 5.3 1.3 5.1-2.9 7-3.4 7.2l-.7.1c-1.4.3-2.7.4-3.8.4a7 7 0 0 1-2.6-.5c-.6-.3-1.2-.7-1.9-1.6l-.8-1.5-.7-2c-.4-1.5-.6-3.1-.8-4.8V135.6l-.1-.2V133a122.8 122.8 0 0 0-1.8-18.7l-.7-3.1-.9-3.1-2.4-6c-1-2-2.2-3.8-3.7-5.5a17.5 17.5 0 0 0-5.2-4.2 12.1 12.1 0 0 0-5-1.3H56a1.1 1.1 0 0 0 0 2.3h.8l.6.2a8.4 8.4 0 0 1 3.4 1.7c1.3 1.1 2.4 2.5 3.2 4a23 23 0 0 1 2 5 36 36 0 0 1 1.2 5.4l.2 2.7.2 2.8v5.7c-.2.9-.2 1.8-.3 2.8a114.7 114.7 0 0 1-1 8.5l-.2 1.4-.1.7V134.6l-.1.1v.4l-.2.8v.8l-.2.9v.8a38.8 38.8 0 0 0 .6 10.9 23.8 23.8 0 0 0 3.8 7.9 18.6 18.6 0 0 0 7.6 5.8 23 23 0 0 0 5.7 1.5l-.3.1a22.7 22.7 0 0 1-14 .7 29 29 0 0 1-8.5-3.7l-.1-.1c-.1-.1 0 0 0 0l-.3-.3a25 25 0 0 1-3.6-3.5A32 32 0 0 1 52 151c-1.2-2.4-2-4.9-2.2-7.4-.2-2.6.2-5.2 1.4-7.7.5-1.2 1.2-2.5 2-3.6l.7-.9.7-.8.7-.8.8-.9a1.1 1.1 0 0 0-1.5-1.7l-1 .7-.9.7-1 .7-.8.8c-1.2 1.1-2.3 2.4-3.3 3.7-2 2.7-3.3 6-3.7 9.6-.5 3.5 0 7 1 10.3a40 40 0 0 0 7 13.4 34.2 34.2 0 0 0-12.9 5.8 23.3 23.3 0 0 0-5 5.2 16.9 16.9 0 0 0-.8 18.6 22.8 22.8 0 0 0 4 5.1l.5.6.3.3.3.3 1 .9a57.4 57.4 0 0 0 14 8.9c3 1.4 6 2.5 9 3.6v.2l.2.5.3.6.6 1 .1.3.2.2.4.5.7.9c2 2.4 4.6 4 7.2 5a20 20 0 0 0 7.9 1.1h1l.9-.1 1-.2.8-.2 1-.2h.4l.5-.2 1-.3.4-.2.4-.1 1.4-.6.1-.1h.3v-.1l.4-.2.6-.3 1.2-.5 1.2-.5a33.7 33.7 0 0 1 15.4-2c1.8.2 3.4.7 5 1.4 1.5.7 2.9 1.6 4 2.7l.4.5.4.5.2.2.2.3.3.5c.4.7.8 1.5 1 2.3l.1.6.1.7v.3l.1.3v2l-.1 1.4a1.1 1.1 0 0 0 2.2.5l.4-1.4.3-1.7.1-.8V229c-.1-1.2-.4-2.3-.7-3.3l-.4-.8-.1-.4-.2-.4-.4-.8-.5-.7-1-1.4-.6-.6-.6-.6a24.7 24.7 0 0 0-8.7-4.9 35.3 35.3 0 0 0-19.4-.5l-1.6.4-1.5.4-.8.3h-.4l-.1.1c.3-.1 0 0 0 0l-1.5.4h-.5l-.5.2h-3.1a9.2 9.2 0 0 1-3.6-1c-1-.6-1.7-1.3-2-2-.5-.8-.5-1.4-.5-2.2.1-.7.4-1.5 1-2.5.5-1 1.3-2 2.3-3 2-1.8 4.7-3.6 7.7-5.1l.6-.3.5-.3 1.2-.5 2.4-1 2.7-1.1 1.4-.6h.2l.2-.1.4-.2.7-.4 2.9-1.4c6-2.7 18.7-7.7 30-7.7s24 5 30 7.7l2.9 1.4.7.4.4.2h.2l.2.1 1.4.6 2.7 1.1 2.4 1 1.1.5.6.3.6.3c3 1.5 5.7 3.3 7.7 5.2 1 1 1.8 2 2.4 2.9.5 1 .8 1.8.9 2.5 0 .8 0 1.4-.4 2.2-.4.7-1.1 1.4-2.1 2-1 .5-2.2.9-3.6 1H173l-.5-.1h-.5l-1.4-.5h-.2s-.2-.1.1 0h-.1l-.4-.1-.8-.3-1.5-.4-1.6-.4a35.3 35.3 0 0 0-19.4.5 24.6 24.6 0 0 0-8.7 4.9l-.6.6-.6.6-1 1.4-.5.7-.4.8-.2.4-.1.4-.4.8c-.3 1-.6 2.1-.7 3.3v2.4l.1.8c0 .6.2 1.1.3 1.7l.4 1.4c.2.5.7.8 1.2.8.6-.1 1-.6 1-1.3l-.1-1.4V230.7l.2-.7.1-.6c.2-.8.6-1.6 1-2.3l.3-.5.2-.3.2-.2.4-.5c0-.2.2-.3.4-.5 1.1-1.1 2.5-2 4-2.7 1.6-.7 3.3-1.2 5-1.4a29.2 29.2 0 0 1 15.4 2l1.2.5 1.2.5.6.3.3.2h.1l.3.1h.1l1.4.7.4.1.5.2 1 .3.4.1.5.1.9.2.9.2 1 .2h.9l1 .1a20 20 0 0 0 7.8-1.1c2.6-1 5.2-2.6 7.2-5l.8-1 .3-.4.2-.2.1-.3.6-1 .3-.6.2-.5v-.2a65 65 0 0 0 23-12.6l1-.8.3-.3.3-.3.6-.6a29.1 29.1 0 0 0 4-5.1l1.4-3.3a17 17 0 0 0 .7-7.9ZM75.5 188l-.7.5-.7.5-1.4 1-.7.6-.7.5-1.3 1.2-1.3 1.3-.6.6-.6.7-1.2 1.4c-1.6 2-3 4.3-4 7-.6 1.2-1 2.7-1.2 4.2l-.2 1.1v.2a91.7 91.7 0 0 1-11.3-8.6c-1.2-1-2.2-2.2-3.2-3.4l-.8-.8-.1-.3-.2-.2-.2-.3a17.3 17.3 0 0 1-1.8-3.4l-.4-1.4c-.1-1 0-1.7.2-2.3.3-.6.7-1.2 1.3-1.8.6-.6 1.4-1.2 2.4-1.7 2-1 4.5-1.8 7-2.2a28.8 28.8 0 0 1 17.3 3.3l.9.4.7.4.5.2.5.3 2 .8-.2.2Zm37-44a4.1 4.1 0 1 1 0-8.3 4.1 4.1 0 0 1 0 8.2Zm31 0a4.1 4.1 0 1 1 0-8.3 4.1 4.1 0 0 1 0 8.2Zm69.6 46.4a9 9 0 0 1-1.1 3l-1 1.8-.3.3-.2.2-.1.2-.8 1A47.9 47.9 0 0 1 199 206a95 95 0 0 1-4 2.6v-1.3a27.5 27.5 0 0 0-5.2-11.1l-1.3-1.5-.6-.7-.6-.6-1.3-1.3-1.3-1.2-.7-.5a10 10 0 0 0-.7-.6l-1.4-1-.7-.5-.7-.5-.3-.2 2.1-.8.5-.3.5-.2.7-.4.9-.4 1.7-1a28.3 28.3 0 0 1 22.6-.1c1 .5 1.8 1 2.4 1.7.6.6 1 1.2 1.3 1.8.2.6.3 1.3.2 2.3Z" fill="#FFF"/>
 </svg>

package/dist/components/Kubernetes.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 722.8 702" 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 722.8 702" width="${width}" height="${height}" ${restAttrs}>
   <path style="fill:#326ce5;fill-opacity:1;stroke:#fff;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="M365 185a47 46 0 0 0-18 4L103 306a47 46 0 0 0-25 32L18 600a47 46 0 0 0 6 35 47 46 0 0 0 3 4l169 210a47 46 0 0 0 36 18h271a47 46 0 0 0 37-18l169-210a47 46 0 0 0 9-39l-60-263a47 46 0 0 0-26-31L388 189a47 46 0 0 0-23-4z" transform="translate(-6 -175)"/>
   <path d="M368 274c-8 0-15 7-15 16v4l2 14 2 27c-1 3-3 6-5 7v7a190 190 0 0 0-122 58l-6-3c-2 0-5 1-8-1l-20-18-10-10-3-3c-3-2-7-4-10-4-5 0-9 2-12 5-5 7-3 16 4 22l3 3 12 7 22 15c2 2 3 7 3 8l5 5c-26 37-37 84-30 131l-6 2c-2 2-4 6-7 7l-26 4-14 1-4 1c-9 2-14 10-13 18 2 8 11 12 19 11h1v-1h4l13-5c9-4 17-7 25-8l9 3 6-1c15 45 45 82 84 105l-2 7c1 2 2 5 1 8l-13 24-8 11-2 4c-4 8-1 18 6 21 8 4 17 0 20-8l2-4 5-13c3-10 6-20 11-27l6-3 3-6a189 189 0 0 0 135 1l4 5c2 1 5 2 7 5l10 24 4 14 2 4c4 8 13 11 20 8 8-4 10-13 7-21l-2-4-8-12c-6-8-10-15-13-23-1-4 0-6 1-8l-2-6c40-24 70-62 84-106l6 1c2-2 4-4 8-3 8 1 16 4 26 7l13 5 4 1c9 2 17-3 19-10 2-8-4-16-12-18l-5-1-14-1c-10-1-18-2-26-5-3-1-5-5-6-6l-6-2a189 189 0 0 0-31-131l6-5c0-3 0-5 2-8 6-6 13-10 22-16l12-7 4-2c7-6 8-16 3-22s-15-7-22-1l-3 2-10 11c-7 7-13 13-19 17-3 2-7 2-9 1l-6 4c-31-33-75-54-121-58v-7c-2-2-5-3-5-7-1-8 0-16 1-27l2-14v-4c0-9-6-16-14-16zm-19 113-4 77a13 13 0 0 1-21 10l-63-44a151 151 0 0 1 88-43zm37 0c33 5 64 20 88 43l-63 44a13 13 0 0 1-21-10zm-148 71 58 52a13 13 0 0 1-5 22l-74 22c-4-35 4-68 21-96zm259 0a153 153 0 0 1 22 95l-74-21a13 13 0 0 1-5-22h-1l58-52zm-141 56h23l15 18-5 23-21 10-21-10-6-23zm75 62h3l77 13c-12 32-33 59-61 77l-30-72a13 13 0 0 1 11-18zm-128 1a13 13 0 0 1 12 18l-29 71c-27-18-49-44-61-77l76-12h2zm64 31c2-1 4 0 6 1 3 1 5 3 6 5l38 68a154 154 0 0 1-98-1l37-67c3-4 7-6 11-6z" style="font-size:medium;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000;fill:#fff;fill-opacity:1;stroke:#fff;stroke-width:.25;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" transform="translate(-6 -175)"/>
 </svg>

package/dist/components/Laravel.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 264" 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 264" width="${width}" height="${height}" ${restAttrs}>
   <path d="m255.9 59.6.1 1.1v56.6c0 1.4-.8 2.8-2 3.5l-47.6 27.4v54.2c0 1.4-.7 2.8-2 3.5l-99.1 57-.7.4-.3.1c-.7.2-1.4.2-2.1 0l-.4-.1-.6-.3L2 206c-1.3-.8-2.1-2.2-2.1-3.6V32.7l.1-1.1.2-.4.3-.6.2-.4.4-.5.4-.3c.2 0 .3-.2.5-.3L51.6.6c1.3-.8 2.9-.8 4.1 0L105.3 29c.2 0 .3.2.4.3l.5.3c0 .2.2.4.3.5l.3.4.3.6.1.4.2 1v106l41.2-23.7V60.7c0-.4 0-.7.2-1l.1-.4.3-.7.3-.3.3-.5.5-.3.4-.4 49.6-28.5c1.2-.7 2.8-.7 4 0L254 57l.5.4.4.3.4.5.2.3c.2.2.2.5.3.7l.2.3Zm-8.2 55.3v-47l-17.3 10-24 13.7v47l41.3-23.7Zm-49.5 85v-47l-23.6 13.5-67.2 38.4v47.5l90.8-52.3ZM8.2 39.9V200l90.9 52.3v-47.5l-47.5-26.9-.4-.4c-.2 0-.3-.1-.4-.3l-.4-.4-.3-.4-.2-.5-.2-.5v-.6l-.2-.5V63.6L25.6 49.8l-17.3-10Zm45.5-31L12.4 32.8l41.3 23.7 41.2-23.7L53.7 8.9ZM75 157.3l24-13.8V39.8l-17.3 10-24 13.8v103.6l17.3-10ZM202.3 36.9 161 60.7l41.3 23.8 41.3-23.8-41.3-23.8Zm-4.1 54.7-24-13.8-17.3-10v47l24 13.9 17.3 10v-47Zm-95 106 60.6-34.5 30.2-17.3-41.2-23.8-47.5 27.4L62 174.3l41.2 23.3Z" fill="#FF2D20"/>
 </svg>
 `;

package/dist/components/Layers.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 32 33" width="${width}" height="${height}"><path fill="#111827" fill-opacity="0.2" d="M0 18.83L.08 6.832C.094 4.66 1.613 2.798 3.71 2.383L15.297.086c2.784-.552 5.368 1.627 5.35 4.51l-.08 12c-.015 2.171-1.534 4.032-3.631 4.448L5.349 23.341C2.565 23.893-.019 21.714 0 18.83z"/><path fill="#111827" fill-opacity="0.5" d="M5.677 23.617l.08-12C5.77 9.447 7.29 7.586 9.387 7.17l11.587-2.296c2.784-.552 5.368 1.626 5.349 4.51l-.08 12c-.014 2.171-1.533 4.032-3.63 4.448l-11.587 2.297c-2.784.551-5.368-1.627-5.349-4.51z"/><path fill="#111827" fill-opacity="0.8" d="M11.354 28.404l.08-12c.014-2.172 1.533-4.032 3.63-4.448l11.587-2.297c2.784-.552 5.368 1.627 5.349 4.51l-.08 12c-.014 2.172-1.533 4.033-3.63 4.448l-11.587 2.297c-2.784.552-5.368-1.627-5.35-4.51z"/></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 32 33" width="${width}" height="${height}" ${restAttrs}><path fill="#111827" fill-opacity="0.2" d="M0 18.83L.08 6.832C.094 4.66 1.613 2.798 3.71 2.383L15.297.086c2.784-.552 5.368 1.627 5.35 4.51l-.08 12c-.015 2.171-1.534 4.032-3.631 4.448L5.349 23.341C2.565 23.893-.019 21.714 0 18.83z"/><path fill="#111827" fill-opacity="0.5" d="M5.677 23.617l.08-12C5.77 9.447 7.29 7.586 9.387 7.17l11.587-2.296c2.784-.552 5.368 1.626 5.349 4.51l-.08 12c-.014 2.171-1.533 4.032-3.63 4.448l-11.587 2.297c-2.784.551-5.368-1.627-5.349-4.51z"/><path fill="#111827" fill-opacity="0.8" d="M11.354 28.404l.08-12c.014-2.172 1.533-4.032 3.63-4.448l11.587-2.297c2.784-.552 5.368 1.627 5.349 4.51l-.08 12c-.014 2.172-1.533 4.033-3.63 4.448l-11.587 2.297c-2.784.552-5.368-1.627-5.35-4.51z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/LeapWallet.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 166 166" 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 166 166" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M138.614 100.445C138.614 120.217 114.483 128.252 84.5216 128.252C54.5603 128.252 30.0784 120.217 30.0784 100.445C30.0784 80.6726 54.3846 64.6731 84.346 64.6731C114.307 64.6731 138.614 80.7075 138.614 100.445Z" fill="#24A95A"/>
 <path d="M133.103 57.3474C133.103 46.9373 124.603 38.4834 114.136 38.4834C108.693 38.4834 103.787 40.7721 100.33 44.4174C99.7944 44.982 99.0118 45.2571 98.249 45.1031C93.869 44.2188 89.2355 43.7234 84.4555 43.7234C79.676 43.7234 75.043 44.1896 70.6634 45.0953C69.8998 45.2532 69.1138 44.9825 68.575 44.4188C65.09 40.7727 60.1867 38.4834 54.7752 38.4834C44.308 38.4834 35.8079 46.9373 35.8079 57.3474C35.8079 60.3836 36.5262 63.2275 37.7913 65.7572C38.0943 66.363 38.1248 67.0723 37.8627 67.6969C36.6353 70.6214 35.9835 73.7094 35.9835 76.9101C35.9835 95.2501 57.6905 110.097 84.4555 110.097C111.221 110.097 132.928 95.2501 132.928 76.9101C132.928 73.7094 132.276 70.6214 131.048 67.6969C130.786 67.0723 130.817 66.363 131.12 65.7572C132.385 63.2275 133.103 60.3836 133.103 57.3474Z" fill="#32DA6D"/>
 <path d="M53.2271 67.8119C59.6287 67.8119 64.8183 62.6506 64.8183 56.2839C64.8183 49.9171 59.6287 44.7559 53.2271 44.7559C46.8255 44.7559 41.636 49.9171 41.636 56.2839C41.636 62.6506 46.8255 67.8119 53.2271 67.8119Z" fill="white"/>

package/dist/components/LearnThis.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 45 45" xml:space="preserve" width="${width}" height="${height}"><path d="M9.4 10.8s3.7 4.8 13.8 7.7c0 0 7.5 2.1 11 6.2 0 0 3.5 2.7 4.8 12.2 0 0-2.9-5.6-11.3-7.8 0 0-8.8-2.2-11.1-3.5s-4.9-3.6-5.9-6.8-1.5-6.9-1.3-8z" fill="#039ff4"/><path d="M5.1 23s4.1 3.4 9.1 5.2c0 0 4.1 1.8 10 2.7 0 0 5.4 1.1 8.3 2.8 0 0 5 2.9 7.5 10.3 0 0-2.5-3.3-7-4.1 0 0-2.6-1-10.3-1.3 0 0-5.6.1-10.7-3.1 0 0-3.7-2.1-5.8-8.6-.3 0-1-2.1-1.1-3.9z" fill="#028df1"/><path d="M19.2.9s2.6 4 7.2 6.4c0 0 4.3 2.4 6.7 5 0 0 2.2 2 3.7 6.2 0 0 .9 2.3 1.2 7.3 0 0-2-3.6-3.8-4.8 0 0-2-1.6-4.5-2.9S25 15.8 23.1 14s-3.3-3.9-3.7-6.2-.4-5.3-.2-6.9z" fill="#4fbcf7"/></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 45 45" xml:space="preserve" width="${width}" height="${height}" ${restAttrs}><path d="M9.4 10.8s3.7 4.8 13.8 7.7c0 0 7.5 2.1 11 6.2 0 0 3.5 2.7 4.8 12.2 0 0-2.9-5.6-11.3-7.8 0 0-8.8-2.2-11.1-3.5s-4.9-3.6-5.9-6.8-1.5-6.9-1.3-8z" fill="#039ff4"/><path d="M5.1 23s4.1 3.4 9.1 5.2c0 0 4.1 1.8 10 2.7 0 0 5.4 1.1 8.3 2.8 0 0 5 2.9 7.5 10.3 0 0-2.5-3.3-7-4.1 0 0-2.6-1-10.3-1.3 0 0-5.6.1-10.7-3.1 0 0-3.7-2.1-5.8-8.6-.3 0-1-2.1-1.1-3.9z" fill="#028df1"/><path d="M19.2.9s2.6 4 7.2 6.4c0 0 4.3 2.4 6.7 5 0 0 2.2 2 3.7 6.2 0 0 .9 2.3 1.2 7.3 0 0-2-3.6-3.8-4.8 0 0-2-1.6-4.5-2.9S25 15.8 23.1 14s-3.3-3.9-3.7-6.2-.4-5.3-.2-6.9z" fill="#4fbcf7"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/LemonSqueezy.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 21 28" 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 21 28" width="${width}" height="${height}" ${restAttrs}>
   <path fill="#FFC233" fill-rule="evenodd" d="m6.92882 17.1856 7.51128 3.4727c.931.4306 1.5881 1.1533 1.943 1.9823.8976 2.0993-.3292 4.2463-2.255 5.0185-1.9262.7718-3.979.2751-4.91242-1.908l-3.26891-7.6645c-.25331-.5941.38303-1.1779.98205-.901Zm.45024-2.248 7.75364-2.931c2.5769-.9741 5.3918.869 5.3538 3.547-.0006.035-.0012.0699-.0021.1052-.0557 2.6078-2.7923 4.3606-5.3126 3.438l-7.7854-2.8495c-.62104-.2272-.62563-1.076-.00734-1.3097Zm-.43407-1.0152 7.62211-3.2387c2.5328-1.07634 3.1756-4.30675 1.1919-6.17327a9.026257 9.026257 0 0 0-.0783-.07315c-1.9449-1.80521-5.1599-1.16961-6.26712 1.20811L5.99323 12.9915c-.2729.5858.34387 1.1891.95176.9309Zm-1.9615-1.2798 2.77116-7.59845c.34357-.94215.27993-1.90295-.07526-2.73195C6.77994.21378 4.34409-.463579 2.41853.309741.493284 1.08336-.594621 2.84029.340622 5.02253L3.63095 12.6787c.25515.5933 1.13166.5699 1.35254-.0361Z" clip-rule="evenodd"/>
 </svg>
 `;

package/dist/components/Lightroom.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_1810)">
 <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="#001E36"/>
 <path d="M43.0906 56.5413H21.4038C21.0367 56.5413 20.8532 56.3395 20.8534 55.9358V20.9837C20.8438 20.9164 20.85 20.8478 20.8715 20.7833C20.893 20.7188 20.9292 20.6602 20.9773 20.6121C21.0254 20.5641 21.084 20.5278 21.1485 20.5063C21.2129 20.4849 21.2816 20.4787 21.3489 20.4883H28.0641C28.1164 20.4809 28.1697 20.4858 28.2198 20.5026C28.27 20.5193 28.3155 20.5475 28.3529 20.5849C28.3902 20.6222 28.4184 20.6678 28.4351 20.7179C28.4519 20.768 28.4568 20.8213 28.4494 20.8737V49.606H44.2467C44.5768 49.606 44.7053 49.7711 44.6319 50.1014L43.6412 56.0459C43.6389 56.1271 43.6178 56.2066 43.5796 56.2782C43.5414 56.3498 43.4871 56.4116 43.421 56.4588C43.3189 56.5118 43.2057 56.5401 43.0906 56.5413Z" fill="#31A8FF"/>

package/dist/components/Linear.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 100 100" width="${width}" height="${height}"><path fill="#5E6AD2" d="M1.225 61.523c-.222-.949.908-1.546 1.597-.857l36.512 36.512c.69.69.092 1.82-.857 1.597-18.425-4.323-32.93-18.827-37.252-37.252ZM.002 46.889a.99.99 0 0 0 .29.76L52.35 99.71c.201.2.478.307.76.29 2.37-.149 4.695-.46 6.963-.927.765-.157 1.03-1.096.478-1.648L2.576 39.448c-.552-.551-1.491-.286-1.648.479a50.067 50.067 0 0 0-.926 6.962ZM4.21 29.705a.988.988 0 0 0 .208 1.1l64.776 64.776c.289.29.726.375 1.1.208a49.908 49.908 0 0 0 5.185-2.684.981.981 0 0 0 .183-1.54L8.436 24.336a.981.981 0 0 0-1.541.183 49.896 49.896 0 0 0-2.684 5.185Zm8.448-11.631a.986.986 0 0 1-.045-1.354C21.78 6.46 35.111 0 49.952 0 77.592 0 100 22.407 100 50.048c0 14.84-6.46 28.172-16.72 37.338a.986.986 0 0 1-1.354-.045L12.659 18.074Z"/></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 100 100" width="${width}" height="${height}" ${restAttrs}><path fill="#5E6AD2" d="M1.225 61.523c-.222-.949.908-1.546 1.597-.857l36.512 36.512c.69.69.092 1.82-.857 1.597-18.425-4.323-32.93-18.827-37.252-37.252ZM.002 46.889a.99.99 0 0 0 .29.76L52.35 99.71c.201.2.478.307.76.29 2.37-.149 4.695-.46 6.963-.927.765-.157 1.03-1.096.478-1.648L2.576 39.448c-.552-.551-1.491-.286-1.648.479a50.067 50.067 0 0 0-.926 6.962ZM4.21 29.705a.988.988 0 0 0 .208 1.1l64.776 64.776c.289.29.726.375 1.1.208a49.908 49.908 0 0 0 5.185-2.684.981.981 0 0 0 .183-1.54L8.436 24.336a.981.981 0 0 0-1.541.183 49.896 49.896 0 0 0-2.684 5.185Zm8.448-11.631a.986.986 0 0 1-.045-1.354C21.78 6.46 35.111 0 49.952 0 77.592 0 100 22.407 100 50.048c0 14.84-6.46 28.172-16.72 37.338a.986.986 0 0 1-1.354-.045L12.659 18.074Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Link.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 200 200" 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 200 200" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_3_23)">
 <path d="M100 200C155.229 200 200 155.229 200 100C200 44.7715 155.229 0 100 0C44.7715 0 0 44.7715 0 100C0 155.229 44.7715 200 100 200Z" fill="#375BD2"/>
 <path d="M100 25L35.0475 62.5V137.5L100 175L164.952 137.5V62.5L100 25ZM137.427 121.61L100 143.217L62.5725 121.61V78.39L100 56.7825L137.427 78.39V121.61Z" fill="white"/>

package/dist/components/LinkedIn.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="M218.123 218.127h-37.931v-59.403c0-14.165-.253-32.4-19.728-32.4-19.756 0-22.779 15.434-22.779 31.369v60.43h-37.93V95.967h36.413v16.694h.51a39.907 39.907 0 0 1 35.928-19.733c38.445 0 45.533 25.288 45.533 58.186l-.016 67.013ZM56.955 79.27c-12.157.002-22.014-9.852-22.016-22.009-.002-12.157 9.851-22.014 22.008-22.016 12.157-.003 22.014 9.851 22.016 22.008A22.013 22.013 0 0 1 56.955 79.27m18.966 138.858H37.95V95.967h37.97v122.16ZM237.033.018H18.89C8.58-.098.125 8.161-.001 18.471v219.053c.122 10.315 8.576 18.582 18.89 18.474h218.144c10.336.128 18.823-8.139 18.966-18.474V18.454c-.147-10.33-8.635-18.588-18.966-18.453" fill="#0A66C2"/></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="M218.123 218.127h-37.931v-59.403c0-14.165-.253-32.4-19.728-32.4-19.756 0-22.779 15.434-22.779 31.369v60.43h-37.93V95.967h36.413v16.694h.51a39.907 39.907 0 0 1 35.928-19.733c38.445 0 45.533 25.288 45.533 58.186l-.016 67.013ZM56.955 79.27c-12.157.002-22.014-9.852-22.016-22.009-.002-12.157 9.851-22.014 22.008-22.016 12.157-.003 22.014 9.851 22.016 22.008A22.013 22.013 0 0 1 56.955 79.27m18.966 138.858H37.95V95.967h37.97v122.16ZM237.033.018H18.89C8.58-.098.125 8.161-.001 18.471v219.053c.122 10.315 8.576 18.582 18.89 18.474h218.144c10.336.128 18.823-8.139 18.966-18.474V18.454c-.147-10.33-8.635-18.588-18.966-18.453" fill="#0A66C2"/></svg>
 `;
 </script>
 

package/dist/components/Linux.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 295" width="${width}" height="${height}"><defs><linearGradient id="logosLinuxTux0" x1="48.548%" x2="51.047%" y1="115.276%" y2="41.364%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTux1" x1="54.407%" x2="46.175%" y1="2.404%" y2="90.542%"><stop offset="0%" stop-color="#FFF" stop-opacity=".8"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTux2" x1="51.86%" x2="47.947%" y1="88.248%" y2="9.748%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTux3" x1="49.925%" x2="49.924%" y1="85.49%" y2="13.811%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTux4" x1="53.901%" x2="45.956%" y1="3.102%" y2="93.895%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTux5" x1="45.593%" x2="54.811%" y1="5.475%" y2="93.524%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTux6" x1="49.984%" x2="49.984%" y1="89.845%" y2="40.632%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTux7" x1="53.505%" x2="42.746%" y1="99.975%" y2="23.545%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTux8" x1="49.841%" x2="50.241%" y1="13.229%" y2="94.673%"><stop offset="0%" stop-color="#FFF" stop-opacity=".8"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTux9" x1="49.927%" x2="50.727%" y1="37.327%" y2="92.782%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxa" x1="49.876%" x2="49.876%" y1="2.299%" y2="81.204%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxb" x1="49.833%" x2="49.824%" y1="2.272%" y2="71.799%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxc" x1="53.467%" x2="38.949%" y1="48.921%" y2="98.1%"><stop offset="0%" stop-color="#FFA63F"/><stop offset="100%" stop-color="#FF0"/></linearGradient><linearGradient id="logosLinuxTuxd" x1="52.373%" x2="47.579%" y1="143.009%" y2="-64.622%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTuxe" x1="30.581%" x2="65.887%" y1="34.024%" y2="89.175%"><stop offset="0%" stop-color="#FFA63F"/><stop offset="100%" stop-color="#FF0"/></linearGradient><linearGradient id="logosLinuxTuxf" x1="59.572%" x2="48.361%" y1="-17.216%" y2="66.118%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxg" x1="47.769%" x2="51.373%" y1="1.565%" y2="104.313%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxh" x1="43.55%" x2="57.114%" y1="4.533%" y2="92.827%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxi" x1="49.733%" x2="50.558%" y1="17.609%" y2="99.385%"><stop offset="0%" stop-color="#FFA63F"/><stop offset="100%" stop-color="#FF0"/></linearGradient><linearGradient id="logosLinuxTuxj" x1="50.17%" x2="49.68%" y1="2.89%" y2="94.17%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><filter id="logosLinuxTuxk" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feOffset in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="6.5"/></filter></defs><g fill="none"><path fill="#000" fill-opacity=".2" d="M235.125 249.359c0 17.355-52.617 31.497-117.54 31.497S.044 266.806.044 249.359c0-17.356 52.618-31.498 117.54-31.498c64.924 0 117.45 14.142 117.541 31.498" filter="url(#logosLinuxTuxk)" transform="translate(10)"/><path fill="#000" d="M63.213 215.474c-11.387-16.346-13.591-69.606 12.947-102.39C89.292 97.383 92.69 86.455 93.7 71.67c.734-16.805-11.846-66.851 35.537-70.616c48.027-3.857 45.364 43.526 45.088 68.596c-.183 21.12 15.52 33.15 26.355 49.68c19.927 30.303 18.274 82.461-3.765 110.745c-27.916 35.354-51.791 20.018-67.678 21.304c-29.752 1.745-30.762 17.54-66.024-35.905"/><path fill="url(#logosLinuxTux0)" d="M169.1 122.451c8.265 7.622 29.661 41.69-4.224 62.995c-11.937 7.438 10.653 35.721 21.488 22.039c19.193-24.61 6.98-63.913-4.591-77.963c-7.714-9.917-19.651-13.774-12.672-7.07" transform="translate(10)"/><path fill="#000" stroke="#000" stroke-width=".977" d="M176.805 117.86c13.59 11.02 38.292 49.587 2.204 74.748c-11.846 7.806 10.468 32.508 23.049 19.927c43.618-43.894-1.102-94.308-16.53-111.664c-13.774-15.151-25.987 3.49-8.723 16.989z"/><path fill="url(#logosLinuxTux1)" d="M147.245 25.02c-.459 12.581-14.325 23.51-30.946 24.52c-16.621 1.01-29.66-8.54-29.202-21.121c.46-12.581 14.326-23.509 30.947-24.519c16.62-.918 29.66 8.54 29.201 21.12" transform="translate(10)"/><path fill="url(#logosLinuxTux2)" d="M107.483 54.957c.46 8.173-3.397 15.06-8.723 15.335c-5.326.276-10.01-6.06-10.469-14.233c-.459-8.173 3.398-15.06 8.724-15.335c5.326-.276 10.01 6.06 10.468 14.233" transform="translate(10)"/><path fill="url(#logosLinuxTux3)" d="M117.125 55.6c.184 9.458 6.337 16.988 13.683 16.805c7.346-.184 13.131-7.99 12.948-17.54c-.184-9.458-6.336-16.988-13.683-16.804c-7.346.183-13.223 8.08-12.948 17.539" transform="translate(10)"/><path fill="#000" d="M133.186 57.712c-.092 5.234 2.48 9.458 5.877 9.458c3.306 0 6.153-4.224 6.245-9.366c.091-5.234-2.48-9.459-5.878-9.459c-3.397 0-6.152 4.225-6.244 9.367m-21.212.092c.459 4.316-1.194 7.989-3.582 8.356c-2.387.276-4.683-2.938-5.142-7.254c-.46-4.316 1.194-7.99 3.581-8.357c2.388-.275 4.684 2.939 5.143 7.255"/><path fill="url(#logosLinuxTux4)" d="M124.564 54.773c-.276 2.939 1.102 5.326 3.03 5.51c1.928.184 3.765-2.112 4.04-4.959c.276-2.938-1.102-5.326-3.03-5.51c-1.928-.183-3.765 2.113-4.04 4.96" transform="translate(10)"/><path fill="url(#logosLinuxTux5)" d="M99.953 55.508c.276 2.388-.734 4.5-2.203 4.683c-1.47.184-2.847-1.653-3.123-4.132c-.275-2.388.735-4.5 2.204-4.683c1.47-.184 2.847 1.744 3.122 4.132" transform="translate(10)"/><path fill="url(#logosLinuxTux6)" d="M71.027 145.684c6.52-14.785 20.386-40.772 20.662-60.883c0-15.978 47.843-19.835 51.7-3.856c3.856 15.978 13.59 39.853 19.834 51.424c6.245 11.478 24.335 48.118 5.051 80.074c-17.356 28.284-69.973 50.69-98.073-3.856c-9.55-18.917-7.806-42.333.826-62.903" transform="translate(10)"/><path fill="url(#logosLinuxTux7)" d="M65.15 134.664c-5.601 10.56-17.172 38.293 11.112 53.445c30.395 16.162 30.303 49.312-6.245 33.517c-33.425-14.233-18.641-71.902-9.274-85.676c6.06-9.642 15.243-21.488 4.407-1.286" transform="translate(10)"/><path fill="#000" stroke="#000" stroke-width="1.25" d="M79.925 122.727c-8.907 14.509-30.211 48.669-1.652 66.484c38.384 23.6 27.548 47.108-7.53 25.895c-49.404-29.568-5.97-89.257 13.774-112.03c22.59-25.529 4.316 4.683-4.592 19.65z"/><path fill="url(#logosLinuxTux8)" d="M156.428 151.285c0 16.162-15.519 37.1-42.15 36.916c-27.456.183-39.118-20.754-39.118-36.916c0-16.161 18.182-29.293 40.588-29.293c22.498.092 40.68 13.132 40.68 29.293" transform="translate(10)"/><path fill="url(#logosLinuxTux9)" d="M141.92 100.504c-.276 16.713-11.204 20.662-24.978 20.662c-13.775 0-23.784-2.48-24.978-20.662c0-11.387 11.203-17.998 24.978-17.998c13.774-.092 24.977 6.52 24.977 17.998" transform="translate(10)"/><path fill="url(#logosLinuxTuxa)" d="M58.63 126.216c9-13.682 28.008-34.711 3.582 2.939c-19.835 31.038-7.346 50.965-.918 56.474c18.549 16.53 17.814 27.64 3.214 18.917c-31.314-18.641-24.794-50.047-5.878-78.33" transform="translate(10)"/><path fill="url(#logosLinuxTuxb)" d="M188.936 131.818c-7.806-16.07-32.6-56.842 1.193-9.459c30.763 42.884 9.183 72.729 5.326 75.667c-3.856 2.939-16.804 8.908-13.04-1.469c3.858-10.377 22.958-30.028 6.52-64.74" transform="translate(10)"/><path fill="url(#logosLinuxTuxc)" stroke="#E68C3F" stroke-width="6.25" d="M51.835 258.542c-20.57-10.928-50.414 2.112-39.578-27.457c2.204-6.704-3.214-16.805.275-23.325c4.133-7.989 13.04-6.244 18.366-11.57c5.234-5.51 8.54-15.06 18.366-13.59c9.734 1.468 16.254 13.406 23.049 28.099c5.05 10.468 22.865 25.253 21.672 37.007c-1.47 17.998-21.948 21.396-42.15 10.836z" transform="translate(10)"/><path fill="url(#logosLinuxTuxd)" d="M201.608 189.119c-3.122 5.877-16.162 15.335-24.886 12.856c-8.815-2.388-12.856-15.795-11.111-25.988c1.653-11.386 11.111-12.03 23.05-6.336c12.855 6.336 16.712 11.662 12.947 19.468" transform="translate(10)"/><path fill="url(#logosLinuxTuxe)" stroke="#E68C3F" stroke-width="6.251" d="M194.445 253.49c15.06-18.273 48.578-14.508 25.988-39.577c-4.775-5.418-3.306-16.989-9.183-21.947c-6.887-6.061-14.509-1.102-21.488-4.224c-6.979-3.398-14.325-9.918-22.865-5.327c-8.54 4.684-9.459 16.805-10.285 32.783c-.735 11.479-11.203 30.671-5.602 41.231c8.081 16.346 29.11 14.142 43.435-2.938z" transform="translate(10)"/><path fill="url(#logosLinuxTuxf)" d="M187.925 229.064c23.325-34.435 5.97-34.16.092-36.823c-5.877-2.755-12.03-8.173-18.916-4.408c-6.888 3.857-7.255 13.775-7.439 26.814c-.275 9.367-8.08 25.07-3.397 33.793c5.693 10.193 19.467-4.591 29.66-19.376" transform="translate(10)"/><path fill="url(#logosLinuxTuxg)" d="M47.06 234.023c-34.895-22.59-18.55-30.303-13.315-33.885c6.336-4.591 6.428-13.407 14.233-12.58c7.806.826 12.397 10.468 17.631 22.406c3.857 8.54 17.264 19.927 16.254 29.753c-1.285 11.57-19.743 3.948-34.803-5.694" transform="translate(10)"/><path fill="#000" d="M209.588 188.843c-2.755 4.776-13.958 12.306-21.396 10.285c-7.622-1.928-11.112-12.672-9.55-20.753c1.377-9.183 9.55-9.642 19.834-5.05c10.928 4.958 14.326 9.182 11.112 15.518"/><path fill="url(#logosLinuxTuxh)" d="M192.058 186.18c-1.745 3.306-9.091 8.54-14.234 7.163c-5.142-1.377-7.713-8.815-6.887-14.417c.735-6.336 6.244-6.704 13.223-3.581c7.53 3.49 9.918 6.428 7.898 10.835" transform="translate(10)"/><path fill="url(#logosLinuxTuxi)" stroke="#E68C3F" stroke-width="3.75" d="M97.107 66.344c3.673-3.398 12.58-13.774 29.477-2.939c3.122 2.02 5.693 2.204 11.662 4.775c12.03 4.96 6.336 16.897-6.52 20.937c-5.51 1.745-10.468 8.449-20.386 7.806c-8.54-.46-10.744-6.06-15.978-9.091c-9.275-5.234-10.652-12.305-5.602-16.07c5.051-3.765 6.98-5.143 7.347-5.418z" transform="translate(10)"/><path stroke="#E68C3F" stroke-width="2.5" d="M148.43 75.986c-5.05.275-15.979 11.203-27.457 11.203c-11.479 0-18.366-10.652-20.11-10.652"/><path fill="url(#logosLinuxTuxj)" d="M102.8 65.426c1.837-1.653 7.622-6.153 15.244-1.562c1.653.919 3.306 1.929 5.693 3.306c4.867 2.847 2.48 6.98-3.398 9.55c-2.663 1.102-7.07 3.49-10.376 3.306c-3.673-.367-6.153-2.755-8.54-4.316c-4.5-2.938-4.224-5.418-2.112-7.346c1.56-1.47 3.305-2.847 3.49-2.938" transform="translate(10)"/></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 256 295" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="logosLinuxTux0" x1="48.548%" x2="51.047%" y1="115.276%" y2="41.364%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTux1" x1="54.407%" x2="46.175%" y1="2.404%" y2="90.542%"><stop offset="0%" stop-color="#FFF" stop-opacity=".8"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTux2" x1="51.86%" x2="47.947%" y1="88.248%" y2="9.748%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTux3" x1="49.925%" x2="49.924%" y1="85.49%" y2="13.811%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTux4" x1="53.901%" x2="45.956%" y1="3.102%" y2="93.895%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTux5" x1="45.593%" x2="54.811%" y1="5.475%" y2="93.524%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTux6" x1="49.984%" x2="49.984%" y1="89.845%" y2="40.632%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTux7" x1="53.505%" x2="42.746%" y1="99.975%" y2="23.545%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTux8" x1="49.841%" x2="50.241%" y1="13.229%" y2="94.673%"><stop offset="0%" stop-color="#FFF" stop-opacity=".8"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTux9" x1="49.927%" x2="50.727%" y1="37.327%" y2="92.782%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxa" x1="49.876%" x2="49.876%" y1="2.299%" y2="81.204%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxb" x1="49.833%" x2="49.824%" y1="2.272%" y2="71.799%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxc" x1="53.467%" x2="38.949%" y1="48.921%" y2="98.1%"><stop offset="0%" stop-color="#FFA63F"/><stop offset="100%" stop-color="#FF0"/></linearGradient><linearGradient id="logosLinuxTuxd" x1="52.373%" x2="47.579%" y1="143.009%" y2="-64.622%"><stop offset="0%" stop-color="#FFEED7"/><stop offset="100%" stop-color="#BDBFC2"/></linearGradient><linearGradient id="logosLinuxTuxe" x1="30.581%" x2="65.887%" y1="34.024%" y2="89.175%"><stop offset="0%" stop-color="#FFA63F"/><stop offset="100%" stop-color="#FF0"/></linearGradient><linearGradient id="logosLinuxTuxf" x1="59.572%" x2="48.361%" y1="-17.216%" y2="66.118%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxg" x1="47.769%" x2="51.373%" y1="1.565%" y2="104.313%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxh" x1="43.55%" x2="57.114%" y1="4.533%" y2="92.827%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="logosLinuxTuxi" x1="49.733%" x2="50.558%" y1="17.609%" y2="99.385%"><stop offset="0%" stop-color="#FFA63F"/><stop offset="100%" stop-color="#FF0"/></linearGradient><linearGradient id="logosLinuxTuxj" x1="50.17%" x2="49.68%" y1="2.89%" y2="94.17%"><stop offset="0%" stop-color="#FFF" stop-opacity=".65"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><filter id="logosLinuxTuxk" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feOffset in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="6.5"/></filter></defs><g fill="none"><path fill="#000" fill-opacity=".2" d="M235.125 249.359c0 17.355-52.617 31.497-117.54 31.497S.044 266.806.044 249.359c0-17.356 52.618-31.498 117.54-31.498c64.924 0 117.45 14.142 117.541 31.498" filter="url(#logosLinuxTuxk)" transform="translate(10)"/><path fill="#000" d="M63.213 215.474c-11.387-16.346-13.591-69.606 12.947-102.39C89.292 97.383 92.69 86.455 93.7 71.67c.734-16.805-11.846-66.851 35.537-70.616c48.027-3.857 45.364 43.526 45.088 68.596c-.183 21.12 15.52 33.15 26.355 49.68c19.927 30.303 18.274 82.461-3.765 110.745c-27.916 35.354-51.791 20.018-67.678 21.304c-29.752 1.745-30.762 17.54-66.024-35.905"/><path fill="url(#logosLinuxTux0)" d="M169.1 122.451c8.265 7.622 29.661 41.69-4.224 62.995c-11.937 7.438 10.653 35.721 21.488 22.039c19.193-24.61 6.98-63.913-4.591-77.963c-7.714-9.917-19.651-13.774-12.672-7.07" transform="translate(10)"/><path fill="#000" stroke="#000" stroke-width=".977" d="M176.805 117.86c13.59 11.02 38.292 49.587 2.204 74.748c-11.846 7.806 10.468 32.508 23.049 19.927c43.618-43.894-1.102-94.308-16.53-111.664c-13.774-15.151-25.987 3.49-8.723 16.989z"/><path fill="url(#logosLinuxTux1)" d="M147.245 25.02c-.459 12.581-14.325 23.51-30.946 24.52c-16.621 1.01-29.66-8.54-29.202-21.121c.46-12.581 14.326-23.509 30.947-24.519c16.62-.918 29.66 8.54 29.201 21.12" transform="translate(10)"/><path fill="url(#logosLinuxTux2)" d="M107.483 54.957c.46 8.173-3.397 15.06-8.723 15.335c-5.326.276-10.01-6.06-10.469-14.233c-.459-8.173 3.398-15.06 8.724-15.335c5.326-.276 10.01 6.06 10.468 14.233" transform="translate(10)"/><path fill="url(#logosLinuxTux3)" d="M117.125 55.6c.184 9.458 6.337 16.988 13.683 16.805c7.346-.184 13.131-7.99 12.948-17.54c-.184-9.458-6.336-16.988-13.683-16.804c-7.346.183-13.223 8.08-12.948 17.539" transform="translate(10)"/><path fill="#000" d="M133.186 57.712c-.092 5.234 2.48 9.458 5.877 9.458c3.306 0 6.153-4.224 6.245-9.366c.091-5.234-2.48-9.459-5.878-9.459c-3.397 0-6.152 4.225-6.244 9.367m-21.212.092c.459 4.316-1.194 7.989-3.582 8.356c-2.387.276-4.683-2.938-5.142-7.254c-.46-4.316 1.194-7.99 3.581-8.357c2.388-.275 4.684 2.939 5.143 7.255"/><path fill="url(#logosLinuxTux4)" d="M124.564 54.773c-.276 2.939 1.102 5.326 3.03 5.51c1.928.184 3.765-2.112 4.04-4.959c.276-2.938-1.102-5.326-3.03-5.51c-1.928-.183-3.765 2.113-4.04 4.96" transform="translate(10)"/><path fill="url(#logosLinuxTux5)" d="M99.953 55.508c.276 2.388-.734 4.5-2.203 4.683c-1.47.184-2.847-1.653-3.123-4.132c-.275-2.388.735-4.5 2.204-4.683c1.47-.184 2.847 1.744 3.122 4.132" transform="translate(10)"/><path fill="url(#logosLinuxTux6)" d="M71.027 145.684c6.52-14.785 20.386-40.772 20.662-60.883c0-15.978 47.843-19.835 51.7-3.856c3.856 15.978 13.59 39.853 19.834 51.424c6.245 11.478 24.335 48.118 5.051 80.074c-17.356 28.284-69.973 50.69-98.073-3.856c-9.55-18.917-7.806-42.333.826-62.903" transform="translate(10)"/><path fill="url(#logosLinuxTux7)" d="M65.15 134.664c-5.601 10.56-17.172 38.293 11.112 53.445c30.395 16.162 30.303 49.312-6.245 33.517c-33.425-14.233-18.641-71.902-9.274-85.676c6.06-9.642 15.243-21.488 4.407-1.286" transform="translate(10)"/><path fill="#000" stroke="#000" stroke-width="1.25" d="M79.925 122.727c-8.907 14.509-30.211 48.669-1.652 66.484c38.384 23.6 27.548 47.108-7.53 25.895c-49.404-29.568-5.97-89.257 13.774-112.03c22.59-25.529 4.316 4.683-4.592 19.65z"/><path fill="url(#logosLinuxTux8)" d="M156.428 151.285c0 16.162-15.519 37.1-42.15 36.916c-27.456.183-39.118-20.754-39.118-36.916c0-16.161 18.182-29.293 40.588-29.293c22.498.092 40.68 13.132 40.68 29.293" transform="translate(10)"/><path fill="url(#logosLinuxTux9)" d="M141.92 100.504c-.276 16.713-11.204 20.662-24.978 20.662c-13.775 0-23.784-2.48-24.978-20.662c0-11.387 11.203-17.998 24.978-17.998c13.774-.092 24.977 6.52 24.977 17.998" transform="translate(10)"/><path fill="url(#logosLinuxTuxa)" d="M58.63 126.216c9-13.682 28.008-34.711 3.582 2.939c-19.835 31.038-7.346 50.965-.918 56.474c18.549 16.53 17.814 27.64 3.214 18.917c-31.314-18.641-24.794-50.047-5.878-78.33" transform="translate(10)"/><path fill="url(#logosLinuxTuxb)" d="M188.936 131.818c-7.806-16.07-32.6-56.842 1.193-9.459c30.763 42.884 9.183 72.729 5.326 75.667c-3.856 2.939-16.804 8.908-13.04-1.469c3.858-10.377 22.958-30.028 6.52-64.74" transform="translate(10)"/><path fill="url(#logosLinuxTuxc)" stroke="#E68C3F" stroke-width="6.25" d="M51.835 258.542c-20.57-10.928-50.414 2.112-39.578-27.457c2.204-6.704-3.214-16.805.275-23.325c4.133-7.989 13.04-6.244 18.366-11.57c5.234-5.51 8.54-15.06 18.366-13.59c9.734 1.468 16.254 13.406 23.049 28.099c5.05 10.468 22.865 25.253 21.672 37.007c-1.47 17.998-21.948 21.396-42.15 10.836z" transform="translate(10)"/><path fill="url(#logosLinuxTuxd)" d="M201.608 189.119c-3.122 5.877-16.162 15.335-24.886 12.856c-8.815-2.388-12.856-15.795-11.111-25.988c1.653-11.386 11.111-12.03 23.05-6.336c12.855 6.336 16.712 11.662 12.947 19.468" transform="translate(10)"/><path fill="url(#logosLinuxTuxe)" stroke="#E68C3F" stroke-width="6.251" d="M194.445 253.49c15.06-18.273 48.578-14.508 25.988-39.577c-4.775-5.418-3.306-16.989-9.183-21.947c-6.887-6.061-14.509-1.102-21.488-4.224c-6.979-3.398-14.325-9.918-22.865-5.327c-8.54 4.684-9.459 16.805-10.285 32.783c-.735 11.479-11.203 30.671-5.602 41.231c8.081 16.346 29.11 14.142 43.435-2.938z" transform="translate(10)"/><path fill="url(#logosLinuxTuxf)" d="M187.925 229.064c23.325-34.435 5.97-34.16.092-36.823c-5.877-2.755-12.03-8.173-18.916-4.408c-6.888 3.857-7.255 13.775-7.439 26.814c-.275 9.367-8.08 25.07-3.397 33.793c5.693 10.193 19.467-4.591 29.66-19.376" transform="translate(10)"/><path fill="url(#logosLinuxTuxg)" d="M47.06 234.023c-34.895-22.59-18.55-30.303-13.315-33.885c6.336-4.591 6.428-13.407 14.233-12.58c7.806.826 12.397 10.468 17.631 22.406c3.857 8.54 17.264 19.927 16.254 29.753c-1.285 11.57-19.743 3.948-34.803-5.694" transform="translate(10)"/><path fill="#000" d="M209.588 188.843c-2.755 4.776-13.958 12.306-21.396 10.285c-7.622-1.928-11.112-12.672-9.55-20.753c1.377-9.183 9.55-9.642 19.834-5.05c10.928 4.958 14.326 9.182 11.112 15.518"/><path fill="url(#logosLinuxTuxh)" d="M192.058 186.18c-1.745 3.306-9.091 8.54-14.234 7.163c-5.142-1.377-7.713-8.815-6.887-14.417c.735-6.336 6.244-6.704 13.223-3.581c7.53 3.49 9.918 6.428 7.898 10.835" transform="translate(10)"/><path fill="url(#logosLinuxTuxi)" stroke="#E68C3F" stroke-width="3.75" d="M97.107 66.344c3.673-3.398 12.58-13.774 29.477-2.939c3.122 2.02 5.693 2.204 11.662 4.775c12.03 4.96 6.336 16.897-6.52 20.937c-5.51 1.745-10.468 8.449-20.386 7.806c-8.54-.46-10.744-6.06-15.978-9.091c-9.275-5.234-10.652-12.305-5.602-16.07c5.051-3.765 6.98-5.143 7.347-5.418z" transform="translate(10)"/><path stroke="#E68C3F" stroke-width="2.5" d="M148.43 75.986c-5.05.275-15.979 11.203-27.457 11.203c-11.479 0-18.366-10.652-20.11-10.652"/><path fill="url(#logosLinuxTuxj)" d="M102.8 65.426c1.837-1.653 7.622-6.153 15.244-1.562c1.653.919 3.306 1.929 5.693 3.306c4.867 2.847 2.48 6.98-3.398 9.55c-2.663 1.102-7.07 3.49-10.376 3.306c-3.673-.367-6.153-2.755-8.54-4.316c-4.5-2.938-4.224-5.418-2.112-7.346c1.56-1.47 3.305-2.847 3.49-2.938" transform="translate(10)"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Lit.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 320" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><path fill="#00E8FF" d="m64 192 25.926-44.727 38.233-19.114 63.974 63.974 10.833 61.754L192 320l-64-64-38.074-25.615z"/><path d="M128 256V128l64-64v128l-64 64ZM0 256l64 64 9.202-60.602L64 192l-37.542 23.71L0 256Z" fill="#283198"/><path d="M64 192V64l64-64v128l-64 64Zm128 128V192l64-64v128l-64 64ZM0 256V128l64 64-64 64Z" fill="#324FFF"/><path fill="#0FF" d="M64 320V192l64 64z"/></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 320" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><path fill="#00E8FF" d="m64 192 25.926-44.727 38.233-19.114 63.974 63.974 10.833 61.754L192 320l-64-64-38.074-25.615z"/><path d="M128 256V128l64-64v128l-64 64ZM0 256l64 64 9.202-60.602L64 192l-37.542 23.71L0 256Z" fill="#283198"/><path d="M64 192V64l64-64v128l-64 64Zm128 128V192l64-64v128l-64 64ZM0 256V128l64 64-64 64Z" fill="#324FFF"/><path fill="#0FF" d="M64 320V192l64 64z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Litecoin.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 82.6 82.6" width="${width}" height="${height}"><title>litecoin-ltc-logo</title><circle cx="41.3" cy="41.3" r="36.83" style="fill:#fff"/><path d="M41.3,0A41.3,41.3,0,1,0,82.6,41.3h0A41.18,41.18,0,0,0,41.54,0ZM42,42.7,37.7,57.2h23a1.16,1.16,0,0,1,1.2,1.12v.38l-2,6.9a1.49,1.49,0,0,1-1.5,1.1H23.2l5.9-20.1-6.6,2L24,44l6.6-2,8.3-28.2a1.51,1.51,0,0,1,1.5-1.1h8.9a1.16,1.16,0,0,1,1.2,1.12v.38L43.5,38l6.6-2-1.4,4.8Z" style="fill:#345d9d"/></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 id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 82.6 82.6" width="${width}" height="${height}" ${restAttrs}><title>litecoin-ltc-logo</title><circle cx="41.3" cy="41.3" r="36.83" style="fill:#fff"/><path d="M41.3,0A41.3,41.3,0,1,0,82.6,41.3h0A41.18,41.18,0,0,0,41.54,0ZM42,42.7,37.7,57.2h23a1.16,1.16,0,0,1,1.2,1.12v.38l-2,6.9a1.49,1.49,0,0,1-1.5,1.1H23.2l5.9-20.1-6.6,2L24,44l6.6-2,8.3-28.2a1.51,1.51,0,0,1,1.5-1.1h8.9a1.16,1.16,0,0,1,1.2,1.12v.38L43.5,38l6.6-2-1.4,4.8Z" style="fill:#345d9d"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Locofy.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg enable-background="new 0 0 48.3 48.3" viewBox="0 0 48.3 48.3" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><g clip-rule="evenodd" fill-rule="evenodd"><circle cx="24.1" cy="24.1" fill="#457eff" r="23.5"/><path d="m18.2 10.8c-.4 1.9-2.4 12.5-2.8 14.7s1.4 4.1 3.1 4.1h2.7c.7 0 1.8.5 1.4 2.4-.4 1.8-.8 3.7-1.2 5.5s1.7 2.5 2.6 1.1 7.6-12.1 8.3-13.5-.5-3.6-2.4-3.6h-3.7c-1 0-1.1-.7-.8-2.2.4-1.5.8-3.4 1.5-6.2s-2-4.3-3.4-4.3h-3.4c-.4 0-1.5.1-1.9 2z" fill="#fff"/></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 enable-background="new 0 0 48.3 48.3" viewBox="0 0 48.3 48.3" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><g clip-rule="evenodd" fill-rule="evenodd"><circle cx="24.1" cy="24.1" fill="#457eff" r="23.5"/><path d="m18.2 10.8c-.4 1.9-2.4 12.5-2.8 14.7s1.4 4.1 3.1 4.1h2.7c.7 0 1.8.5 1.4 2.4-.4 1.8-.8 3.7-1.2 5.5s1.7 2.5 2.6 1.1 7.6-12.1 8.3-13.5-.5-3.6-2.4-3.6h-3.7c-1 0-1.1-.7-.8-2.2.4-1.5.8-3.4 1.5-6.2s-2-4.3-3.4-4.3h-3.4c-.4 0-1.5.1-1.9 2z" fill="#fff"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Loom.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}"><path fill="#625DF5" d="M256 113.765h-74.858l64.83-37.43-14.237-24.667-64.83 37.43 37.421-64.825-24.667-14.246-37.421 64.826V0h-28.476v74.86L76.326 10.027 51.667 24.266 89.096 89.09 24.265 51.668l-14.238 24.66 64.83 37.43H0v28.477h74.85l-64.823 37.43 14.238 24.667 64.824-37.423-37.43 64.825 24.667 14.239 37.429-64.832V256h28.476v-74.853l37.422 64.826 24.665-14.239-37.428-64.832 64.83 37.43 14.24-24.667-64.825-37.423h74.85v-28.477H256ZM128 166.73c-21.472 0-38.876-17.403-38.876-38.876 0-21.472 17.404-38.876 38.876-38.876 21.472 0 38.875 17.404 38.875 38.876 0 21.473-17.403 38.876-38.875 38.876Z"/></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}><path fill="#625DF5" d="M256 113.765h-74.858l64.83-37.43-14.237-24.667-64.83 37.43 37.421-64.825-24.667-14.246-37.421 64.826V0h-28.476v74.86L76.326 10.027 51.667 24.266 89.096 89.09 24.265 51.668l-14.238 24.66 64.83 37.43H0v28.477h74.85l-64.823 37.43 14.238 24.667 64.824-37.423-37.43 64.825 24.667 14.239 37.429-64.832V256h28.476v-74.853l37.422 64.826 24.665-14.239-37.428-64.832 64.83 37.43 14.24-24.667-64.825-37.423h74.85v-28.477H256ZM128 166.73c-21.472 0-38.876-17.403-38.876-38.876 0-21.472 17.404-38.876 38.876-38.876 21.472 0 38.875 17.404 38.875 38.876 0 21.473-17.403 38.876-38.875 38.876Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Lottielab.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 276 276" width="${width}" height="${height}"><rect width="274" height="274" x="1" y="1" fill="url(#a)" rx="81"/><path stroke="url(#b)" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" d="M142.892 59.721c-30.057-5.67-40.834 99.13-23.051 131.821"/><path stroke="#D7D5FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" d="M119.577 191.219c17.747 32.552 50.284 32.552 65.206-4.71"/><path stroke="#F4F3FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" d="M142.892 59.729c30.057 5.656-2.582 97.684-50.401 145.51"/><rect width="274" height="274" x="1" y="1" stroke="url(#c)" stroke-width="2" rx="81"/><defs><linearGradient id="a" x1="2" x2="274" y1="2" y2="274" gradientUnits="userSpaceOnUse"><stop stop-color="#9688FD"/><stop offset="1" stop-color="#607EF4"/></linearGradient><linearGradient id="b" x1="132.555" x2="94.765" y1="62.627" y2="82.582" gradientUnits="userSpaceOnUse"><stop stop-color="#F4F3FF"/><stop offset="1" stop-color="#D7D5FF"/></linearGradient><linearGradient id="c" x1="2" x2="274" y1="2" y2="274" gradientUnits="userSpaceOnUse"><stop stop-color="#9688FD"/><stop offset="1" stop-color="#607EF4"/></linearGradient></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 276 276" width="${width}" height="${height}" ${restAttrs}><rect width="274" height="274" x="1" y="1" fill="url(#a)" rx="81"/><path stroke="url(#b)" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" d="M142.892 59.721c-30.057-5.67-40.834 99.13-23.051 131.821"/><path stroke="#D7D5FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" d="M119.577 191.219c17.747 32.552 50.284 32.552 65.206-4.71"/><path stroke="#F4F3FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" d="M142.892 59.729c30.057 5.656-2.582 97.684-50.401 145.51"/><rect width="274" height="274" x="1" y="1" stroke="url(#c)" stroke-width="2" rx="81"/><defs><linearGradient id="a" x1="2" x2="274" y1="2" y2="274" gradientUnits="userSpaceOnUse"><stop stop-color="#9688FD"/><stop offset="1" stop-color="#607EF4"/></linearGradient><linearGradient id="b" x1="132.555" x2="94.765" y1="62.627" y2="82.582" gradientUnits="userSpaceOnUse"><stop stop-color="#F4F3FF"/><stop offset="1" stop-color="#D7D5FF"/></linearGradient><linearGradient id="c" x1="2" x2="274" y1="2" y2="274" gradientUnits="userSpaceOnUse"><stop stop-color="#9688FD"/><stop offset="1" stop-color="#607EF4"/></linearGradient></defs></svg>`;
 </script>
 
 {@html svgContent}