@selemondev/svgl-svelte 0.0.2 → 2.0.0

package/dist/components/Carrd.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" xml:space="preserve" style="enable-background:new 0 0 896 896" viewBox="0 0 896 896" width="${width}" height="${height}"><linearGradient id="a" x1="141.569" x2="754.431" y1="143.569" y2="756.431" gradientTransform="matrix(1 0 0 -1 0 898)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#7366a7"/><stop offset=".268" style="stop-color:#6b68aa"/><stop offset=".691" style="stop-color:#546db1"/><stop offset="1" style="stop-color:#3f71b7"/></linearGradient><path fill="url(#a)" d="M448 881.3c-239.4 0-433.4-194-433.4-433.3S208.6 14.7 448 14.7s433.4 194 433.4 433.3-194 433.3-433.4 433.3z"/><path fill="#FFF" d="M661.2 613.1 401.1 738c-1.6.8-3.4 1.2-5.2 1.2-2.2 0-4.4-.6-6.4-1.8-3.5-2.2-5.6-6-5.6-10.2V603.5l-140.5-58.8c-4.5-1.9-7.4-6.2-7.4-11.1V208.8c0-4.1 2.1-8 5.6-10.2s7.9-2.4 11.6-.7l270.4 129.8 127.3-61.1c3.7-1.8 8.1-1.5 11.6.7s5.6 6 5.6 10.2v324.8c-.1 4.6-2.7 8.8-6.9 10.8zM260 227.9v297.7l123.9 51.9v-59.8L306 486.3c-6.1-2.5-9.1-9.5-6.7-15.6 2.5-6.2 9.5-9.1 15.6-6.7l69 27.8v-49.1L306 411.3c-6.1-2.5-9.1-9.5-6.7-15.6 2.5-6.2 9.5-9.1 15.6-6.7l69 27.8v-14.3c0-4.6 2.6-8.8 6.8-10.8l17.8-8.6-103.1-46.9c-6-2.7-8.7-9.9-6-15.9s9.9-8.7 15.9-6l121.3 55.3 59.1-28.4L260 227.9zm384 68.7L407.9 410V708.2L644 594.7V296.6zM453 451.8l135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2-4.5 0-8.7-2.5-10.8-6.8-2.8-5.9-.3-13.1 5.6-16zm0 75 135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2-4.5 0-8.7-2.5-10.8-6.8-2.8-6-.3-13.1 5.6-16zm0 74.9 135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2-4.5 0-8.7-2.5-10.8-6.8-2.8-5.9-.3-13.1 5.6-16z"/></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" xml:space="preserve" style="enable-background:new 0 0 896 896" viewBox="0 0 896 896" width="${width}" height="${height}" ${restAttrs}><linearGradient id="a" x1="141.569" x2="754.431" y1="143.569" y2="756.431" gradientTransform="matrix(1 0 0 -1 0 898)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#7366a7"/><stop offset=".268" style="stop-color:#6b68aa"/><stop offset=".691" style="stop-color:#546db1"/><stop offset="1" style="stop-color:#3f71b7"/></linearGradient><path fill="url(#a)" d="M448 881.3c-239.4 0-433.4-194-433.4-433.3S208.6 14.7 448 14.7s433.4 194 433.4 433.3-194 433.3-433.4 433.3z"/><path fill="#FFF" d="M661.2 613.1 401.1 738c-1.6.8-3.4 1.2-5.2 1.2-2.2 0-4.4-.6-6.4-1.8-3.5-2.2-5.6-6-5.6-10.2V603.5l-140.5-58.8c-4.5-1.9-7.4-6.2-7.4-11.1V208.8c0-4.1 2.1-8 5.6-10.2s7.9-2.4 11.6-.7l270.4 129.8 127.3-61.1c3.7-1.8 8.1-1.5 11.6.7s5.6 6 5.6 10.2v324.8c-.1 4.6-2.7 8.8-6.9 10.8zM260 227.9v297.7l123.9 51.9v-59.8L306 486.3c-6.1-2.5-9.1-9.5-6.7-15.6 2.5-6.2 9.5-9.1 15.6-6.7l69 27.8v-49.1L306 411.3c-6.1-2.5-9.1-9.5-6.7-15.6 2.5-6.2 9.5-9.1 15.6-6.7l69 27.8v-14.3c0-4.6 2.6-8.8 6.8-10.8l17.8-8.6-103.1-46.9c-6-2.7-8.7-9.9-6-15.9s9.9-8.7 15.9-6l121.3 55.3 59.1-28.4L260 227.9zm384 68.7L407.9 410V708.2L644 594.7V296.6zM453 451.8l135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2-4.5 0-8.7-2.5-10.8-6.8-2.8-5.9-.3-13.1 5.6-16zm0 75 135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2-4.5 0-8.7-2.5-10.8-6.8-2.8-6-.3-13.1 5.6-16zm0 74.9 135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2-4.5 0-8.7-2.5-10.8-6.8-2.8-5.9-.3-13.1 5.6-16z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/ChakraUI.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 257 257" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><rect width="257" height="257" rx="128.5" fill="url(#a)"/><path d="m69.558 133.985 87.592-86.99c1.636-1.624 4.27.353 3.165 2.378l-32.601 59.752c-.728 1.332.237 2.958 1.755 2.958h56.34c1.815 0 2.691 2.223 1.364 3.462l-98.728 92.142c-1.77 1.652-4.405-.676-2.984-2.636l46.736-64.473c.958-1.322.014-3.174-1.619-3.174h-59.61c-1.786 0-2.677-2.161-1.41-3.419z" fill="#fff"/><defs><linearGradient id="a" x1="128.5" x2="128.5" y2="257" gradientUnits="userSpaceOnUse"><stop stop-color="#7BCBD4"/><stop offset="1" stop-color="#29C6B7"/></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 viewBox="0 0 257 257" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><rect width="257" height="257" rx="128.5" fill="url(#a)"/><path d="m69.558 133.985 87.592-86.99c1.636-1.624 4.27.353 3.165 2.378l-32.601 59.752c-.728 1.332.237 2.958 1.755 2.958h56.34c1.815 0 2.691 2.223 1.364 3.462l-98.728 92.142c-1.77 1.652-4.405-.676-2.984-2.636l46.736-64.473c.958-1.322.014-3.174-1.619-3.174h-59.61c-1.786 0-2.677-2.161-1.41-3.419z" fill="#fff"/><defs><linearGradient id="a" x1="128.5" x2="128.5" y2="257" gradientUnits="userSpaceOnUse"><stop stop-color="#7BCBD4"/><stop offset="1" stop-color="#29C6B7"/></linearGradient></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Chartjs.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 296" width="${width}" height="${height}"><path fill="#36A2EB" d="M248.572 148.807c-41.32.811-32.713 26.969-61.833 33.584-29.582 6.72-34.252-72.248-63.826-72.248-29.579 0-36.13 76.709-73.166 129.37l-1.057 1.491 79.404 45.836 120.478-69.551v-68.482Z"/><path fill="#FFCE56" d="M248.572 146.426c-13.832-17.752-23.214-38.16-43.4-38.16-35.72 0-26.32 58.271-65.798 58.271-39.482 0-43.633-62.679-88.358-3.759-14.252 18.774-25.723 39.707-34.734 59.515l111.812 64.549 120.478-69.551v-70.865Z"/><path fill="#FE6184" d="M7.613 170.564c13.555-37.538 19.405-67.94 45.283-67.94 39.478 0 48.875 110.908 82.718 99.625 33.838-11.278 30.077-71.432 82.719-71.432 10.02 0 20.25 6.138 30.241 16.067v70.405l-120.478 69.55L7.613 217.29v-46.725Z" opacity=".8"/><path fill="#E7E9ED" d="M128 295.56 0 221.673V73.89L128 0l128 73.89v147.78l-128 73.89ZM15.039 212.99 128 278.2l112.961-65.21V82.572L128 17.362 15.039 82.572V212.99Z"/></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 296" width="${width}" height="${height}" ${restAttrs}><path fill="#36A2EB" d="M248.572 148.807c-41.32.811-32.713 26.969-61.833 33.584-29.582 6.72-34.252-72.248-63.826-72.248-29.579 0-36.13 76.709-73.166 129.37l-1.057 1.491 79.404 45.836 120.478-69.551v-68.482Z"/><path fill="#FFCE56" d="M248.572 146.426c-13.832-17.752-23.214-38.16-43.4-38.16-35.72 0-26.32 58.271-65.798 58.271-39.482 0-43.633-62.679-88.358-3.759-14.252 18.774-25.723 39.707-34.734 59.515l111.812 64.549 120.478-69.551v-70.865Z"/><path fill="#FE6184" d="M7.613 170.564c13.555-37.538 19.405-67.94 45.283-67.94 39.478 0 48.875 110.908 82.718 99.625 33.838-11.278 30.077-71.432 82.719-71.432 10.02 0 20.25 6.138 30.241 16.067v70.405l-120.478 69.55L7.613 217.29v-46.725Z" opacity=".8"/><path fill="#E7E9ED" d="M128 295.56 0 221.673V73.89L128 0l128 73.89v147.78l-128 73.89ZM15.039 212.99 128 278.2l112.961-65.21V82.572L128 17.362 15.039 82.572V212.99Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Chrome.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 190.5 190.5" width="${width}" height="${height}"><path fill="#fff" d="M95.252 142.873c26.304 0 47.627-21.324 47.627-47.628s-21.323-47.628-47.627-47.628-47.627 21.324-47.627 47.628 21.323 47.628 47.627 47.628z"/><path fill="#229342" d="m54.005 119.07-41.24-71.43a95.227 95.227 0 0 0-.003 95.25 95.234 95.234 0 0 0 82.496 47.61l41.24-71.43v-.011a47.613 47.613 0 0 1-17.428 17.443 47.62 47.62 0 0 1-47.632.007 47.62 47.62 0 0 1-17.433-17.437z"/><path fill="#fbc116" d="m136.495 119.067-41.239 71.43a95.229 95.229 0 0 0 82.489-47.622A95.24 95.24 0 0 0 190.5 95.248a95.237 95.237 0 0 0-12.772-47.623H95.249l-.01.007a47.62 47.62 0 0 1 23.819 6.372 47.618 47.618 0 0 1 17.439 17.431 47.62 47.62 0 0 1-.001 47.633z"/><path fill="#1a73e8" d="M95.252 132.961c20.824 0 37.705-16.881 37.705-37.706S116.076 57.55 95.252 57.55 57.547 74.431 57.547 95.255s16.881 37.706 37.705 37.706z"/><path fill="#e33b2e" d="M95.252 47.628h82.479A95.237 95.237 0 0 0 142.87 12.76 95.23 95.23 0 0 0 95.245 0a95.222 95.222 0 0 0-47.623 12.767 95.23 95.23 0 0 0-34.856 34.872l41.24 71.43.011.006a47.62 47.62 0 0 1-.015-47.633 47.61 47.61 0 0 1 41.252-23.815z"/></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 190.5 190.5" width="${width}" height="${height}" ${restAttrs}><path fill="#fff" d="M95.252 142.873c26.304 0 47.627-21.324 47.627-47.628s-21.323-47.628-47.627-47.628-47.627 21.324-47.627 47.628 21.323 47.628 47.627 47.628z"/><path fill="#229342" d="m54.005 119.07-41.24-71.43a95.227 95.227 0 0 0-.003 95.25 95.234 95.234 0 0 0 82.496 47.61l41.24-71.43v-.011a47.613 47.613 0 0 1-17.428 17.443 47.62 47.62 0 0 1-47.632.007 47.62 47.62 0 0 1-17.433-17.437z"/><path fill="#fbc116" d="m136.495 119.067-41.239 71.43a95.229 95.229 0 0 0 82.489-47.622A95.24 95.24 0 0 0 190.5 95.248a95.237 95.237 0 0 0-12.772-47.623H95.249l-.01.007a47.62 47.62 0 0 1 23.819 6.372 47.618 47.618 0 0 1 17.439 17.431 47.62 47.62 0 0 1-.001 47.633z"/><path fill="#1a73e8" d="M95.252 132.961c20.824 0 37.705-16.881 37.705-37.706S116.076 57.55 95.252 57.55 57.547 74.431 57.547 95.255s16.881 37.706 37.705 37.706z"/><path fill="#e33b2e" d="M95.252 47.628h82.479A95.237 95.237 0 0 0 142.87 12.76 95.23 95.23 0 0 0 95.245 0a95.222 95.222 0 0 0-47.623 12.767 95.23 95.23 0 0 0-34.856 34.872l41.24 71.43.011.006a47.62 47.62 0 0 1-.015-47.633 47.61 47.61 0 0 1 41.252-23.815z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Chromium.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 511.98489 511.98489" 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" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 511.98489 511.98489" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient xlink:href="#a" id="f" x1=".46521288" x2=".5565635" y1="-.67390651" y2=".81129867" gradientTransform="matrix(231.62575 0 0 231.62472 111.11013 159.99363)" gradientUnits="userSpaceOnUse"/>
     <linearGradient id="a">

package/dist/components/Cisco.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 52 28" 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 52 28" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M51.2293 8.37685C51.2293 7.76429 50.7317 7.26562 50.1181 7.26562C49.5033 7.26562 49.0068 7.76429 49.0068 8.37685V10.7143C49.0068 11.3302 49.5033 11.8288 50.1181 11.8288C50.7317 11.8288 51.2293 11.3302 51.2293 10.7143V8.37685ZM45.1136 5.30654C45.1136 4.69288 44.6172 4.19531 43.988 4.19531C43.3744 4.19531 42.8779 4.69288 42.8779 5.30654V10.7123C42.8779 11.3282 43.3744 11.8268 43.988 11.8268C44.6172 11.8268 45.1136 11.3282 45.1136 10.7123V5.30654ZM38.9853 1.11012C38.9853 0.495352 38.4877 0 37.8741 0C37.2604 0 36.7617 0.495352 36.7617 1.11012V12.93C36.7617 13.5481 37.2604 14.0446 37.8741 14.0446C38.4877 14.0446 38.9853 13.5481 38.9853 12.93V1.11012ZM32.8551 5.30654C32.8551 4.69288 32.3587 4.19531 31.7439 4.19531C31.1291 4.19531 30.6338 4.69288 30.6338 5.30654V10.7123C30.6338 11.3282 31.1291 11.8268 31.7439 11.8268C32.3587 11.8268 32.8551 11.3282 32.8551 10.7123V5.30654ZM26.7254 8.37685C26.7254 7.76429 26.23 7.26562 25.6197 7.26562C25.0038 7.26562 24.5029 7.76429 24.5029 8.37685V10.7143C24.5029 11.3302 25.0038 11.8288 25.6197 11.8288C26.23 11.8288 26.7254 11.3302 26.7254 10.7143V8.37685ZM20.6103 5.30654C20.6103 4.69288 20.1083 4.19531 19.4936 4.19531C18.8788 4.19531 18.3779 4.69288 18.3779 5.30654V10.7123C18.3779 11.3282 18.8788 11.8268 19.4936 11.8268C20.1083 11.8268 20.6103 11.3282 20.6103 10.7123V5.30654ZM14.4801 1.11012C14.4801 0.495352 13.9814 0 13.3655 0C12.7541 0 12.251 0.495352 12.251 1.11012V12.93C12.251 13.5481 12.7541 14.0446 13.3655 14.0446C13.9814 14.0446 14.4801 13.5481 14.4801 12.93V1.11012ZM8.35617 5.30654C8.35617 4.69288 7.85418 4.19531 7.24273 4.19531C6.62686 4.19531 6.12598 4.69288 6.12598 5.30654V10.7123C6.12598 11.3282 6.62686 11.8268 7.24273 11.8268C7.85418 11.8268 8.35617 11.3282 8.35617 10.7123V5.30654ZM2.23019 8.37685C2.23019 7.76429 1.72931 7.26562 1.11454 7.26562C0.500881 7.26562 0 7.76429 0 8.37685V10.7143C0 11.3302 0.500881 11.8288 1.11454 11.8288C1.72931 11.8288 2.23019 11.3302 2.23019 10.7143V8.37685ZM25.2545 18.0665C25.186 18.0488 24.1588 17.7812 23.0642 17.7812C20.9954 17.7812 19.7471 18.9002 19.7471 20.5643C19.7471 22.0404 20.7897 22.7735 22.0436 23.1693C22.1818 23.2157 22.3864 23.2777 22.5213 23.3241C23.0807 23.4988 23.523 23.7598 23.523 24.2109C23.523 24.7151 23.0089 25.0413 21.8921 25.0413C20.9114 25.0413 19.9693 24.7615 19.7692 24.7106V26.7606C19.8809 26.7849 20.9998 27.0028 22.1951 27.0028C23.9133 27.0028 25.8804 26.252 25.8804 24.0163C25.8804 22.9316 25.2158 21.9331 23.7585 21.4687L23.1382 21.2719C22.7689 21.1547 22.1088 20.9657 22.1088 20.4239C22.1088 19.9949 22.5987 19.6941 23.4998 19.6941C24.276 19.6941 25.2203 19.955 25.2545 19.9683V18.0665ZM41.9169 20.0469C43.246 20.0469 44.2389 21.0951 44.2389 22.3887C44.2389 23.6824 43.246 24.7306 41.9169 24.7306C40.5824 24.7306 39.5928 23.6824 39.5928 22.3887C39.5928 21.0951 40.5824 20.0469 41.9169 20.0469ZM46.6202 22.3898C46.6202 19.8445 44.6542 17.7812 41.9176 17.7812C39.1788 17.7812 37.2129 19.8445 37.2129 22.3898C37.2129 24.934 39.1788 26.9983 41.9176 26.9983C44.6542 26.9983 46.6202 24.934 46.6202 22.3898ZM11.4013 18.0975C11.1901 18.0378 10.4095 17.7812 9.35242 17.7812C6.62025 17.7812 4.6123 19.7284 4.6123 22.3898C4.6123 25.2569 6.82701 26.9983 9.35242 26.9983C10.3564 26.9983 11.1215 26.7606 11.4013 26.6821V24.2916C11.3051 24.3458 10.5709 24.7637 9.51275 24.7637C8.01674 24.7637 7.05147 23.7111 7.05147 22.3898C7.05147 21.0243 8.05876 20.0148 9.51275 20.0148C10.5886 20.0148 11.3117 20.4427 11.4013 20.4891V18.0975ZM34.8467 18.0975C34.6355 18.0378 33.8538 17.7812 32.799 17.7812C30.0624 17.7812 28.0566 19.7284 28.0566 22.3898C28.0566 25.2569 30.2725 26.9983 32.799 26.9983C33.7974 26.9983 34.5648 26.7606 34.8467 26.6821V24.2916C34.7483 24.3458 34.0141 24.7637 32.9582 24.7637C31.4633 24.7637 30.498 23.7111 30.498 22.3898C30.498 21.0243 31.5053 20.0148 32.9582 20.0148C34.0318 20.0148 34.7572 20.4427 34.8467 20.4891V18.0975ZM14.4893 26.8406H16.736V17.9375H14.4893V26.8406Z" fill="#00bceb"/>
 </svg>`;
 </script>

package/dist/components/ClaudeAI.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 257" width="${width}" height="${height}"><path fill="#D97757" d="m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z"/></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 257" width="${width}" height="${height}" ${restAttrs}><path fill="#D97757" d="m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Clerk.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path d="m21.47 20.829 -2.881 -2.881a0.572 0.572 0 0 0 -0.7 -0.084 6.854 6.854 0 0 1 -7.081 0 0.576 0.576 0 0 0 -0.7 0.084l-2.881 2.881a0.576 0.576 0 0 0 -0.103 0.69 0.57 0.57 0 0 0 0.166 0.186 12 12 0 0 0 14.113 0 0.58 0.58 0 0 0 0.239 -0.423 0.576 0.576 0 0 0 -0.172 -0.453Zm0.002 -17.668 -2.88 2.88a0.569 0.569 0 0 1 -0.701 0.084A6.857 6.857 0 0 0 8.724 8.08a6.862 6.862 0 0 0 -1.222 3.692 6.86 6.86 0 0 0 0.978 3.764 0.573 0.573 0 0 1 -0.083 0.699l-2.881 2.88a0.567 0.567 0 0 1 -0.864 -0.063A11.993 11.993 0 0 1 6.771 2.7a11.99 11.99 0 0 1 14.637 -0.405 0.566 0.566 0 0 1 0.232 0.418 0.57 0.57 0 0 1 -0.168 0.448Zm-7.118 12.261a3.427 3.427 0 1 0 0 -6.854 3.427 3.427 0 0 0 0 6.854Z" fill="#111" stroke-width="1"></path></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 128 128" width="${width}" height="${height}" ${restAttrs}><circle cx="64" cy="64" r="20" fill="#6C47FF"/><path fill="#BAB1FF" d="M99.572 10.788c1.999 1.34 2.17 4.156.468 5.858L85.424 31.262c-1.32 1.32-3.37 1.53-5.033.678A35.846 35.846 0 0 0 64 28c-19.882 0-36 16.118-36 36a35.846 35.846 0 0 0 3.94 16.391c.851 1.663.643 3.712-.678 5.033L16.646 100.04c-1.702 1.702-4.519 1.531-5.858-.468C3.974 89.399 0 77.163 0 64 0 28.654 28.654 0 64 0c13.163 0 25.399 3.974 35.572 10.788Z"/><path fill="#6C47FF" d="M100.04 111.354c1.702 1.702 1.531 4.519-.468 5.858C89.399 124.026 77.164 128 64 128c-13.164 0-25.399-3.974-35.572-10.788-2-1.339-2.17-4.156-.468-5.858l14.615-14.616c1.322-1.32 3.37-1.53 5.033-.678A35.847 35.847 0 0 0 64 100a35.846 35.846 0 0 0 16.392-3.94c1.662-.852 3.712-.643 5.032.678l14.616 14.616Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Cloudflare.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 116" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><path fill="#FFF" d="m202.357 49.394-5.311-2.124C172.085 103.434 72.786 69.289 66.81 85.997c-.996 11.286 54.227 2.146 93.706 4.059 12.039.583 18.076 9.671 12.964 24.484l10.069.031c11.615-36.209 48.683-17.73 50.232-29.68-2.545-7.857-42.601 0-31.425-35.497Z"/><path fill="#F4811F" d="M176.332 108.348c1.593-5.31 1.062-10.622-1.593-13.809-2.656-3.187-6.374-5.31-11.154-5.842L71.17 87.634c-.531 0-1.062-.53-1.593-.53-.531-.532-.531-1.063 0-1.594.531-1.062 1.062-1.594 2.124-1.594l92.946-1.062c11.154-.53 22.839-9.56 27.087-20.182l5.312-13.809c0-.532.531-1.063 0-1.594C191.203 20.182 166.772 0 138.091 0 111.535 0 88.697 16.995 80.73 40.896c-5.311-3.718-11.684-5.843-19.12-5.31-12.747 1.061-22.838 11.683-24.432 24.43-.531 3.187 0 6.374.532 9.56C16.996 70.107 0 87.103 0 108.348c0 2.124 0 3.718.531 5.842 0 1.063 1.062 1.594 1.594 1.594h170.489c1.062 0 2.125-.53 2.125-1.594l1.593-5.842Z"/><path fill="#FAAD3F" d="M205.544 48.863h-2.656c-.531 0-1.062.53-1.593 1.062l-3.718 12.747c-1.593 5.31-1.062 10.623 1.594 13.809 2.655 3.187 6.373 5.31 11.153 5.843l19.652 1.062c.53 0 1.062.53 1.593.53.53.532.53 1.063 0 1.594-.531 1.063-1.062 1.594-2.125 1.594l-20.182 1.062c-11.154.53-22.838 9.56-27.087 20.182l-1.063 4.78c-.531.532 0 1.594 1.063 1.594h70.108c1.062 0 1.593-.531 1.593-1.593 1.062-4.25 2.124-9.03 2.124-13.81 0-27.618-22.838-50.456-50.456-50.456"/></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 116" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><path fill="#FFF" d="m202.357 49.394-5.311-2.124C172.085 103.434 72.786 69.289 66.81 85.997c-.996 11.286 54.227 2.146 93.706 4.059 12.039.583 18.076 9.671 12.964 24.484l10.069.031c11.615-36.209 48.683-17.73 50.232-29.68-2.545-7.857-42.601 0-31.425-35.497Z"/><path fill="#F4811F" d="M176.332 108.348c1.593-5.31 1.062-10.622-1.593-13.809-2.656-3.187-6.374-5.31-11.154-5.842L71.17 87.634c-.531 0-1.062-.53-1.593-.53-.531-.532-.531-1.063 0-1.594.531-1.062 1.062-1.594 2.124-1.594l92.946-1.062c11.154-.53 22.839-9.56 27.087-20.182l5.312-13.809c0-.532.531-1.063 0-1.594C191.203 20.182 166.772 0 138.091 0 111.535 0 88.697 16.995 80.73 40.896c-5.311-3.718-11.684-5.843-19.12-5.31-12.747 1.061-22.838 11.683-24.432 24.43-.531 3.187 0 6.374.532 9.56C16.996 70.107 0 87.103 0 108.348c0 2.124 0 3.718.531 5.842 0 1.063 1.062 1.594 1.594 1.594h170.489c1.062 0 2.125-.53 2.125-1.594l1.593-5.842Z"/><path fill="#FAAD3F" d="M205.544 48.863h-2.656c-.531 0-1.062.53-1.593 1.062l-3.718 12.747c-1.593 5.31-1.062 10.623 1.594 13.809 2.655 3.187 6.373 5.31 11.153 5.843l19.652 1.062c.53 0 1.062.53 1.593.53.53.532.53 1.063 0 1.594-.531 1.063-1.062 1.594-2.125 1.594l-20.182 1.062c-11.154.53-22.838 9.56-27.087 20.182l-1.063 4.78c-.531.532 0 1.594 1.063 1.594h70.108c1.062 0 1.593-.531 1.593-1.593 1.062-4.25 2.124-9.03 2.124-13.81 0-27.618-22.838-50.456-50.456-50.456"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/CloudflareWorkers.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 231" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><linearGradient id="a" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#EB6F07"/><stop offset="100%" stop-color="#FAB743"/></linearGradient><linearGradient id="b" x1="81%" x2="40.5%" y1="83.7%" y2="29.5%"><stop offset="0%" stop-color="#D96504"/><stop offset="100%" stop-color="#D96504" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="42%" x2="84%" y1="8.7%" y2="79.9%"><stop offset="0%" stop-color="#EB6F07"/><stop offset="100%" stop-color="#EB720A" stop-opacity="0"/></linearGradient><linearGradient id="d" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#EE6F05"/><stop offset="100%" stop-color="#FAB743"/></linearGradient><linearGradient id="e" x1="-33.2%" x2="91.7%" y1="100%" y2="0%"><stop offset="0%" stop-color="#D96504" stop-opacity=".8"/><stop offset="49.8%" stop-color="#D96504" stop-opacity=".2"/><stop offset="100%" stop-color="#D96504" stop-opacity="0"/></linearGradient><linearGradient id="f" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#FFA95F"/><stop offset="100%" stop-color="#FFEBC8"/></linearGradient><linearGradient id="g" x1="8.1%" x2="96.5%" y1="1.1%" y2="48.8%"><stop offset="0%" stop-color="#FFF" stop-opacity=".5"/><stop offset="100%" stop-color="#FFF" stop-opacity=".1"/></linearGradient><linearGradient id="h" x1="-13.7%" x2="100%" y1="104.2%" y2="46.2%"><stop offset="0%" stop-color="#FFF" stop-opacity=".5"/><stop offset="100%" stop-color="#FFF" stop-opacity=".1"/></linearGradient></defs><path fill="url(#a)" d="m65.82 3.324 30.161 54.411-27.698 49.857a16.003 16.003 0 0 0 0 15.573l27.698 49.98-30.16 54.411a32.007 32.007 0 0 1-13.542-12.74L4.27 131.412a32.13 32.13 0 0 1 0-32.007l48.01-83.403a32.007 32.007 0 0 1 13.542-12.68Z"/><path fill="url(#b)" d="M68.283 107.654a16.003 16.003 0 0 0 0 15.51l27.698 49.98-30.16 54.412a32.007 32.007 0 0 1-13.542-12.74L4.27 131.412c-3.816-6.586 17.542-14.465 64.014-23.698v-.061Z" opacity=".7"/><path fill="url(#c)" d="m68.898 8.802 27.083 48.933-4.493 7.818-23.882-40.44c-6.894-11.264-17.42-5.416-30.591 17.358l1.97-3.386 13.294-23.082a32.007 32.007 0 0 1 13.419-12.68l3.139 5.479h.061Z" opacity=".5"/><path fill="url(#d)" d="m203.696 16.003 48.01 83.403c5.725 9.848 5.725 22.159 0 32.007l-48.01 83.402a32.007 32.007 0 0 1-27.698 16.004h-48.01l59.705-107.654a16.003 16.003 0 0 0 0-15.511L127.988 0h48.01a32.007 32.007 0 0 1 27.698 16.003Z"/><path fill="url(#e)" d="m173.536 230.45-47.395.43 57.367-108.208a16.619 16.619 0 0 0 0-15.634L126.14 0h10.834l60.197 106.546a16.619 16.619 0 0 1-.062 16.496 9616.838 9616.838 0 0 0-38.592 67.707c-11.695 20.558-6.648 33.791 15.018 39.7Z"/><path fill="url(#f)" d="M79.978 230.819c-4.924 0-9.849-1.17-14.157-3.263l59.212-106.792a11.045 11.045 0 0 0 0-10.71L65.821 3.324A32.007 32.007 0 0 1 79.978 0h48.01l59.705 107.654a16.003 16.003 0 0 1 0 15.51L127.988 230.82h-48.01Z"/><path fill="url(#g)" d="M183.508 110.054 122.448 0h5.54l59.705 107.654a16.003 16.003 0 0 1 0 15.51L127.988 230.82h-5.54l61.06-110.055a11.045 11.045 0 0 0 0-10.71Z" opacity=".6"/><path fill="url(#h)" d="M125.033 110.054 65.821 3.324c1.846-.985 4.062-1.724 6.155-2.34 13.049 23.452 32.315 59.029 57.859 106.67a16.003 16.003 0 0 1 0 15.51L71.053 229.589c-2.093-.616-3.201-1.047-5.17-1.97l59.089-106.792a11.045 11.045 0 0 0 0-10.71l.061-.062Z" opacity=".6"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 231" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#EB6F07"/><stop offset="100%" stop-color="#FAB743"/></linearGradient><linearGradient id="b" x1="81%" x2="40.5%" y1="83.7%" y2="29.5%"><stop offset="0%" stop-color="#D96504"/><stop offset="100%" stop-color="#D96504" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="42%" x2="84%" y1="8.7%" y2="79.9%"><stop offset="0%" stop-color="#EB6F07"/><stop offset="100%" stop-color="#EB720A" stop-opacity="0"/></linearGradient><linearGradient id="d" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#EE6F05"/><stop offset="100%" stop-color="#FAB743"/></linearGradient><linearGradient id="e" x1="-33.2%" x2="91.7%" y1="100%" y2="0%"><stop offset="0%" stop-color="#D96504" stop-opacity=".8"/><stop offset="49.8%" stop-color="#D96504" stop-opacity=".2"/><stop offset="100%" stop-color="#D96504" stop-opacity="0"/></linearGradient><linearGradient id="f" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#FFA95F"/><stop offset="100%" stop-color="#FFEBC8"/></linearGradient><linearGradient id="g" x1="8.1%" x2="96.5%" y1="1.1%" y2="48.8%"><stop offset="0%" stop-color="#FFF" stop-opacity=".5"/><stop offset="100%" stop-color="#FFF" stop-opacity=".1"/></linearGradient><linearGradient id="h" x1="-13.7%" x2="100%" y1="104.2%" y2="46.2%"><stop offset="0%" stop-color="#FFF" stop-opacity=".5"/><stop offset="100%" stop-color="#FFF" stop-opacity=".1"/></linearGradient></defs><path fill="url(#a)" d="m65.82 3.324 30.161 54.411-27.698 49.857a16.003 16.003 0 0 0 0 15.573l27.698 49.98-30.16 54.411a32.007 32.007 0 0 1-13.542-12.74L4.27 131.412a32.13 32.13 0 0 1 0-32.007l48.01-83.403a32.007 32.007 0 0 1 13.542-12.68Z"/><path fill="url(#b)" d="M68.283 107.654a16.003 16.003 0 0 0 0 15.51l27.698 49.98-30.16 54.412a32.007 32.007 0 0 1-13.542-12.74L4.27 131.412c-3.816-6.586 17.542-14.465 64.014-23.698v-.061Z" opacity=".7"/><path fill="url(#c)" d="m68.898 8.802 27.083 48.933-4.493 7.818-23.882-40.44c-6.894-11.264-17.42-5.416-30.591 17.358l1.97-3.386 13.294-23.082a32.007 32.007 0 0 1 13.419-12.68l3.139 5.479h.061Z" opacity=".5"/><path fill="url(#d)" d="m203.696 16.003 48.01 83.403c5.725 9.848 5.725 22.159 0 32.007l-48.01 83.402a32.007 32.007 0 0 1-27.698 16.004h-48.01l59.705-107.654a16.003 16.003 0 0 0 0-15.511L127.988 0h48.01a32.007 32.007 0 0 1 27.698 16.003Z"/><path fill="url(#e)" d="m173.536 230.45-47.395.43 57.367-108.208a16.619 16.619 0 0 0 0-15.634L126.14 0h10.834l60.197 106.546a16.619 16.619 0 0 1-.062 16.496 9616.838 9616.838 0 0 0-38.592 67.707c-11.695 20.558-6.648 33.791 15.018 39.7Z"/><path fill="url(#f)" d="M79.978 230.819c-4.924 0-9.849-1.17-14.157-3.263l59.212-106.792a11.045 11.045 0 0 0 0-10.71L65.821 3.324A32.007 32.007 0 0 1 79.978 0h48.01l59.705 107.654a16.003 16.003 0 0 1 0 15.51L127.988 230.82h-48.01Z"/><path fill="url(#g)" d="M183.508 110.054 122.448 0h5.54l59.705 107.654a16.003 16.003 0 0 1 0 15.51L127.988 230.82h-5.54l61.06-110.055a11.045 11.045 0 0 0 0-10.71Z" opacity=".6"/><path fill="url(#h)" d="M125.033 110.054 65.821 3.324c1.846-.985 4.062-1.724 6.155-2.34 13.049 23.452 32.315 59.029 57.859 106.67a16.003 16.003 0 0 1 0 15.51L71.053 229.589c-2.093-.616-3.201-1.047-5.17-1.97l59.089-106.792a11.045 11.045 0 0 0 0-10.71l.061-.062Z" opacity=".6"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Cloudinary.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 168" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><path fill="#3448C5" d="M75.06 75.202a.7.7 0 0 1 .498.208l23.56 23.581a.7.7 0 0 1-.488 1.188h-6.022c-.39 0-.71.31-.721.7v53.015a12.724 12.724 0 0 0 3.71 8.949l3.52 3.52a.7.7 0 0 1-.487 1.187H70.85c-7.027 0-12.723-5.696-12.723-12.723v-53.948a.7.7 0 0 0-.7-.7h-5.938a.7.7 0 0 1-.509-1.188l23.581-23.58a.7.7 0 0 1 .499-.21Zm52.103 13.656a.7.7 0 0 1 .498.209l23.581 23.496a.7.7 0 0 1-.509 1.188h-6.022c-.39.011-.7.33-.7.72v39.423a12.724 12.724 0 0 0 3.69 8.949l3.541 3.52a.7.7 0 0 1-.509 1.187h-27.716c-7.027 0-12.724-5.696-12.724-12.723v-40.313c0-.39-.31-.71-.7-.721h-6a.7.7 0 0 1-.488-1.188l23.56-23.538a.7.7 0 0 1 .498-.209Zm52.114 13.51c.183 0 .36.075.487.207l23.581 23.56a.7.7 0 0 1-.487 1.209h-6.044a.7.7 0 0 0-.7.7v25.85a12.724 12.724 0 0 0 3.711 8.949l3.52 3.52a.7.7 0 0 1-.487 1.187h-27.801c-7.027 0-12.724-5.696-12.724-12.723v-26.784a.7.7 0 0 0-.7-.7h-5.937a.7.7 0 0 1-.488-1.208l23.58-23.56a.679.679 0 0 1 .489-.207ZM126.686-.002c37.04.27 69.71 24.323 80.964 59.614C235.16 63.202 255.8 86.54 256 114.28c0 22.895-14.319 41.921-37.438 49.842l-.86.289-1.06.339v-17.092c14.695-6.192 23.326-18.428 23.326-33.378-.075-21.097-16.782-38.323-37.78-39.126l-.709-.02h-6.361l-1.527-6.066c-7.494-30.93-35.08-52.79-66.905-53.015-26.187-.125-50.1 14.755-61.576 38.23l-2.36 4.861-4.454.467c-20.112 2.151-36.627 16.862-41.08 36.593-4.39 19.449 3.898 39.527 20.646 50.231l.734.46v18.025h-.106l-1.59-.721C11.744 152.636-2.99 126.08.51 98.616 4.012 71.153 24.938 49.142 52.19 44.258 66.912 16.851 95.575-.177 126.686-.002Z"/></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 168" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><path fill="#3448C5" d="M75.06 75.202a.7.7 0 0 1 .498.208l23.56 23.581a.7.7 0 0 1-.488 1.188h-6.022c-.39 0-.71.31-.721.7v53.015a12.724 12.724 0 0 0 3.71 8.949l3.52 3.52a.7.7 0 0 1-.487 1.187H70.85c-7.027 0-12.723-5.696-12.723-12.723v-53.948a.7.7 0 0 0-.7-.7h-5.938a.7.7 0 0 1-.509-1.188l23.581-23.58a.7.7 0 0 1 .499-.21Zm52.103 13.656a.7.7 0 0 1 .498.209l23.581 23.496a.7.7 0 0 1-.509 1.188h-6.022c-.39.011-.7.33-.7.72v39.423a12.724 12.724 0 0 0 3.69 8.949l3.541 3.52a.7.7 0 0 1-.509 1.187h-27.716c-7.027 0-12.724-5.696-12.724-12.723v-40.313c0-.39-.31-.71-.7-.721h-6a.7.7 0 0 1-.488-1.188l23.56-23.538a.7.7 0 0 1 .498-.209Zm52.114 13.51c.183 0 .36.075.487.207l23.581 23.56a.7.7 0 0 1-.487 1.209h-6.044a.7.7 0 0 0-.7.7v25.85a12.724 12.724 0 0 0 3.711 8.949l3.52 3.52a.7.7 0 0 1-.487 1.187h-27.801c-7.027 0-12.724-5.696-12.724-12.723v-26.784a.7.7 0 0 0-.7-.7h-5.937a.7.7 0 0 1-.488-1.208l23.58-23.56a.679.679 0 0 1 .489-.207ZM126.686-.002c37.04.27 69.71 24.323 80.964 59.614C235.16 63.202 255.8 86.54 256 114.28c0 22.895-14.319 41.921-37.438 49.842l-.86.289-1.06.339v-17.092c14.695-6.192 23.326-18.428 23.326-33.378-.075-21.097-16.782-38.323-37.78-39.126l-.709-.02h-6.361l-1.527-6.066c-7.494-30.93-35.08-52.79-66.905-53.015-26.187-.125-50.1 14.755-61.576 38.23l-2.36 4.861-4.454.467c-20.112 2.151-36.627 16.862-41.08 36.593-4.39 19.449 3.898 39.527 20.646 50.231l.734.46v18.025h-.106l-1.59-.721C11.744 152.636-2.99 126.08.51 98.616 4.012 71.153 24.938 49.142 52.19 44.258 66.912 16.851 95.575-.177 126.686-.002Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Cobol.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}"><path fill="#005CA5" d="M208.5 61.368a41.713 41.713 0 0 0 16.547-23.643 43.475 43.475 0 0 1-.169 20.221c-2.091 5.457-5.316 10.379-7.819 15.647A204.09 204.09 0 0 1 259.8 46.05c-4.519 13.95-17.072 22.387-26.297 33.093 1.781 3.835 2.625 9.272 7.5 10.397a47.21 47.21 0 0 0 23.437 1.453c8.55-2.934 12.61-11.793 16.875-19.078v13.772a147.577 147.577 0 0 1-5.456 16.388c1.875 5.128 3.834 10.237 5.456 15.44v8.925c-2.006 3.45-4.143 6.806-6.215 10.21a49.618 49.618 0 0 0-10.013-10.894 37.781 37.781 0 0 0-17.353-1.172 30.116 30.116 0 0 0 22.622 13.781c-3.366 3.469-6.216 8.55-11.531 9.085-15.385 2.315-30.066-4.735-45.366-4.688-2.644.188-6.628.225-7.359 3.488 0 6.89 2.034 13.621 1.781 20.512-.553 11.794-4.8 23.119-4.959 34.931a129.186 129.186 0 0 0 7.856 32.325c-4.903-.722-9.788-1.556-14.644-2.437-.937 1.95-1.725 3.937-2.437 5.944a42.305 42.305 0 0 0 10.678 11.203 539.555 539.555 0 0 0-2.26 4.762l-5.372 1.294a412.684 412.684 0 0 1-3.75 6.928 41.45 41.45 0 0 0-20.625.572 1076.01 1076.01 0 0 1-13.021-5.316 55.67 55.67 0 0 0 3.815-21.703c-2.644-9.206-15-9.225-18.75-17.597a58.442 58.442 0 0 1-9.581-26.728c-7.716-4.059-13.641-11.447-22.5-13.125-.45 3.835-.778 7.688-1.434 11.503a56.397 56.397 0 0 1-12.638 22.557c.366 3.956.74 7.893 1.125 11.859a1482.79 1482.79 0 0 1 9.684 9.131A91.378 91.378 0 0 1 95.7 239.55a104.22 104.22 0 0 1-15.816.721c-2.419-2.381-4.856-4.762-7.284-7.162a45.666 45.666 0 0 0 1.069-24.45c1.603-3.75 3.056-7.613 4.453-11.447a52.17 52.17 0 0 1-28.22 1.931A48 48 0 0 1 19.06 158.55a36.176 36.176 0 0 1 13.19-30.638A60.096 60.096 0 0 0 30 152.428a28.481 28.481 0 0 0 23.438 23.118 32.45 32.45 0 0 0 18.375-6.028 70.126 70.126 0 0 1 3.403-38.747 51.786 51.786 0 0 1 33.619-24.937 39.7 39.7 0 0 0 18.853-14.681 100.042 100.042 0 0 1 14.335-12.469c-2.138-2.053-4.247-4.125-6.375-6.178a20.188 20.188 0 0 0 13.415-16.04c12.038-2.813 23.916-6.198 35.813-9.479a35.562 35.562 0 0 0 13.265 5.681c2.972 3.244 4.632 10.847 10.313 8.7m-35.41 125.269c.394 7.2-.45 15.609 6.319 20.203 0-7.078-.431-14.128-.937-21.187l-5.382.984Z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#005CA5" d="M208.5 61.368a41.713 41.713 0 0 0 16.547-23.643 43.475 43.475 0 0 1-.169 20.221c-2.091 5.457-5.316 10.379-7.819 15.647A204.09 204.09 0 0 1 259.8 46.05c-4.519 13.95-17.072 22.387-26.297 33.093 1.781 3.835 2.625 9.272 7.5 10.397a47.21 47.21 0 0 0 23.437 1.453c8.55-2.934 12.61-11.793 16.875-19.078v13.772a147.577 147.577 0 0 1-5.456 16.388c1.875 5.128 3.834 10.237 5.456 15.44v8.925c-2.006 3.45-4.143 6.806-6.215 10.21a49.618 49.618 0 0 0-10.013-10.894 37.781 37.781 0 0 0-17.353-1.172 30.116 30.116 0 0 0 22.622 13.781c-3.366 3.469-6.216 8.55-11.531 9.085-15.385 2.315-30.066-4.735-45.366-4.688-2.644.188-6.628.225-7.359 3.488 0 6.89 2.034 13.621 1.781 20.512-.553 11.794-4.8 23.119-4.959 34.931a129.186 129.186 0 0 0 7.856 32.325c-4.903-.722-9.788-1.556-14.644-2.437-.937 1.95-1.725 3.937-2.437 5.944a42.305 42.305 0 0 0 10.678 11.203 539.555 539.555 0 0 0-2.26 4.762l-5.372 1.294a412.684 412.684 0 0 1-3.75 6.928 41.45 41.45 0 0 0-20.625.572 1076.01 1076.01 0 0 1-13.021-5.316 55.67 55.67 0 0 0 3.815-21.703c-2.644-9.206-15-9.225-18.75-17.597a58.442 58.442 0 0 1-9.581-26.728c-7.716-4.059-13.641-11.447-22.5-13.125-.45 3.835-.778 7.688-1.434 11.503a56.397 56.397 0 0 1-12.638 22.557c.366 3.956.74 7.893 1.125 11.859a1482.79 1482.79 0 0 1 9.684 9.131A91.378 91.378 0 0 1 95.7 239.55a104.22 104.22 0 0 1-15.816.721c-2.419-2.381-4.856-4.762-7.284-7.162a45.666 45.666 0 0 0 1.069-24.45c1.603-3.75 3.056-7.613 4.453-11.447a52.17 52.17 0 0 1-28.22 1.931A48 48 0 0 1 19.06 158.55a36.176 36.176 0 0 1 13.19-30.638A60.096 60.096 0 0 0 30 152.428a28.481 28.481 0 0 0 23.438 23.118 32.45 32.45 0 0 0 18.375-6.028 70.126 70.126 0 0 1 3.403-38.747 51.786 51.786 0 0 1 33.619-24.937 39.7 39.7 0 0 0 18.853-14.681 100.042 100.042 0 0 1 14.335-12.469c-2.138-2.053-4.247-4.125-6.375-6.178a20.188 20.188 0 0 0 13.415-16.04c12.038-2.813 23.916-6.198 35.813-9.479a35.562 35.562 0 0 0 13.265 5.681c2.972 3.244 4.632 10.847 10.313 8.7m-35.41 125.269c.394 7.2-.45 15.609 6.319 20.203 0-7.078-.431-14.128-.937-21.187l-5.382.984Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Codesandbox.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 600 600" width="${width}" height="${height}"><path fill="#DCFF50" fill-rule="evenodd" d="M150 150h299.832v300H150V150Zm269.168 30.682v238.636H180.665V180.682h238.503Z" 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 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 600 600" width="${width}" height="${height}" ${restAttrs}><path fill="#DCFF50" fill-rule="evenodd" d="M150 150h299.832v300H150V150Zm269.168 30.682v238.636H180.665V180.682h238.503Z" clip-rule="evenodd"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Codium.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 170" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-93.94978 -1.31187 1.91351 -137.03592 119.07 85.05)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-50.24352 -14.35492 14.75776 -51.65347 180.635 22.73)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-50.24352 -14.35492 14.75776 -51.65347 180.635 159.67)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-45.96601 -20.03622 29.70752 -68.1534 226.095 157.52)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-45.96601 -20.03622 29.70752 -68.1534 226.095 31.103)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(29.90682 0 0 147.52703 229.683 83.74)"><stop stop-color="#05E5AD"/><stop offset=".32" stop-color="#05E5AD" stop-opacity="0"/><stop offset=".903" stop-color="#6447FF"/></radialGradient></defs><path d="M84.818 0c12.181 0 23.731 2.576 34.196 7.204-23.187 13.153-39.367 42.949-39.367 77.614 0 34.659 16.196 64.46 39.367 77.613a84.358 84.358 0 0 1-34.196 7.204C37.977 169.635 0 131.658 0 84.818 0 37.98 37.977 0 84.818 0Z" fill="url(#a)"/><path d="M151.704 32.693c-8.577-10.977-19.777-19.794-32.698-25.489C127.151 2.576 136.145 0 145.607 0c8.926 0 17.46 2.304 25.216 6.435-7.582 5.646-14.161 14.77-19.132 26.258h.013Z" fill="url(#b)"/><path d="M151.691 136.942c4.971 11.488 11.55 20.591 19.132 26.258-7.772 4.145-16.29 6.435-25.216 6.435-9.478 0-18.469-2.575-26.601-7.204 12.897-5.695 24.121-14.512 32.698-25.489h-.013Z" fill="url(#c)"/><path d="M79.639 84.818c0-34.665 16.196-64.461 39.367-77.614 12.897 5.695 24.121 14.512 32.698 25.489-6.244 14.389-9.959 32.47-9.959 52.125 0 19.646 3.729 37.735 9.959 52.119a85.129 85.129 0 0 1-32.698 25.494c-23.185-13.153-39.367-42.954-39.367-77.613Z" fill="#7962FE"/><path d="M203.084 126.414c2.399 12.788 5.872 23.514 10.06 31.083-7.085 7.7-15.391 12.13-24.289 12.13-6.383 0-12.467-2.29-18.023-6.435 13.688-7.283 25.034-20.326 32.252-36.756v-.022Z" fill="url(#d)"/><path d="M170.832 6.435C176.388 2.29 182.472 0 188.855 0c8.885 0 17.191 4.433 24.289 12.132-4.175 7.566-7.648 18.287-10.06 31.075-7.218-16.438-18.564-29.476-32.252-36.756v-.016Z" fill="url(#e)"/><path d="M151.704 136.929c11.216-14.382 17.92-32.465 17.92-52.12 0-19.652-6.704-37.735-17.92-52.116 4.98-11.48 11.553-20.599 19.141-26.264 13.683 7.281 25.029 20.327 32.247 36.756-2.32 12.29-3.633 26.49-3.633 41.611 0 15.121 1.33 29.312 3.633 41.605-7.218 16.435-18.564 29.481-32.247 36.761-7.588-5.651-14.161-14.767-19.141-26.263v.03Z" fill="#7962FE"/><path d="M151.696 136.942c-6.236-14.389-9.951-32.47-9.951-52.124 0-19.647 3.729-37.73 9.951-52.12 11.224 14.39 17.928 32.473 17.928 52.12 0 19.654-6.704 37.735-17.928 52.124Z" fill="#321BB2"/><path d="M213.144 12.132C217.4 4.433 222.38 0 227.724 0 243.343 0 256 37.98 256 84.818c0 46.84-12.657 84.817-28.276 84.817-5.331 0-10.324-4.438-14.58-12.132 13.682-14.85 22.837-41.828 22.837-72.685 0-30.855-9.155-57.85-22.837-72.686Z" fill="#05E6AD"/><path d="M213.144 12.132C217.4 4.433 222.38 0 227.724 0 243.343 0 256 37.98 256 84.818c0 46.84-12.657 84.817-28.276 84.817-5.331 0-10.324-4.438-14.58-12.132 13.682-14.85 22.837-41.828 22.837-72.685 0-30.855-9.155-57.85-22.837-72.686Z" fill="url(#f)"/><path d="M211.58 84.826c0-15.13-3.087-29.321-8.496-41.611 2.399-12.79 5.872-23.508 10.068-31.077 13.68 14.835 22.834 41.847 22.834 72.688 0 30.832-9.154 57.849-22.834 72.685-4.183-7.574-7.648-18.295-10.068-31.083 5.396-12.29 8.496-26.481 8.496-41.602Z" fill="#7962FE"/><path d="M203.084 126.423c-2.317-12.293-3.634-26.484-3.634-41.605 0-15.127 1.33-29.321 3.634-41.611 5.396 12.29 8.496 26.484 8.496 41.611 0 15.121-3.087 29.312-8.496 41.605Z" fill="#321BB2"/></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 170" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-93.94978 -1.31187 1.91351 -137.03592 119.07 85.05)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-50.24352 -14.35492 14.75776 -51.65347 180.635 22.73)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-50.24352 -14.35492 14.75776 -51.65347 180.635 159.67)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-45.96601 -20.03622 29.70752 -68.1534 226.095 157.52)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-45.96601 -20.03622 29.70752 -68.1534 226.095 31.103)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(29.90682 0 0 147.52703 229.683 83.74)"><stop stop-color="#05E5AD"/><stop offset=".32" stop-color="#05E5AD" stop-opacity="0"/><stop offset=".903" stop-color="#6447FF"/></radialGradient></defs><path d="M84.818 0c12.181 0 23.731 2.576 34.196 7.204-23.187 13.153-39.367 42.949-39.367 77.614 0 34.659 16.196 64.46 39.367 77.613a84.358 84.358 0 0 1-34.196 7.204C37.977 169.635 0 131.658 0 84.818 0 37.98 37.977 0 84.818 0Z" fill="url(#a)"/><path d="M151.704 32.693c-8.577-10.977-19.777-19.794-32.698-25.489C127.151 2.576 136.145 0 145.607 0c8.926 0 17.46 2.304 25.216 6.435-7.582 5.646-14.161 14.77-19.132 26.258h.013Z" fill="url(#b)"/><path d="M151.691 136.942c4.971 11.488 11.55 20.591 19.132 26.258-7.772 4.145-16.29 6.435-25.216 6.435-9.478 0-18.469-2.575-26.601-7.204 12.897-5.695 24.121-14.512 32.698-25.489h-.013Z" fill="url(#c)"/><path d="M79.639 84.818c0-34.665 16.196-64.461 39.367-77.614 12.897 5.695 24.121 14.512 32.698 25.489-6.244 14.389-9.959 32.47-9.959 52.125 0 19.646 3.729 37.735 9.959 52.119a85.129 85.129 0 0 1-32.698 25.494c-23.185-13.153-39.367-42.954-39.367-77.613Z" fill="#7962FE"/><path d="M203.084 126.414c2.399 12.788 5.872 23.514 10.06 31.083-7.085 7.7-15.391 12.13-24.289 12.13-6.383 0-12.467-2.29-18.023-6.435 13.688-7.283 25.034-20.326 32.252-36.756v-.022Z" fill="url(#d)"/><path d="M170.832 6.435C176.388 2.29 182.472 0 188.855 0c8.885 0 17.191 4.433 24.289 12.132-4.175 7.566-7.648 18.287-10.06 31.075-7.218-16.438-18.564-29.476-32.252-36.756v-.016Z" fill="url(#e)"/><path d="M151.704 136.929c11.216-14.382 17.92-32.465 17.92-52.12 0-19.652-6.704-37.735-17.92-52.116 4.98-11.48 11.553-20.599 19.141-26.264 13.683 7.281 25.029 20.327 32.247 36.756-2.32 12.29-3.633 26.49-3.633 41.611 0 15.121 1.33 29.312 3.633 41.605-7.218 16.435-18.564 29.481-32.247 36.761-7.588-5.651-14.161-14.767-19.141-26.263v.03Z" fill="#7962FE"/><path d="M151.696 136.942c-6.236-14.389-9.951-32.47-9.951-52.124 0-19.647 3.729-37.73 9.951-52.12 11.224 14.39 17.928 32.473 17.928 52.12 0 19.654-6.704 37.735-17.928 52.124Z" fill="#321BB2"/><path d="M213.144 12.132C217.4 4.433 222.38 0 227.724 0 243.343 0 256 37.98 256 84.818c0 46.84-12.657 84.817-28.276 84.817-5.331 0-10.324-4.438-14.58-12.132 13.682-14.85 22.837-41.828 22.837-72.685 0-30.855-9.155-57.85-22.837-72.686Z" fill="#05E6AD"/><path d="M213.144 12.132C217.4 4.433 222.38 0 227.724 0 243.343 0 256 37.98 256 84.818c0 46.84-12.657 84.817-28.276 84.817-5.331 0-10.324-4.438-14.58-12.132 13.682-14.85 22.837-41.828 22.837-72.685 0-30.855-9.155-57.85-22.837-72.686Z" fill="url(#f)"/><path d="M211.58 84.826c0-15.13-3.087-29.321-8.496-41.611 2.399-12.79 5.872-23.508 10.068-31.077 13.68 14.835 22.834 41.847 22.834 72.688 0 30.832-9.154 57.849-22.834 72.685-4.183-7.574-7.648-18.295-10.068-31.083 5.396-12.29 8.496-26.481 8.496-41.602Z" fill="#7962FE"/><path d="M203.084 126.423c-2.317-12.293-3.634-26.484-3.634-41.605 0-15.127 1.33-29.321 3.634-41.611 5.396 12.29 8.496 26.484 8.496 41.611 0 15.121-3.087 29.312-8.496 41.605Z" fill="#321BB2"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Cody.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 55 50" fill="none" 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 55 50" fill="none" width="${width}" height="${height}" ${restAttrs}>
 <g id="Cody Logo">
 <path id="Vector 16 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M40.8881 0.181152C43.6858 0.181152 45.9539 2.45217 45.9539 5.25362L45.9539 16.8478C45.9539 19.6493 43.6858 21.9203 40.8881 21.9203C38.0903 21.9203 35.8223 19.6493 35.8223 16.8478L35.8223 5.25362C35.8223 2.45217 38.0903 0.181152 40.8881 0.181152Z" fill="#FF5543"/>
 <path id="Vector 18 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M3.25659 13.2246C3.25659 10.4231 5.52462 8.1521 8.32238 8.1521L19.9013 8.1521C22.6991 8.1521 24.9671 10.4231 24.9671 13.2246C24.9671 16.026 22.6991 18.297 19.9013 18.297L8.32238 18.297C5.52462 18.297 3.25659 16.026 3.25659 13.2246Z" fill="#A112FF"/>

package/dist/components/Cohere.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" xml:space="preserve" style="enable-background:new 0 0 75 75" viewBox="0 0 75 75" width="${width}" height="${height}"><path d="M24.3 44.7c2 0 6-.1 11.6-2.4 6.5-2.7 19.3-7.5 28.6-12.5 6.5-3.5 9.3-8.1 9.3-14.3C73.8 7 66.9 0 58.3 0h-36C10 0 0 10 0 22.3s9.4 22.4 24.3 22.4z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#39594d"/><path d="M30.4 60c0-6 3.6-11.5 9.2-13.8l11.3-4.7C62.4 36.8 75 45.2 75 57.6 75 67.2 67.2 75 57.6 75H45.3c-8.2 0-14.9-6.7-14.9-15z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#d18ee2"/><path d="M12.9 47.6C5.8 47.6 0 53.4 0 60.5v1.7C0 69.2 5.8 75 12.9 75c7.1 0 12.9-5.8 12.9-12.9v-1.7c-.1-7-5.8-12.8-12.9-12.8z" style="fill:#ff7759"/></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" xml:space="preserve" style="enable-background:new 0 0 75 75" viewBox="0 0 75 75" width="${width}" height="${height}" ${restAttrs}><path d="M24.3 44.7c2 0 6-.1 11.6-2.4 6.5-2.7 19.3-7.5 28.6-12.5 6.5-3.5 9.3-8.1 9.3-14.3C73.8 7 66.9 0 58.3 0h-36C10 0 0 10 0 22.3s9.4 22.4 24.3 22.4z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#39594d"/><path d="M30.4 60c0-6 3.6-11.5 9.2-13.8l11.3-4.7C62.4 36.8 75 45.2 75 57.6 75 67.2 67.2 75 57.6 75H45.3c-8.2 0-14.9-6.7-14.9-15z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#d18ee2"/><path d="M12.9 47.6C5.8 47.6 0 53.4 0 60.5v1.7C0 69.2 5.8 75 12.9 75c7.1 0 12.9-5.8 12.9-12.9v-1.7c-.1-7-5.8-12.8-12.9-12.8z" style="fill:#ff7759"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Coinbase.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 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_2_2)">
 <path d="M0 11.0769C0 4.95931 4.95931 0 11.0769 0H36.9231C43.0407 0 48 4.95931 48 11.0769V36.9231C48 43.0407 43.0407 48 36.9231 48H11.0769C4.95931 48 0 43.0407 0 36.9231V11.0769Z" fill="#0052FF"/>
 <path d="M23.9573 32.5C22.3527 32.4676 20.7898 31.9838 19.4487 31.1044C18.1076 30.2249 17.0427 28.9855 16.3767 27.5289C15.7108 26.0724 15.4707 24.4578 15.6842 22.8711C15.8977 21.2843 16.5561 19.79 17.5835 18.5602C18.611 17.3303 19.9658 16.4149 21.4919 15.9193C23.018 15.4237 24.6534 15.3681 26.2098 15.7589C27.7663 16.1497 29.1804 16.9709 30.2894 18.1281C31.3985 19.2853 32.1574 20.7315 32.4787 22.3H41C40.5628 17.9606 38.4703 13.9546 35.1552 11.1109C31.8402 8.26711 27.5563 6.803 23.1895 7.02133C18.8226 7.23967 14.707 9.12377 11.6937 12.284C8.68042 15.4442 7 19.6386 7 24C7 28.3613 8.68042 32.5558 11.6937 35.716C14.707 38.8762 18.8226 40.7603 23.1895 40.9787C27.5563 41.197 31.8402 39.7329 35.1552 36.8891C38.4703 34.0454 40.5628 30.0394 41 25.7H32.4787C32.4787 29.1 27.3658 32.5 23.9573 32.5Z" fill="white"/>

package/dist/components/Convex.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="28 28 128 132" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}"><path fill="#F3B01C" d="M108.092 130.021c18.166-2.018 35.293-11.698 44.723-27.854-4.466 39.961-48.162 65.218-83.83 49.711-3.286-1.425-6.115-3.796-8.056-6.844-8.016-12.586-10.65-28.601-6.865-43.135 10.817 18.668 32.81 30.111 54.028 28.122Z"/><path fill="#8D2676" d="M53.401 90.174c-7.364 17.017-7.682 36.94 1.345 53.336-31.77-23.902-31.423-75.052-.388-98.715 2.87-2.187 6.282-3.485 9.86-3.683 14.713-.776 29.662 4.91 40.146 15.507-21.3.212-42.046 13.857-50.963 33.555Z"/><path fill="#EE342F" d="M114.637 61.855C103.89 46.87 87.069 36.668 68.639 36.358c35.625-16.17 79.446 10.047 84.217 48.807.444 3.598-.139 7.267-1.734 10.512-6.656 13.518-18.998 24.002-33.42 27.882 10.567-19.599 9.263-43.544-3.065-61.704Z"/></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="28 28 128 132" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#F3B01C" d="M108.092 130.021c18.166-2.018 35.293-11.698 44.723-27.854-4.466 39.961-48.162 65.218-83.83 49.711-3.286-1.425-6.115-3.796-8.056-6.844-8.016-12.586-10.65-28.601-6.865-43.135 10.817 18.668 32.81 30.111 54.028 28.122Z"/><path fill="#8D2676" d="M53.401 90.174c-7.364 17.017-7.682 36.94 1.345 53.336-31.77-23.902-31.423-75.052-.388-98.715 2.87-2.187 6.282-3.485 9.86-3.683 14.713-.776 29.662 4.91 40.146 15.507-21.3.212-42.046 13.857-50.963 33.555Z"/><path fill="#EE342F" d="M114.637 61.855C103.89 46.87 87.069 36.668 68.639 36.358c35.625-16.17 79.446 10.047 84.217 48.807.444 3.598-.139 7.267-1.734 10.512-6.656 13.518-18.998 24.002-33.42 27.882 10.567-19.599 9.263-43.544-3.065-61.704Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Coursera.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 1155 164" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" 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 1155 164" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" width="${width}" height="${height}" ${restAttrs}>
   <path d="M160 82c0-45 36-81 82-81s83 36 83 81c0 44-37 80-83 80s-82-36-82-80zm125 0a43 43 0 0 0-86 0 43 43 0 0 0 86 0zm706 1c0-49 40-82 76-82 24 0 38 8 48 22l3-19h37v155h-37l-4-16c-11 12-25 19-47 19-36 0-76-31-76-79zm126 0c0-24-20-43-43-43-24 0-43 19-43 43 0 21 19 41 42 41 24 0 44-20 44-41zM946 22V4h-40v155h40V76c0-26 12-39 34-39l4 1 7-38c-21 0-36 7-45 22zm-404 0V4h-41l1 155h40V76c0-26 12-39 34-39l4 1 7-38c-21 0-36 7-45 22zM339 99V4h40v90c0 20 11 32 31 32 21 0 34-13 34-38V4h40v155h-40v-18c-10 15-25 22-47 22-36 0-58-26-58-64zm392-17c0-44 31-81 80-81 46 0 78 37 78 80l-1 13H770c4 18 20 32 43 32 14 0 29-5 38-17l28 22a80 80 0 0 1-66 31c-47 0-82-35-82-80zm118-16c-3-16-19-28-38-28s-34 11-40 27l78 1zm-262 60 36-19c6 13 18 20 35 20 15 0 21-5 21-12 0-25-85-10-85-67 0-31 28-48 62-48 26 0 49 12 61 33l-35 19c-5-11-15-17-28-17-12 0-18 5-18 12 0 24 85 9 85 67 0 30-25 48-64 48-34 0-58-11-70-36zM0 82C0 37 37 1 82 1c28 0 55 13 70 37l-34 20a43 43 0 0 0-36-19c-23 0-42 20-42 43 0 22 19 42 42 42a43 43 0 0 0 37-20l34 20A83 83 0 0 1 0 82z" fill="#0056D2" fill-rule="nonzero"/>
 </svg>
 `;

package/dist/components/Crossplane.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 540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><path d="M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z" id="a"/><path d="M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z" id="c"/><path d="M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z" id="e"/></defs><path d="M126.759 173.662c-17.689.03-32.008 14.386-31.993 32.074v301.878a32.034 32.034 0 0 0 31.993 32.074c17.678 0 32.006-14.356 32.006-32.074V205.736c.015-17.688-14.304-32.044-31.993-32.074" fill="#F7D186"/><path d="M255.18 134.095c.185-4.018.185-8.041 0-12.059C252.117 54.114 196.199 0 127.675 0S3.232 54.114.142 122.036c-.194 4.154-.19 8.315.014 12.469-.04 1.066-.15 2.12-.15 3.2v210.042c0 40.168 32.785 73.036 72.858 73.036h109.65c40.058 0 72.843-32.868 72.843-73.036V137.704c0-1.23-.123-2.406-.177-3.61" fill="#FF9234"/><g transform="translate(.635 .014)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#FFCD3C" mask="url(#b)" d="M331.874 126.028 15.19 443.465l-93.79-94.023L238.07 32.006z"/></g><g transform="translate(.635 .014)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path fill="#F3807B" mask="url(#d)" d="m237.783 31.705-316.67 317.437-116.704-116.992L121.052-85.286z"/></g><g transform="translate(.635 .014)"><mask id="f" fill="#fff"><use xlink:href="#e"/></mask><path fill="#35D0BA" mask="url(#f)" d="m425.964 220.351-316.67 317.423-93.79-94.022 316.671-317.423z"/></g><path fill="#D8AE64" d="m103.448 421.138 55.508 55.645v-56.11l-55.508.465"/></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 540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><path d="M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z" id="a"/><path d="M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z" id="c"/><path d="M.137 122.022c-.18 4.155-.172 8.316.027 12.47C.11 135.557 0 136.61 0 137.69v210.042c0 40.169 32.785 73.036 72.858 73.036h109.65c40.058 0 72.857-32.867 72.857-73.036V137.691c0-1.23-.136-2.407-.191-3.61.199-4.017.204-8.041.014-12.059C252.098 54.1 196.179 0 127.669 0 59.145 0 3.227 54.1.137 122.009v.013Z" id="e"/></defs><path d="M126.759 173.662c-17.689.03-32.008 14.386-31.993 32.074v301.878a32.034 32.034 0 0 0 31.993 32.074c17.678 0 32.006-14.356 32.006-32.074V205.736c.015-17.688-14.304-32.044-31.993-32.074" fill="#F7D186"/><path d="M255.18 134.095c.185-4.018.185-8.041 0-12.059C252.117 54.114 196.199 0 127.675 0S3.232 54.114.142 122.036c-.194 4.154-.19 8.315.014 12.469-.04 1.066-.15 2.12-.15 3.2v210.042c0 40.168 32.785 73.036 72.858 73.036h109.65c40.058 0 72.843-32.868 72.843-73.036V137.704c0-1.23-.123-2.406-.177-3.61" fill="#FF9234"/><g transform="translate(.635 .014)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#FFCD3C" mask="url(#b)" d="M331.874 126.028 15.19 443.465l-93.79-94.023L238.07 32.006z"/></g><g transform="translate(.635 .014)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path fill="#F3807B" mask="url(#d)" d="m237.783 31.705-316.67 317.437-116.704-116.992L121.052-85.286z"/></g><g transform="translate(.635 .014)"><mask id="f" fill="#fff"><use xlink:href="#e"/></mask><path fill="#35D0BA" mask="url(#f)" d="m425.964 220.351-316.67 317.423-93.79-94.022 316.671-317.423z"/></g><path fill="#D8AE64" d="m103.448 421.138 55.508 55.645v-56.11l-55.508.465"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/CurseForge.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 260 256" width="${width}" height="${height}"><path fill="#130700" d="M196.422 98.77S247.874 90.623 256 66.858h-78.819V48H4l21.334 24.862v25.473s53.83-2.811 74.653 13.047c28.502 26.532-32.058 62.397-32.058 62.397l-10.384 34.512c16.239-15.529 47.188-35.618 103.933-34.65-21.594 6.854-43.307 17.56-60.211 34.65h114.71l-10.802-34.512s-83.139-49.235-8.753-75.005v-.004Z"/></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 260 256" width="${width}" height="${height}" ${restAttrs}><path fill="#130700" d="M196.422 98.77S247.874 90.623 256 66.858h-78.819V48H4l21.334 24.862v25.473s53.83-2.811 74.653 13.047c28.502 26.532-32.058 62.397-32.058 62.397l-10.384 34.512c16.239-15.529 47.188-35.618 103.933-34.65-21.594 6.854-43.307 17.56-60.211 34.65h114.71l-10.802-34.512s-83.139-49.235-8.753-75.005v-.004Z"/></svg>`;
 </script>
 
 {@html svgContent}