@selemondev/svgl-svelte 0.0.2 → 0.0.3

package/dist/components/ReactRouter.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 94 61" 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 94 61" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M72.7315 20.9357C70.0548 20.0941 68.6725 20.3778 65.8649 20.071C61.5246 19.5976 59.7954 17.9013 59.0619 13.5356C58.6514 11.0985 59.1361 7.53022 58.0881 5.32106C56.0839 1.10875 51.3943 -0.780439 46.6828 0.297843C42.7049 1.20956 39.3951 5.18518 39.2117 9.266C39.0021 13.9254 41.657 17.901 46.2156 19.273C48.3814 19.9261 50.6825 20.2548 52.9444 20.4214C57.0925 20.7238 57.4113 23.0297 58.5335 24.9277C59.2409 26.1243 59.9264 27.3034 59.9264 30.8714C59.9264 34.4394 59.2365 35.6185 58.5335 36.8151C57.4113 38.7087 56.0271 39.9491 51.879 40.2559C49.6171 40.4225 47.3116 40.7513 45.1502 41.4044C40.5916 42.7807 37.9367 46.7519 38.1463 51.4113C38.3297 55.4921 41.6395 59.4678 45.6174 60.3795C50.3289 61.4621 55.0185 59.5686 57.0227 55.3563C58.075 53.1471 58.6514 50.6443 59.0619 48.2072C59.7998 43.8414 61.5289 42.1451 65.8649 41.6717C68.6725 41.3649 71.5783 41.6717 74.2093 40.177C76.9895 38.1456 79.4734 35.0968 79.4734 30.8714C79.4734 26.6459 76.7967 22.2156 72.7315 20.9357Z" fill="#F44250"/>
 <path d="M28.1997 40.7739C22.7285 40.7739 18.2656 36.3027 18.2656 30.8213C18.2656 25.3399 22.7285 20.8687 28.1997 20.8687C33.6709 20.8687 38.1338 25.3399 38.1338 30.8213C38.1338 36.2983 33.6665 40.7739 28.1997 40.7739Z" fill="#121212"/>
 <path d="M9.899 61C4.43661 60.9868 -0.0130938 56.498 2.89511e-05 51.0122C0.0132099 45.5353 4.4936 41.0773 9.96914 41.0948C15.4359 41.108 19.8856 45.5968 19.8681 51.0825C19.8549 56.5551 15.3745 61.0131 9.899 61Z" fill="#121212"/>

package/dist/components/Reddit.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" class="_1O4jTk-dZ-VIxsCuYB6OR8" viewBox="0 0 216 216" 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" class="_1O4jTk-dZ-VIxsCuYB6OR8" viewBox="0 0 216 216" width="${width}" height="${height}" ${restAttrs}>
     <defs>
         <radialGradient id="snoo-radial-gragient" cx="169.75" cy="92.19" r="50.98" fx="169.75" fy="92.19" gradientTransform="matrix(1 0 0 .87 0 11.64)" gradientUnits="userSpaceOnUse">
             <stop offset="0" stop-color="#feffff"/>

package/dist/components/Redis.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 220" 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 220" width="${width}" height="${height}" ${restAttrs}>
   <path d="M246 169c-13.7 7-84.5 36.2-99.5 44-15.1 7.9-23.5 7.8-35.4 2.1C99.2 209.4 24 179 10.3 172.5 3.6 169.3 0 166.5 0 164v-26s98-21.3 113.9-27c15.8-5.6 21.3-5.8 34.8-.9 13.4 5 94 19.5 107.3 24.3V160c0 2.5-3 5.3-10 9" fill="#912626"/>
   <path d="M246 143.2c-13.7 7.1-84.5 36.2-99.5 44-15.1 8-23.5 7.9-35.4 2.2-11.9-5.7-87.2-36.1-100.8-42.6-13.5-6.5-13.8-11-.5-16.2 13.4-5.2 88.2-34.6 104-40.3 16-5.6 21.4-5.8 34.9-1 13.4 5 83.8 33 97.1 37.9 13.3 4.9 13.8 8.9.2 16" fill="#C6302B"/>
   <path d="M246 127c-13.7 7.2-84.5 36.3-99.5 44.2-15.1 7.8-23.5 7.7-35.4 2-11.9-5.6-87.2-36-100.8-42.6-6.7-3.2-10.3-6-10.3-8.5V96.2s98-21.3 113.9-27c15.8-5.7 21.3-5.9 34.8-1 13.4 5 94 19.5 107.3 24.4V118c0 2.5-3 5.4-10 9" fill="#912626"/>

package/dist/components/Redux.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 = `<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg viewBox="0 -6 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><path d="M177.381 169.733c9.447-.978 16.614-9.122 16.288-18.896-.325-9.773-8.47-17.592-18.243-17.592h-.651c-10.1.326-17.918 8.796-17.592 18.895.326 4.887 2.28 9.122 5.212 12.054-11.076 21.828-28.016 37.791-53.426 51.148-17.266 9.122-35.183 12.38-53.1 10.1-14.66-1.955-26.062-8.47-33.23-19.222-10.424-15.963-11.401-33.23-2.605-50.496 6.19-12.38 15.962-21.502 22.152-26.063-1.303-4.235-3.258-11.402-4.235-16.614-47.237 34.207-42.35 80.468-28.016 102.295 10.75 16.29 32.577 26.389 56.684 26.389 6.515 0 13.03-.652 19.546-2.28 41.699-8.145 73.299-32.905 91.216-69.718zm57.336-40.397c-24.759-28.995-61.245-44.958-102.944-44.958h-5.212c-2.932-5.864-9.122-9.774-15.963-9.774h-.652C99.848 74.93 92.03 83.4 92.355 93.5c.326 9.773 8.47 17.592 18.243 17.592h.651c7.167-.326 13.357-4.887 15.963-11.077h5.864c24.759 0 48.214 7.167 69.39 21.176 16.288 10.751 28.016 24.76 34.531 41.7 5.538 13.683 5.212 27.04-.652 38.443-9.121 17.266-24.432 26.714-44.63 26.714-13.031 0-25.41-3.91-31.926-6.842-3.583 3.258-10.099 8.47-14.66 11.729 14.009 6.515 28.343 10.099 42.025 10.099 31.274 0 54.404-17.267 63.2-34.533 9.447-18.896 8.795-51.474-15.637-79.165zM69.225 175.27c.326 9.774 8.47 17.592 18.243 17.592h.652c10.099-.325 17.917-8.796 17.591-18.895-.325-9.774-8.47-17.592-18.243-17.592h-.651c-.652 0-1.63 0-2.28.325-13.357-22.153-18.895-46.26-16.94-72.323 1.302-19.547 7.818-36.488 19.22-50.497 9.447-12.054 27.69-17.918 40.07-18.243 34.531-.652 49.19 42.351 50.168 59.618 4.235.977 11.402 3.258 16.289 4.887C189.434 27.366 156.857 0 125.584 0c-29.32 0-56.359 21.176-67.11 52.451-14.985 41.7-5.212 81.771 13.031 113.372-1.628 2.28-2.606 5.864-2.28 9.448z" fill="#764ABC"/></svg>`;
+<svg viewBox="0 -6 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><path d="M177.381 169.733c9.447-.978 16.614-9.122 16.288-18.896-.325-9.773-8.47-17.592-18.243-17.592h-.651c-10.1.326-17.918 8.796-17.592 18.895.326 4.887 2.28 9.122 5.212 12.054-11.076 21.828-28.016 37.791-53.426 51.148-17.266 9.122-35.183 12.38-53.1 10.1-14.66-1.955-26.062-8.47-33.23-19.222-10.424-15.963-11.401-33.23-2.605-50.496 6.19-12.38 15.962-21.502 22.152-26.063-1.303-4.235-3.258-11.402-4.235-16.614-47.237 34.207-42.35 80.468-28.016 102.295 10.75 16.29 32.577 26.389 56.684 26.389 6.515 0 13.03-.652 19.546-2.28 41.699-8.145 73.299-32.905 91.216-69.718zm57.336-40.397c-24.759-28.995-61.245-44.958-102.944-44.958h-5.212c-2.932-5.864-9.122-9.774-15.963-9.774h-.652C99.848 74.93 92.03 83.4 92.355 93.5c.326 9.773 8.47 17.592 18.243 17.592h.651c7.167-.326 13.357-4.887 15.963-11.077h5.864c24.759 0 48.214 7.167 69.39 21.176 16.288 10.751 28.016 24.76 34.531 41.7 5.538 13.683 5.212 27.04-.652 38.443-9.121 17.266-24.432 26.714-44.63 26.714-13.031 0-25.41-3.91-31.926-6.842-3.583 3.258-10.099 8.47-14.66 11.729 14.009 6.515 28.343 10.099 42.025 10.099 31.274 0 54.404-17.267 63.2-34.533 9.447-18.896 8.795-51.474-15.637-79.165zM69.225 175.27c.326 9.774 8.47 17.592 18.243 17.592h.652c10.099-.325 17.917-8.796 17.591-18.895-.325-9.774-8.47-17.592-18.243-17.592h-.651c-.652 0-1.63 0-2.28.325-13.357-22.153-18.895-46.26-16.94-72.323 1.302-19.547 7.818-36.488 19.22-50.497 9.447-12.054 27.69-17.918 40.07-18.243 34.531-.652 49.19 42.351 50.168 59.618 4.235.977 11.402 3.258 16.289 4.887C189.434 27.366 156.857 0 125.584 0c-29.32 0-56.359 21.176-67.11 52.451-14.985 41.7-5.212 81.771 13.031 113.372-1.628 2.28-2.606 5.864-2.28 9.448z" fill="#764ABC"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/RedwoodJS.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 277" 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 277" width="${width}" height="${height}" ${restAttrs}>
   <path d="M112.4 4C102 9.1 80 19.3 68.2 27.4c-12 8.1-10.4 15.7-15.6 21a409.5 409.5 0 0 1-31.3 26.1C11 82.5 13.5 103.4 11 111.3c-2.6 7.8-7.8 26.2-10.4 34-2.6 7.9 5.2 18.4 10.4 28.8 5.2 10.5 18.2 39.3 23.4 49.8 5.2 10.4 20.9 5.2 33.9 15.7s31.2 23.6 44.2 31.4c13 7.9 18.2 7.9 31.2 0 13-7.8 31.2-21 44.2-31.4 13-10.5 28.7-5.3 33.9-15.7 5.2-10.5 18.2-39.3 23.4-49.8 5.2-10.4 13-21 10.4-28.8-2.6-7.8-7.8-26.2-10.4-34-2.6-7.9 0-28.8-10.4-36.7a385.3 385.3 0 0 1-31.3-26.2c-8.7-8.3-5.2-13-15.6-21C177.4 19.7 154 9.3 143.6 4a33 33 0 0 0-31.2 0Z" fill="#FFF"/>
   <path d="m75.6 49.3 48.7 33.3c1.1.7 2.4 1 3.7 1.1 1.4 0 2.6-.4 3.7-1.1l48.8-33.4a6.7 6.7 0 0 0-1-11.4l-48.7-24c-1.8-1-4-1-5.8 0l-48.5 24a6.6 6.6 0 0 0-.9 11.5Zm69 43.7c0 2.2 1 4.3 2.9 5.5l39 26.7a6.6 6.6 0 0 0 8.1-.5l32.7-29.3a6.7 6.7 0 0 0-.2-10.2l-31.3-25a6.6 6.6 0 0 0-7.9-.3l-40.4 27.7a6.7 6.7 0 0 0-3 5.4Zm-97.1 36.3a6.7 6.7 0 0 1 2.2 5.6c-.2 2.1-1.5 4-3.3 5L23 154a6.6 6.6 0 0 1-7.5-.5 6.7 6.7 0 0 1-2.2-7.2l8.6-27.1a6.6 6.6 0 0 1 10.7-3l14.8 13.2Zm126.4 2.8-42.1-28.8a6.6 6.6 0 0 0-7.4 0L82.2 132a6.8 6.8 0 0 0-2.9 5c0 2.1.8 4.1 2.3 5.5l42 37.7a6.6 6.6 0 0 0 8.9 0l42-37.7a6.7 6.7 0 0 0-.6-10.5Zm-112.4-7.4L28.8 95.4a6.8 6.8 0 0 1 .3-10.3l31.2-25.2c2.3-1.8 5.5-1.9 8-.3l40.3 27.7a6.7 6.7 0 0 1 0 11.2l-39 26.7a6.6 6.6 0 0 1-8-.5Zm168 42-33.3-19.9a6.5 6.5 0 0 0-7.8.7L147.7 184a6.7 6.7 0 0 0 2 11.2l56.4 22.8c.7.4 1.6.5 2.4.5 2.6 0 5-1.5 6-4l17.6-39.1c1.4-3.1.3-6.8-2.6-8.6Zm4.6-47.6 8.6 27.1c.6 2 .2 4.2-1 6a6.6 6.6 0 0 1-8.8 1.8l-23.3-14a6.6 6.6 0 0 1-1-10.7l14.8-13.2a6.6 6.6 0 0 1 10.7 3ZM110.6 190c.4-2.3-.4-4.6-2.1-6.1l-40.7-36.4a6.5 6.5 0 0 0-7.8-.7l-33.3 20a6.8 6.8 0 0 0-2.7 8.4l17.6 39.2A6.6 6.6 0 0 0 50 218l56.4-22.9a6.7 6.7 0 0 0 4-5Zm20 11.2 45.2 18.3c2.3 1 3.8 3 4 5.4.3 2.5-.8 4.9-2.8 6.3l-45.3 31.4c-1 .8-2.4 1.2-3.7 1.2-1.3 0-2.6-.4-3.7-1.2L79 231.2a6.7 6.7 0 0 1 1.3-11.7l45.3-18.3c1.6-.7 3.4-.7 5 0Z" fill="#BF4722"/>
 </svg>

package/dist/components/Refine.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 120 120" 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 120 120" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M68.9443 2.11146C63.3137 -0.703819 56.6863 -0.703819 51.0557 2.11146L11.0557 22.1115C4.28005 25.4993 0 32.4246 0 40V80C0 87.5754 4.28005 94.5007 11.0557 97.8885L51.0557 117.889C56.6863 120.704 63.3137 120.704 68.9443 117.889L108.944 97.8885C115.72 94.5007 120 87.5754 120 80V40C120 32.4246 115.72 25.4993 108.944 22.1115L68.9443 2.11146ZM40 40C40 28.9543 48.9543 20 60 20C71.0457 20 80 28.9543 80 40V80C80 91.0457 71.0457 100 60 100C48.9543 100 40 91.0457 40 80V40Z" fill="#14141F"/>
 <path d="M70 40C70 45.5228 65.5228 50 60 50C54.4771 50 50 45.5228 50 40C50 34.4771 54.4771 30 60 30C65.5228 30 70 34.4771 70 40Z" fill="#14141F"/>
 </svg>

package/dist/components/Reflex.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 56 12" 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 56 12" fill="none" width="${width}" height="${height}" ${restAttrs}>
 <path d="M0 11.6V0.400024H8.96V4.88002H6.72V2.64002H2.24V4.88002H6.72V7.12002H2.24V11.6H0ZM6.72 11.6V7.12002H8.96V11.6H6.72Z" fill="#110F1F"/>
 <path d="M11.2 11.6V0.400024H17.92V2.64002H13.44V4.88002H17.92V7.12002H13.44V9.36002H17.92V11.6H11.2Z" fill="#110F1F"/>
 <path d="M20.16 11.6V0.400024H26.88V2.64002H22.4V4.88002H26.88V7.12002H22.4V11.6H20.16Z" fill="#110F1F"/>

package/dist/components/RelaGit.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 214 254" 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 214 254" width="${width}" height="${height}" ${restAttrs}>
 <mask id="a" width="214" height="254" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance">
 <path fill="#fff" d="M0 .5h214v253H0V.5Z"/>
 </mask>

package/dist/components/Remix.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 297" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path d="M141.675 0C218.047 0 256 36.35 256 94.414c0 43.43-26.707 71.753-62.785 76.474 30.455 6.137 48.259 23.604 51.54 58.065l.474 6.337.415 5.924.358 5.542.249 4.179.267 4.93.138 2.814.198 4.47.159 4.222.079 2.427.107 3.888.092 4.446.033 2.148.06 6.226.02 6.496v3.885h-78.758l.004-1.62.028-3.147.047-3.065.136-7.424.035-2.489.027-3.902-.004-2.496-.023-2.617-.032-2.054-.064-2.876-.094-3.05-.125-3.242-.16-3.455-.096-1.813-.16-2.833-.186-2.976-.287-4.204-.247-3.342a116.56 116.56 0 0 0-.247-3.02l-.202-1.934c-2.6-22.827-11.655-32.157-27.163-35.269l-1.307-.245a60.184 60.184 0 0 0-2.704-.408l-1.397-.164c-.236-.025-.472-.05-.71-.073l-1.442-.127-1.471-.103-1.502-.081-1.514-.058-1.544-.039-1.574-.018L0 198.74V136.9h127.62c2.086 0 4.108-.04 6.066-.12l1.936-.095 1.893-.122 1.85-.15c.305-.028.608-.056.909-.086l1.785-.193a86.3 86.3 0 0 0 3.442-.475l1.657-.28c20.709-3.755 31.063-14.749 31.063-36.2 0-24.075-16.867-38.666-50.602-38.666H0V0h141.675ZM83.276 250.785c10.333 0 14.657 5.738 16.197 11.23l.203.79.167.782.109.617.046.306.078.603.058.59.023.29.031.569.01.278.008.54v29.507H0v-46.102h83.276Z" fill="#121212" fill-rule="nonzero"/></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 297" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path d="M141.675 0C218.047 0 256 36.35 256 94.414c0 43.43-26.707 71.753-62.785 76.474 30.455 6.137 48.259 23.604 51.54 58.065l.474 6.337.415 5.924.358 5.542.249 4.179.267 4.93.138 2.814.198 4.47.159 4.222.079 2.427.107 3.888.092 4.446.033 2.148.06 6.226.02 6.496v3.885h-78.758l.004-1.62.028-3.147.047-3.065.136-7.424.035-2.489.027-3.902-.004-2.496-.023-2.617-.032-2.054-.064-2.876-.094-3.05-.125-3.242-.16-3.455-.096-1.813-.16-2.833-.186-2.976-.287-4.204-.247-3.342a116.56 116.56 0 0 0-.247-3.02l-.202-1.934c-2.6-22.827-11.655-32.157-27.163-35.269l-1.307-.245a60.184 60.184 0 0 0-2.704-.408l-1.397-.164c-.236-.025-.472-.05-.71-.073l-1.442-.127-1.471-.103-1.502-.081-1.514-.058-1.544-.039-1.574-.018L0 198.74V136.9h127.62c2.086 0 4.108-.04 6.066-.12l1.936-.095 1.893-.122 1.85-.15c.305-.028.608-.056.909-.086l1.785-.193a86.3 86.3 0 0 0 3.442-.475l1.657-.28c20.709-3.755 31.063-14.749 31.063-36.2 0-24.075-16.867-38.666-50.602-38.666H0V0h141.675ZM83.276 250.785c10.333 0 14.657 5.738 16.197 11.23l.203.79.167.782.109.617.046.306.078.603.058.59.023.29.031.569.01.278.008.54v29.507H0v-46.102h83.276Z" fill="#121212" fill-rule="nonzero"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Remotion.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 250 250" 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 250 250" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M81.0309 33.9631C77.1822 34.1706 74.0808 34.777 70.9553 35.9581C69.3966 36.5407 66.8415 37.8095 65.4355 38.6874C59.554 42.3503 55.0706 47.8566 52.7325 54.2647C52.2665 55.5335 51.0051 59.5795 50.1936 62.3646C44.7862 80.9823 41.7169 101.34 41.0581 122.886C40.9536 126.318 40.9536 134.489 41.0581 137.865C41.5 152.15 42.8739 165.046 45.3647 178.197C46.3771 183.52 48.0001 190.67 48.9401 193.918C50.8604 200.517 54.7814 206.135 60.3575 210.253C64.0937 213.014 68.336 214.866 73.0363 215.776C75.3021 216.214 78.291 216.414 80.4925 216.27C83.5377 216.071 89.5798 215.265 94.489 214.395C116.617 210.477 137.057 203.462 155.593 193.423C167.332 187.063 177.367 180.176 187.049 171.821C196.699 163.505 204.926 154.56 212.166 144.521C213.845 142.198 214.689 140.842 215.532 139.134C217.702 134.729 218.722 130.348 218.714 125.448C218.714 120.883 217.846 116.829 215.974 112.68C215.074 110.677 214.215 109.24 212.286 106.511C205.184 96.4639 197.301 87.7096 187.692 79.2027C172.796 66.0195 155.103 55.2063 135.346 47.2022C131.063 45.4705 126.845 43.9463 121.767 42.2944C111.016 38.8071 97.711 35.7826 86.4543 34.2743C84.6867 34.0349 82.2843 33.8992 81.0309 33.9631Z" fill="#0B84F3" fill-opacity="0.1"/>
 <path d="M91.4565 53.3788C88.428 53.5421 85.9875 54.0193 83.528 54.9487C82.3015 55.4071 80.2909 56.4056 79.1844 57.0964C74.5563 59.9787 71.0284 64.3116 69.1885 69.3542C68.8218 70.3526 67.8291 73.5364 67.1906 75.728C62.9355 90.3783 60.5203 106.398 60.0018 123.353C59.9196 126.053 59.9196 132.483 60.0018 135.139C60.3496 146.38 61.4307 156.528 63.3907 166.877C64.1874 171.065 65.4645 176.692 66.2042 179.248C67.7153 184.441 70.8007 188.862 75.1886 192.102C78.1286 194.275 81.4669 195.732 85.1656 196.447C86.9485 196.793 89.3005 196.95 91.0329 196.837C93.4291 196.68 98.1837 196.046 102.047 195.361C119.459 192.278 135.544 186.758 150.13 178.858C159.367 173.853 167.264 168.434 174.882 161.859C182.476 155.316 188.95 148.276 194.647 140.377C195.968 138.549 196.632 137.482 197.296 136.138C199.003 132.672 199.806 129.224 199.8 125.368C199.8 121.776 199.117 118.586 197.644 115.321C196.936 113.745 196.259 112.614 194.742 110.467C189.152 102.561 182.95 95.6721 175.388 88.978C163.666 78.6041 149.744 70.0952 134.197 63.7967C130.827 62.434 127.508 61.2346 123.512 59.9347C115.052 57.1905 104.582 54.8106 95.7242 53.6237C94.3333 53.4353 92.4428 53.3286 91.4565 53.3788Z" fill="#0B84F3" fill-opacity="0.3"/>
 <path d="M102.247 73.5165C100.069 73.6339 98.314 73.9771 96.5452 74.6455C95.6632 74.9751 94.2173 75.6932 93.4216 76.1899C90.0933 78.2628 87.5562 81.3787 86.2331 85.005C85.9694 85.7231 85.2555 88.0126 84.7963 89.5887C81.7363 100.124 79.9994 111.644 79.6266 123.838C79.5675 125.779 79.5675 130.404 79.6266 132.314C79.8767 140.397 80.6542 147.695 82.0637 155.137C82.6366 158.15 83.555 162.196 84.087 164.034C85.1737 167.768 87.3925 170.948 90.548 173.278C92.6623 174.84 95.063 175.888 97.7229 176.403C99.0051 176.651 100.696 176.764 101.942 176.683C103.666 176.57 107.085 176.114 109.863 175.622C122.385 173.404 133.952 169.435 144.441 163.754C151.084 160.155 156.763 156.257 162.242 151.529C167.703 146.824 172.359 141.761 176.455 136.08C177.406 134.766 177.883 133.998 178.36 133.032C179.588 130.539 180.165 128.06 180.161 125.287C180.161 122.704 179.67 120.41 178.61 118.062C178.101 116.928 177.615 116.115 176.523 114.571C172.504 108.885 168.044 103.931 162.606 99.1173C154.176 91.657 144.164 85.5379 132.983 81.0084C130.56 80.0285 128.173 79.1659 125.299 78.2311C119.216 76.2577 111.686 74.5461 105.316 73.6926C104.316 73.5571 102.956 73.4804 102.247 73.5165Z" fill="#0B84F3"/>

package/dist/components/Replicate.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 726 726" fill="#000" 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 726 726" fill="#000" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_1_3)">
 <path d="M726 310.438V392.476H438.068V726H346.302V310.438H726Z" fill="#000"/>
 <path d="M726 155.219V237.402H264.845V726H173.078V155.219H726Z" fill="#000"/>

package/dist/components/Replit.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path d="M0 1.5C0 0.671573 0.671573 0 1.5 0H8.5C9.32843 0 10 0.671573 10 1.5V8H1.5C0.671573 8 0 7.32843 0 6.5V1.5Z" fill="#F26207"></path><path d="M10 8H18.5C19.3284 8 20 8.67157 20 9.5V14.5C20 15.3284 19.3284 16 18.5 16H10V8Z" fill="#F26207"></path><path d="M0 17.5C0 16.6716 0.671573 16 1.5 16H10V22.5C10 23.3284 9.32843 24 8.5 24H1.5C0.671573 24 0 23.3284 0 22.5V17.5Z" fill="#F26207"></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 viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path d="M0 1.5C0 0.671573 0.671573 0 1.5 0H8.5C9.32843 0 10 0.671573 10 1.5V8H1.5C0.671573 8 0 7.32843 0 6.5V1.5Z" fill="#F26207"></path><path d="M10 8H18.5C19.3284 8 20 8.67157 20 9.5V14.5C20 15.3284 19.3284 16 18.5 16H10V8Z" fill="#F26207"></path><path d="M0 17.5C0 16.6716 0.671573 16 1.5 16H10V22.5C10 23.3284 9.32843 24 8.5 24H1.5C0.671573 24 0 23.3284 0 22.5V17.5Z" fill="#F26207"></path></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Resend.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 600 600" 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 600 600" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M186 447.471V154H318.062C336.788 154 353.697 158.053 368.79 166.158C384.163 174.263 396.181 185.443 404.845 199.698C413.51 213.672 417.842 229.604 417.842 247.491C417.842 265.938 413.51 282.568 404.845 297.381C396.181 311.915 384.302 323.375 369.209 331.759C354.117 340.144 337.067 344.337 318.062 344.337H253.917V447.471H186ZM348.667 447.471L274.041 314.99L346.99 304.509L430 447.471H348.667ZM253.917 289.835H311.773C319.04 289.835 325.329 288.298 330.639 285.223C336.229 281.869 340.421 277.258 343.216 271.388C346.291 265.519 347.828 258.811 347.828 251.265C347.828 243.718 346.151 237.15 342.797 231.56C339.443 225.691 334.552 221.219 328.124 218.144C321.975 215.07 314.428 213.533 305.484 213.533H253.917V289.835Z" fill="black"/>
 </svg>
 `;

package/dist/components/Roblox.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 564 115" width="${width}" height="${height}"><mask id="prefix__a" width="512" height="95" x="26" y="10" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M26 10h512v94.72H26V10z"/></mask><g mask="url(#prefix__a)"><path fill="#000" d="M87.73 71.45l14.73 26.97H75.13L62.68 75.37h-11.8v23.05H26V16.7h45.52c18.83 0 30.78 10.45 30.78 29.24 0 12.1-5.57 20.76-14.57 25.5zm-36.84-33.5v16.17h17.68c5.24 0 8.52-3.1 8.52-8.17 0-5.06-3.28-8-8.52-8H50.9zm130.66 66.51l-74.5-20.1L127.03 10l37.24 10.05 37.25 10.05-19.97 74.36zm-14.08-54.75L146.67 44l-5.56 20.76 20.79 5.72 5.57-20.76zm119.36 25.66c0 15.69-9.99 23.05-25.54 23.05h-48.8V16.7h47.16c15.56 0 25.54 8 25.54 22.06 0 8.83-3.27 14.71-9.5 18.8 7.05 3.1 11.14 9.3 11.14 17.8zm-50.1-39.05v12.1h16.2c4.42 0 7.04-1.97 7.04-6.22 0-3.92-2.62-5.88-7.04-5.88h-16.2zm0 42.49h18.17c4.26 0 6.72-2.29 6.72-6.21 0-4.25-2.45-6.21-6.72-6.21h-18.17V78.8zm62.38-62.1h24.88v57.52h35.7v24.19H299.1V16.71zm152.11 40.86a42.43 42.43 0 01-26.28 39.25 42.64 42.64 0 01-46.4-9.21 42.46 42.46 0 0130.1-72.53 42.56 42.56 0 0130.13 12.41 42.38 42.38 0 0112.45 30.07zm-24.89 0c0-10.14-8.02-18.15-17.68-18.15s-17.69 8.01-17.69 18.15c0 10.13 8.03 18.14 17.69 18.14 9.66 0 17.68-8.02 17.68-18.15zm84.82-1.31L538 98.42h-29.64l-14.73-24.03-15.23 24.03h-30.13l28-41.18-25.7-40.53h29.63l13.59 22.06 13.1-22.06h29.47l-25.21 39.55z"/></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" fill="none" viewBox="0 0 564 115" width="${width}" height="${height}" ${restAttrs}><mask id="prefix__a" width="512" height="95" x="26" y="10" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M26 10h512v94.72H26V10z"/></mask><g mask="url(#prefix__a)"><path fill="#000" d="M87.73 71.45l14.73 26.97H75.13L62.68 75.37h-11.8v23.05H26V16.7h45.52c18.83 0 30.78 10.45 30.78 29.24 0 12.1-5.57 20.76-14.57 25.5zm-36.84-33.5v16.17h17.68c5.24 0 8.52-3.1 8.52-8.17 0-5.06-3.28-8-8.52-8H50.9zm130.66 66.51l-74.5-20.1L127.03 10l37.24 10.05 37.25 10.05-19.97 74.36zm-14.08-54.75L146.67 44l-5.56 20.76 20.79 5.72 5.57-20.76zm119.36 25.66c0 15.69-9.99 23.05-25.54 23.05h-48.8V16.7h47.16c15.56 0 25.54 8 25.54 22.06 0 8.83-3.27 14.71-9.5 18.8 7.05 3.1 11.14 9.3 11.14 17.8zm-50.1-39.05v12.1h16.2c4.42 0 7.04-1.97 7.04-6.22 0-3.92-2.62-5.88-7.04-5.88h-16.2zm0 42.49h18.17c4.26 0 6.72-2.29 6.72-6.21 0-4.25-2.45-6.21-6.72-6.21h-18.17V78.8zm62.38-62.1h24.88v57.52h35.7v24.19H299.1V16.71zm152.11 40.86a42.43 42.43 0 01-26.28 39.25 42.64 42.64 0 01-46.4-9.21 42.46 42.46 0 0130.1-72.53 42.56 42.56 0 0130.13 12.41 42.38 42.38 0 0112.45 30.07zm-24.89 0c0-10.14-8.02-18.15-17.68-18.15s-17.69 8.01-17.69 18.15c0 10.13 8.03 18.14 17.69 18.14 9.66 0 17.68-8.02 17.68-18.15zm84.82-1.31L538 98.42h-29.64l-14.73-24.03-15.23 24.03h-30.13l28-41.18-25.7-40.53h29.63l13.59 22.06 13.1-22.06h29.47l-25.21 39.55z"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Rolldown.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="url(#a)" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Z"/><path fill="#fff" d="M85 45.64H72.514l1.924-2.608L60.642 43l-6.739 9.347H67l-5.785 8.738h-9.882l12 10.248 24-10.248H75.457L85 45.64ZM82.333 32.333h-14L66.411 35h13.954l1.968-2.667ZM78.52 37.5H64.608L62.5 40.424h13.863L78.52 37.5ZM50.204 44.192c0 2.36-.64 4.496-1.92 6.407-1.28 1.91-3.143 3.315-5.59 4.215L51.334 71H37.33l-6.888-14.107h-4.63V71H13.333V32.333h23.772c2.785 0 5.157.543 7.114 1.63 1.995 1.049 3.482 2.491 4.46 4.327 1.017 1.799 1.525 3.766 1.525 5.902Zm-12.704.505c0-1.011-.339-1.854-1.017-2.529-.677-.674-1.505-1.011-2.484-1.011h-8.187v7.137h8.187c.979 0 1.807-.337 2.484-1.011.678-.712 1.017-1.574 1.017-2.586Z"/><defs><linearGradient id="a" x1="50" x2="50" y1="0" y2="100" gradientUnits="userSpaceOnUse"><stop stop-color="#F0DB4F"/><stop offset=".92" stop-color="#FF5D13"/></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 100 100" width="${width}" height="${height}" ${restAttrs}><path fill="url(#a)" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Z"/><path fill="#fff" d="M85 45.64H72.514l1.924-2.608L60.642 43l-6.739 9.347H67l-5.785 8.738h-9.882l12 10.248 24-10.248H75.457L85 45.64ZM82.333 32.333h-14L66.411 35h13.954l1.968-2.667ZM78.52 37.5H64.608L62.5 40.424h13.863L78.52 37.5ZM50.204 44.192c0 2.36-.64 4.496-1.92 6.407-1.28 1.91-3.143 3.315-5.59 4.215L51.334 71H37.33l-6.888-14.107h-4.63V71H13.333V32.333h23.772c2.785 0 5.157.543 7.114 1.63 1.995 1.049 3.482 2.491 4.46 4.327 1.017 1.799 1.525 3.766 1.525 5.902Zm-12.704.505c0-1.011-.339-1.854-1.017-2.529-.677-.674-1.505-1.011-2.484-1.011h-8.187v7.137h8.187c.979 0 1.807-.337 2.484-1.011.678-.712 1.017-1.574 1.017-2.586Z"/><defs><linearGradient id="a" x1="50" x2="50" y1="0" y2="100" gradientUnits="userSpaceOnUse"><stop stop-color="#F0DB4F"/><stop offset=".92" stop-color="#FF5D13"/></linearGradient></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Rowy.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 26 26" 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 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_1215_3872)">
 <g clip-path="url(#clip1_1215_3872)">
 <rect width="26" height="26" fill="white"/>

package/dist/components/Ruby.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 255" 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 255" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient x1="84.8%" y1="111.4%" x2="58.3%" y2="64.6%" id="a">
       <stop stop-color="#FB7655" offset="0%"/>

package/dist/components/Runway.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" 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 300 300" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_1_2)">
 <path d="M212.486 105.22C216.254 116.938 215.261 127.642 207.452 137.312C203.943 141.658 198.973 144.485 189.13 147.005C191.57 149.279 193.809 151.242 195.906 153.347C199.96 157.417 203.986 161.518 207.932 165.693C217.154 175.451 216.804 189.546 210.541 200.693C202.271 215.412 181.191 220.187 168.48 209.238C162.421 204.019 156.733 198.368 150.904 192.884C149.733 191.782 148.681 190.553 147.407 189.205C146.401 192.311 145.751 195.242 144.537 197.918C137.775 212.822 118.698 218.857 103.153 211.198C92.5986 205.997 87.6601 197.087 87.4939 185.832C87.1521 162.69 87.2602 139.539 87.4386 116.393C87.5585 100.838 100.245 87.4862 115.766 87.2205C139.448 86.8152 163.146 86.8725 186.831 87.2132C199.002 87.3883 207.628 93.6476 212.486 105.22ZM125.01 108.086C121.119 105.032 116.875 103.935 112.324 106.343C107.723 108.778 105.575 112.638 105.603 118.003C105.72 140.149 105.625 162.295 105.698 184.441C105.705 186.442 105.972 188.617 106.788 190.405C109.016 195.282 114.992 197.672 120.598 196.281C125.959 194.95 129.101 190.869 129.104 185.111C129.118 162.639 129.062 140.167 129.158 117.695C129.174 113.951 128.015 110.938 125.01 108.086ZM150.442 146.846C149.498 146.891 148.553 146.936 147.39 146.991C147.39 152.27 147.336 157.358 147.443 162.443C147.461 163.291 147.983 164.313 148.597 164.935C158.035 174.501 167.442 184.102 177.083 193.46C178.821 195.148 181.473 196.395 183.878 196.791C188.779 197.599 193.731 194.313 196.144 189.426C198.157 185.348 197.209 180.335 193.55 176.606C185.263 168.162 176.836 159.854 168.643 151.321C165.437 147.981 162.029 146.038 157.259 146.793C155.245 147.112 153.138 146.846 150.442 146.846ZM169.239 105.042C161.272 105.042 153.305 105.042 145.948 105.042C146.614 113.151 147.252 120.934 147.905 128.886C160.176 128.886 172.526 128.917 184.876 128.875C192.21 128.849 196.856 124.101 196.812 116.824C196.77 109.897 191.917 105.095 184.857 105.049C179.869 105.016 174.88 105.042 169.239 105.042Z" fill="#FEFEFE"/>
 <path d="M125.184 108.249C128.015 110.938 129.174 113.951 129.158 117.695C129.062 140.167 129.118 162.639 129.104 185.111C129.101 190.869 125.959 194.95 120.598 196.281C114.992 197.672 109.016 195.282 106.788 190.405C105.972 188.617 105.705 186.442 105.698 184.441C105.625 162.295 105.72 140.149 105.603 118.003C105.575 112.638 107.723 108.778 112.324 106.343C116.875 103.935 121.119 105.032 125.184 108.249Z" fill="black"/>

package/dist/components/Rust.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 224 224" width="${width}" height="${height}"><path fill="#000" d="M218.46 109.358l-9.062-5.614c-.076-.882-.162-1.762-.258-2.642l7.803-7.265a3.107 3.107 0 00.933-2.89 3.093 3.093 0 00-1.967-2.312l-9.97-3.715c-.25-.863-.512-1.72-.781-2.58l6.214-8.628a3.114 3.114 0 00-.592-4.263 3.134 3.134 0 00-1.431-.637l-10.507-1.709a80.869 80.869 0 00-1.263-2.353l4.417-9.7a3.12 3.12 0 00-.243-3.035 3.106 3.106 0 00-2.705-1.385l-10.671.372a85.152 85.152 0 00-1.685-2.044l2.456-10.381a3.125 3.125 0 00-3.762-3.763l-10.384 2.456a88.996 88.996 0 00-2.047-1.684l.373-10.671a3.11 3.11 0 00-1.385-2.704 3.127 3.127 0 00-3.034-.246l-9.681 4.417c-.782-.429-1.567-.854-2.353-1.265l-1.713-10.506a3.098 3.098 0 00-1.887-2.373 3.108 3.108 0 00-3.014.35l-8.628 6.213c-.85-.27-1.703-.53-2.56-.778l-3.716-9.97a3.111 3.111 0 00-2.311-1.97 3.134 3.134 0 00-2.89.933l-7.266 7.802a93.746 93.746 0 00-2.643-.258l-5.614-9.082A3.125 3.125 0 00111.97 4c-1.09 0-2.085.56-2.642 1.478l-5.615 9.081a93.32 93.32 0 00-2.642.259l-7.266-7.802a3.13 3.13 0 00-2.89-.933 3.106 3.106 0 00-2.312 1.97l-3.715 9.97c-.857.247-1.71.506-2.56.778L73.7 12.588a3.101 3.101 0 00-3.014-.35A3.127 3.127 0 0068.8 14.61l-1.713 10.506c-.79.41-1.575.832-2.353 1.265l-9.681-4.417a3.125 3.125 0 00-4.42 2.95l.372 10.67c-.69.553-1.373 1.115-2.048 1.685l-10.383-2.456a3.143 3.143 0 00-2.93.832 3.124 3.124 0 00-.833 2.93l2.436 10.383a93.897 93.897 0 00-1.68 2.043l-10.672-.372a3.138 3.138 0 00-2.704 1.385 3.126 3.126 0 00-.246 3.035l4.418 9.7c-.43.779-.855 1.563-1.266 2.353l-10.507 1.71a3.097 3.097 0 00-2.373 1.886 3.117 3.117 0 00.35 3.013l6.214 8.628a89.12 89.12 0 00-.78 2.58l-9.97 3.715a3.117 3.117 0 00-1.035 5.202l7.803 7.265c-.098.879-.184 1.76-.258 2.642l-9.062 5.614A3.122 3.122 0 004 112.021c0 1.092.56 2.084 1.478 2.642l9.062 5.614c.074.882.16 1.762.258 2.642l-7.803 7.265a3.117 3.117 0 001.034 5.201l9.97 3.716a110 110 0 00.78 2.58l-6.212 8.627a3.112 3.112 0 00.6 4.27c.419.33.916.547 1.443.63l10.507 1.709c.407.792.83 1.576 1.265 2.353l-4.417 9.68a3.126 3.126 0 002.95 4.42l10.65-.374c.553.69 1.115 1.372 1.685 2.047l-2.435 10.383a3.09 3.09 0 00.831 2.91 3.117 3.117 0 002.931.83l10.384-2.436a82.268 82.268 0 002.047 1.68l-.371 10.671a3.11 3.11 0 001.385 2.704 3.125 3.125 0 003.034.241l9.681-4.416c.779.432 1.563.854 2.353 1.265l1.713 10.505a3.147 3.147 0 001.887 2.395 3.111 3.111 0 003.014-.349l8.628-6.213c.853.271 1.71.535 2.58.783l3.716 9.969a3.112 3.112 0 002.312 1.967 3.112 3.112 0 002.89-.933l7.266-7.802c.877.101 1.761.186 2.642.264l5.615 9.061a3.12 3.12 0 002.642 1.478 3.165 3.165 0 002.663-1.478l5.614-9.061c.884-.078 1.765-.163 2.643-.264l7.265 7.802a3.106 3.106 0 002.89.933 3.105 3.105 0 002.312-1.967l3.716-9.969c.863-.248 1.719-.512 2.58-.783l8.629 6.213a3.12 3.12 0 004.9-2.045l1.713-10.506c.793-.411 1.577-.838 2.353-1.265l9.681 4.416a3.13 3.13 0 003.035-.241 3.126 3.126 0 001.385-2.704l-.372-10.671a81.794 81.794 0 002.046-1.68l10.383 2.436a3.123 3.123 0 003.763-3.74l-2.436-10.382a84.588 84.588 0 001.68-2.048l10.672.374a3.104 3.104 0 002.704-1.385 3.118 3.118 0 00.244-3.035l-4.417-9.68c.43-.779.852-1.563 1.263-2.353l10.507-1.709a3.08 3.08 0 002.373-1.886 3.11 3.11 0 00-.35-3.014l-6.214-8.627c.272-.857.532-1.717.781-2.58l9.97-3.716a3.109 3.109 0 001.967-2.311 3.107 3.107 0 00-.933-2.89l-7.803-7.265c.096-.88.182-1.761.258-2.642l9.062-5.614a3.11 3.11 0 001.478-2.642 3.157 3.157 0 00-1.476-2.663h-.064zm-60.687 75.337c-3.468-.747-5.656-4.169-4.913-7.637a6.412 6.412 0 017.617-4.933c3.468.741 5.676 4.169 4.933 7.637a6.414 6.414 0 01-7.617 4.933h-.02zm-3.076-20.847c-3.158-.677-6.275 1.334-6.936 4.5l-3.22 15.026c-9.929 4.5-21.055 7.018-32.614 7.018-11.89 0-23.12-2.622-33.234-7.328l-3.22-15.026c-.677-3.158-3.778-5.18-6.936-4.499l-13.273 2.848a80.222 80.222 0 01-6.853-8.091h64.61c.731 0 1.218-.132 1.218-.797v-22.91c0-.665-.487-.797-1.218-.797H94.133v-14.469h20.415c1.864 0 9.97.533 12.551 10.898.811 3.179 2.601 13.54 3.818 16.863 1.214 3.715 6.152 11.146 11.415 11.146h32.202c.365 0 .755-.041 1.166-.116a80.56 80.56 0 01-7.307 8.587l-13.583-2.911-.113.058zm-89.38 20.537a6.407 6.407 0 01-7.617-4.933c-.74-3.467 1.462-6.894 4.934-7.637a6.417 6.417 0 017.617 4.933c.74 3.468-1.464 6.894-4.934 7.637zm-24.564-99.28a6.438 6.438 0 01-3.261 8.484c-3.241 1.438-7.019-.025-8.464-3.261-1.445-3.237.025-7.039 3.262-8.483a6.416 6.416 0 018.463 3.26zM33.22 102.94l13.83-6.15c2.952-1.311 4.294-4.769 2.972-7.72l-2.848-6.44H58.36v50.362h-22.5a79.158 79.158 0 01-3.014-21.672c0-2.869.155-5.697.452-8.483l-.08.103zm60.687-4.892v-14.86h26.629c1.376 0 9.722 1.59 9.722 7.822 0 5.18-6.399 7.038-11.663 7.038h-24.77.082zm96.811 13.375c0 1.973-.072 3.922-.216 5.862h-8.113c-.811 0-1.137.532-1.137 1.327v3.715c0 8.752-4.934 10.671-9.268 11.146-4.129.464-8.691-1.726-9.248-4.252-2.436-13.684-6.482-16.595-12.881-21.672 7.948-5.036 16.204-12.487 16.204-22.498 0-10.753-7.369-17.523-12.385-20.847-7.059-4.644-14.862-5.572-16.968-5.572H52.899c11.374-12.673 26.835-21.673 44.174-24.975l9.887 10.361a5.849 5.849 0 008.278.19l11.064-10.568c23.119 4.314 42.729 18.721 54.082 38.598l-7.576 17.09c-1.306 2.951.027 6.419 2.973 7.72l14.573 6.48c.255 2.607.383 5.224.384 7.843l-.021.052zM106.912 24.94a6.398 6.398 0 019.062.209 6.437 6.437 0 01-.213 9.082 6.396 6.396 0 01-9.062-.21 6.436 6.436 0 01.213-9.083v.002zm75.137 60.476a6.402 6.402 0 018.463-3.26 6.425 6.425 0 013.261 8.482 6.402 6.402 0 01-8.463 3.261 6.425 6.425 0 01-3.261-8.483z"/></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 224 224" width="${width}" height="${height}" ${restAttrs}><path fill="#000" d="M218.46 109.358l-9.062-5.614c-.076-.882-.162-1.762-.258-2.642l7.803-7.265a3.107 3.107 0 00.933-2.89 3.093 3.093 0 00-1.967-2.312l-9.97-3.715c-.25-.863-.512-1.72-.781-2.58l6.214-8.628a3.114 3.114 0 00-.592-4.263 3.134 3.134 0 00-1.431-.637l-10.507-1.709a80.869 80.869 0 00-1.263-2.353l4.417-9.7a3.12 3.12 0 00-.243-3.035 3.106 3.106 0 00-2.705-1.385l-10.671.372a85.152 85.152 0 00-1.685-2.044l2.456-10.381a3.125 3.125 0 00-3.762-3.763l-10.384 2.456a88.996 88.996 0 00-2.047-1.684l.373-10.671a3.11 3.11 0 00-1.385-2.704 3.127 3.127 0 00-3.034-.246l-9.681 4.417c-.782-.429-1.567-.854-2.353-1.265l-1.713-10.506a3.098 3.098 0 00-1.887-2.373 3.108 3.108 0 00-3.014.35l-8.628 6.213c-.85-.27-1.703-.53-2.56-.778l-3.716-9.97a3.111 3.111 0 00-2.311-1.97 3.134 3.134 0 00-2.89.933l-7.266 7.802a93.746 93.746 0 00-2.643-.258l-5.614-9.082A3.125 3.125 0 00111.97 4c-1.09 0-2.085.56-2.642 1.478l-5.615 9.081a93.32 93.32 0 00-2.642.259l-7.266-7.802a3.13 3.13 0 00-2.89-.933 3.106 3.106 0 00-2.312 1.97l-3.715 9.97c-.857.247-1.71.506-2.56.778L73.7 12.588a3.101 3.101 0 00-3.014-.35A3.127 3.127 0 0068.8 14.61l-1.713 10.506c-.79.41-1.575.832-2.353 1.265l-9.681-4.417a3.125 3.125 0 00-4.42 2.95l.372 10.67c-.69.553-1.373 1.115-2.048 1.685l-10.383-2.456a3.143 3.143 0 00-2.93.832 3.124 3.124 0 00-.833 2.93l2.436 10.383a93.897 93.897 0 00-1.68 2.043l-10.672-.372a3.138 3.138 0 00-2.704 1.385 3.126 3.126 0 00-.246 3.035l4.418 9.7c-.43.779-.855 1.563-1.266 2.353l-10.507 1.71a3.097 3.097 0 00-2.373 1.886 3.117 3.117 0 00.35 3.013l6.214 8.628a89.12 89.12 0 00-.78 2.58l-9.97 3.715a3.117 3.117 0 00-1.035 5.202l7.803 7.265c-.098.879-.184 1.76-.258 2.642l-9.062 5.614A3.122 3.122 0 004 112.021c0 1.092.56 2.084 1.478 2.642l9.062 5.614c.074.882.16 1.762.258 2.642l-7.803 7.265a3.117 3.117 0 001.034 5.201l9.97 3.716a110 110 0 00.78 2.58l-6.212 8.627a3.112 3.112 0 00.6 4.27c.419.33.916.547 1.443.63l10.507 1.709c.407.792.83 1.576 1.265 2.353l-4.417 9.68a3.126 3.126 0 002.95 4.42l10.65-.374c.553.69 1.115 1.372 1.685 2.047l-2.435 10.383a3.09 3.09 0 00.831 2.91 3.117 3.117 0 002.931.83l10.384-2.436a82.268 82.268 0 002.047 1.68l-.371 10.671a3.11 3.11 0 001.385 2.704 3.125 3.125 0 003.034.241l9.681-4.416c.779.432 1.563.854 2.353 1.265l1.713 10.505a3.147 3.147 0 001.887 2.395 3.111 3.111 0 003.014-.349l8.628-6.213c.853.271 1.71.535 2.58.783l3.716 9.969a3.112 3.112 0 002.312 1.967 3.112 3.112 0 002.89-.933l7.266-7.802c.877.101 1.761.186 2.642.264l5.615 9.061a3.12 3.12 0 002.642 1.478 3.165 3.165 0 002.663-1.478l5.614-9.061c.884-.078 1.765-.163 2.643-.264l7.265 7.802a3.106 3.106 0 002.89.933 3.105 3.105 0 002.312-1.967l3.716-9.969c.863-.248 1.719-.512 2.58-.783l8.629 6.213a3.12 3.12 0 004.9-2.045l1.713-10.506c.793-.411 1.577-.838 2.353-1.265l9.681 4.416a3.13 3.13 0 003.035-.241 3.126 3.126 0 001.385-2.704l-.372-10.671a81.794 81.794 0 002.046-1.68l10.383 2.436a3.123 3.123 0 003.763-3.74l-2.436-10.382a84.588 84.588 0 001.68-2.048l10.672.374a3.104 3.104 0 002.704-1.385 3.118 3.118 0 00.244-3.035l-4.417-9.68c.43-.779.852-1.563 1.263-2.353l10.507-1.709a3.08 3.08 0 002.373-1.886 3.11 3.11 0 00-.35-3.014l-6.214-8.627c.272-.857.532-1.717.781-2.58l9.97-3.716a3.109 3.109 0 001.967-2.311 3.107 3.107 0 00-.933-2.89l-7.803-7.265c.096-.88.182-1.761.258-2.642l9.062-5.614a3.11 3.11 0 001.478-2.642 3.157 3.157 0 00-1.476-2.663h-.064zm-60.687 75.337c-3.468-.747-5.656-4.169-4.913-7.637a6.412 6.412 0 017.617-4.933c3.468.741 5.676 4.169 4.933 7.637a6.414 6.414 0 01-7.617 4.933h-.02zm-3.076-20.847c-3.158-.677-6.275 1.334-6.936 4.5l-3.22 15.026c-9.929 4.5-21.055 7.018-32.614 7.018-11.89 0-23.12-2.622-33.234-7.328l-3.22-15.026c-.677-3.158-3.778-5.18-6.936-4.499l-13.273 2.848a80.222 80.222 0 01-6.853-8.091h64.61c.731 0 1.218-.132 1.218-.797v-22.91c0-.665-.487-.797-1.218-.797H94.133v-14.469h20.415c1.864 0 9.97.533 12.551 10.898.811 3.179 2.601 13.54 3.818 16.863 1.214 3.715 6.152 11.146 11.415 11.146h32.202c.365 0 .755-.041 1.166-.116a80.56 80.56 0 01-7.307 8.587l-13.583-2.911-.113.058zm-89.38 20.537a6.407 6.407 0 01-7.617-4.933c-.74-3.467 1.462-6.894 4.934-7.637a6.417 6.417 0 017.617 4.933c.74 3.468-1.464 6.894-4.934 7.637zm-24.564-99.28a6.438 6.438 0 01-3.261 8.484c-3.241 1.438-7.019-.025-8.464-3.261-1.445-3.237.025-7.039 3.262-8.483a6.416 6.416 0 018.463 3.26zM33.22 102.94l13.83-6.15c2.952-1.311 4.294-4.769 2.972-7.72l-2.848-6.44H58.36v50.362h-22.5a79.158 79.158 0 01-3.014-21.672c0-2.869.155-5.697.452-8.483l-.08.103zm60.687-4.892v-14.86h26.629c1.376 0 9.722 1.59 9.722 7.822 0 5.18-6.399 7.038-11.663 7.038h-24.77.082zm96.811 13.375c0 1.973-.072 3.922-.216 5.862h-8.113c-.811 0-1.137.532-1.137 1.327v3.715c0 8.752-4.934 10.671-9.268 11.146-4.129.464-8.691-1.726-9.248-4.252-2.436-13.684-6.482-16.595-12.881-21.672 7.948-5.036 16.204-12.487 16.204-22.498 0-10.753-7.369-17.523-12.385-20.847-7.059-4.644-14.862-5.572-16.968-5.572H52.899c11.374-12.673 26.835-21.673 44.174-24.975l9.887 10.361a5.849 5.849 0 008.278.19l11.064-10.568c23.119 4.314 42.729 18.721 54.082 38.598l-7.576 17.09c-1.306 2.951.027 6.419 2.973 7.72l14.573 6.48c.255 2.607.383 5.224.384 7.843l-.021.052zM106.912 24.94a6.398 6.398 0 019.062.209 6.437 6.437 0 01-.213 9.082 6.396 6.396 0 01-9.062-.21 6.436 6.436 0 01.213-9.083v.002zm75.137 60.476a6.402 6.402 0 018.463-3.26 6.425 6.425 0 013.261 8.482 6.402 6.402 0 01-8.463 3.261 6.425 6.425 0 01-3.261-8.483z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/RxJS.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="12.100000000000001 8.4 262.79999999999995 272.2" width="${width}" height="${height}"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="53.496" x2="177.932" y1="247.701" y2="115.323"><stop offset="0" stop-color="#e01d84"/><stop offset=".401" stop-color="#df1d85"/><stop offset=".77" stop-color="#932c87"/><stop offset="1" stop-color="#5d2f88"/></linearGradient><radialGradient id="b" cx="190.456" cy="80.2" gradientTransform="matrix(1 .00239 -.002 .8362 .16 12.685)" gradientUnits="userSpaceOnUse" r="121.582"><stop offset="0" stop-color="#e01d84"/><stop offset=".139" stop-color="#de1e85"/><stop offset=".285" stop-color="#d62085"/><stop offset=".434" stop-color="#c92386"/><stop offset=".586" stop-color="#b72786"/><stop offset=".739" stop-color="#9d2b87"/><stop offset=".891" stop-color="#7c2e88"/><stop offset="1" stop-color="#5d2f88"/></radialGradient><linearGradient id="c" x1="83.212" x2="137.371" y1="62.336" y2="62.336" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e01d84"/><stop offset=".238" stop-color="#da1e85"/><stop offset=".658" stop-color="#c72085"/><stop offset=".999" stop-color="#b52284"/></linearGradient><path d="M29.6 175.3c-5.2-16.2-6.7-33.3-3.7-50.9 1.3-7.3 3.3-14.3 5.5-21.4 0 0 13.8-45.3 60.5-66 0 0 16.1-8.5 40.3-9.1 0 0-3.3-3.2-5.4-4.6-11.4-7.6-28.4-10.1-38.7.6-3.1 3.2-5.7 6.7-8.6 9.9-3.3 3.6-7.3 6.6-11.9 8.3-4 1.5-8 1.2-12.1 1.9-4.2.7-8.5 2.2-11.9 4.9-3.7 3-5.2 7-5.6 11.6-.4 3.6-.3 7.3-.5 10.9C37 82 33.6 85 26 90.9c-3.2 2.4-5.9 5.6-7.9 9-6 10.6 3.6 21.6 4.1 32.3.1 2.2-.1 4.4-.9 6.5-.8 2.3-2.4 3.8-3.7 5.7-1.8 2.5-3 5.5-2.5 8.6s2.1 6 3.6 8.7c2.9 4.8 6.5 9.1 10.3 13.2.2 0 .4.2.6.4" fill="#e32286"/><path d="M220.4 213.7c23-10 32.8-27.3 32.8-27.3 21.5-29.3 14.2-60.2 14.2-60.2-13.7 29.8-26.2 38-26.2 38 33.7-51.3.2-82.3.2-82.3 13.7 29.2-4.5 64.8-4.5 64.8-15.3 32.2-37 43.7-37 43.7 24.2 4.5 42-11.8 42-11.8-34.7 37.5-72.3 35.7-72.3 35.7 15.8 17.7 39.5 16.2 39.5 16.2-31 7.3-60.1-3-84-22.9-4.5-3.7-8.8-7.7-12.8-12 0 0-3.6-3.8-4.3-4.8l-.1-.1c-.5 18.5 18.8 35.7 18.8 35.7-24.2-10-35.3-31.7-35.3-31.7s-16.3-27.8-4.5-59.5 47.5-38.5 47.5-38.5c29.5 14.3 54.5 18.8 54.5 18.8 52.7 8.8 49.7-17 49.7-17 .5-22.2-33-45.8-33-45.8C145.9 8.4 91.9 37 91.9 37c-46.7 20.7-60.5 66-60.5 66-2.2 7.1-4.2 14.1-5.5 21.4-5.1 29.7 2.6 57.8 19.3 82.8 26 38.8 68.2 52.2 68.2 52.2 62.5 21.2 105.2-10 105.2-10 39.3-27 47.2-58.2 47.2-58.2-31.7 24.8-45.4 22.5-45.4 22.5zM171.6 67.8c3 0 5.4 2.4 5.4 5.4s-2.4 5.4-5.4 5.4-5.4-2.4-5.4-5.4 2.4-5.4 5.4-5.4z" fill="url(#a)"/><path d="M238.5 98.4c.5-22.2-33-45.8-33-45.8C145.8 8.4 91.8 37 91.8 37c-46.7 20.7-60.5 66-60.5 66-2.7 7.7-5.1 19.5-5.1 19.5-2.9 14.8-1.6 28.5-1.6 28.5 1.2 13.1 4.1 21.9 4.1 21.9 3 9.4 4.4 12.3 4.4 12.3-.1-.3-.6-2.5-.6-2.5s-4.2-20.2-.3-39.6c0 0 3.4-20.2 17.2-35.8 0 0 22.4-31.9 64.1-19.4 0 0 9 3.2 12.1 4.8 3.1 1.5 8.5 3.8 8.5 3.8 29.5 14.3 54.5 18.8 54.5 18.8 52.9 8.9 49.9-16.9 49.9-16.9zm-66.9-19.7c-3 0-5.4-2.4-5.4-5.4s2.4-5.4 5.4-5.4 5.4 2.4 5.4 5.4-2.4 5.4-5.4 5.4z" fill="url(#b)"/><path d="M137.4 58.2l-34.1-10.6c-.2 0-1.2-.5-3 0 0 0-20.1 5.1-16.6 16.1 0 0 2.1 6.9 7.8 13.6l37.5-1.8z" fill="url(#c)"/></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="12.100000000000001 8.4 262.79999999999995 272.2" width="${width}" height="${height}" ${restAttrs}><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="53.496" x2="177.932" y1="247.701" y2="115.323"><stop offset="0" stop-color="#e01d84"/><stop offset=".401" stop-color="#df1d85"/><stop offset=".77" stop-color="#932c87"/><stop offset="1" stop-color="#5d2f88"/></linearGradient><radialGradient id="b" cx="190.456" cy="80.2" gradientTransform="matrix(1 .00239 -.002 .8362 .16 12.685)" gradientUnits="userSpaceOnUse" r="121.582"><stop offset="0" stop-color="#e01d84"/><stop offset=".139" stop-color="#de1e85"/><stop offset=".285" stop-color="#d62085"/><stop offset=".434" stop-color="#c92386"/><stop offset=".586" stop-color="#b72786"/><stop offset=".739" stop-color="#9d2b87"/><stop offset=".891" stop-color="#7c2e88"/><stop offset="1" stop-color="#5d2f88"/></radialGradient><linearGradient id="c" x1="83.212" x2="137.371" y1="62.336" y2="62.336" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e01d84"/><stop offset=".238" stop-color="#da1e85"/><stop offset=".658" stop-color="#c72085"/><stop offset=".999" stop-color="#b52284"/></linearGradient><path d="M29.6 175.3c-5.2-16.2-6.7-33.3-3.7-50.9 1.3-7.3 3.3-14.3 5.5-21.4 0 0 13.8-45.3 60.5-66 0 0 16.1-8.5 40.3-9.1 0 0-3.3-3.2-5.4-4.6-11.4-7.6-28.4-10.1-38.7.6-3.1 3.2-5.7 6.7-8.6 9.9-3.3 3.6-7.3 6.6-11.9 8.3-4 1.5-8 1.2-12.1 1.9-4.2.7-8.5 2.2-11.9 4.9-3.7 3-5.2 7-5.6 11.6-.4 3.6-.3 7.3-.5 10.9C37 82 33.6 85 26 90.9c-3.2 2.4-5.9 5.6-7.9 9-6 10.6 3.6 21.6 4.1 32.3.1 2.2-.1 4.4-.9 6.5-.8 2.3-2.4 3.8-3.7 5.7-1.8 2.5-3 5.5-2.5 8.6s2.1 6 3.6 8.7c2.9 4.8 6.5 9.1 10.3 13.2.2 0 .4.2.6.4" fill="#e32286"/><path d="M220.4 213.7c23-10 32.8-27.3 32.8-27.3 21.5-29.3 14.2-60.2 14.2-60.2-13.7 29.8-26.2 38-26.2 38 33.7-51.3.2-82.3.2-82.3 13.7 29.2-4.5 64.8-4.5 64.8-15.3 32.2-37 43.7-37 43.7 24.2 4.5 42-11.8 42-11.8-34.7 37.5-72.3 35.7-72.3 35.7 15.8 17.7 39.5 16.2 39.5 16.2-31 7.3-60.1-3-84-22.9-4.5-3.7-8.8-7.7-12.8-12 0 0-3.6-3.8-4.3-4.8l-.1-.1c-.5 18.5 18.8 35.7 18.8 35.7-24.2-10-35.3-31.7-35.3-31.7s-16.3-27.8-4.5-59.5 47.5-38.5 47.5-38.5c29.5 14.3 54.5 18.8 54.5 18.8 52.7 8.8 49.7-17 49.7-17 .5-22.2-33-45.8-33-45.8C145.9 8.4 91.9 37 91.9 37c-46.7 20.7-60.5 66-60.5 66-2.2 7.1-4.2 14.1-5.5 21.4-5.1 29.7 2.6 57.8 19.3 82.8 26 38.8 68.2 52.2 68.2 52.2 62.5 21.2 105.2-10 105.2-10 39.3-27 47.2-58.2 47.2-58.2-31.7 24.8-45.4 22.5-45.4 22.5zM171.6 67.8c3 0 5.4 2.4 5.4 5.4s-2.4 5.4-5.4 5.4-5.4-2.4-5.4-5.4 2.4-5.4 5.4-5.4z" fill="url(#a)"/><path d="M238.5 98.4c.5-22.2-33-45.8-33-45.8C145.8 8.4 91.8 37 91.8 37c-46.7 20.7-60.5 66-60.5 66-2.7 7.7-5.1 19.5-5.1 19.5-2.9 14.8-1.6 28.5-1.6 28.5 1.2 13.1 4.1 21.9 4.1 21.9 3 9.4 4.4 12.3 4.4 12.3-.1-.3-.6-2.5-.6-2.5s-4.2-20.2-.3-39.6c0 0 3.4-20.2 17.2-35.8 0 0 22.4-31.9 64.1-19.4 0 0 9 3.2 12.1 4.8 3.1 1.5 8.5 3.8 8.5 3.8 29.5 14.3 54.5 18.8 54.5 18.8 52.9 8.9 49.9-16.9 49.9-16.9zm-66.9-19.7c-3 0-5.4-2.4-5.4-5.4s2.4-5.4 5.4-5.4 5.4 2.4 5.4 5.4-2.4 5.4-5.4 5.4z" fill="url(#b)"/><path d="M137.4 58.2l-34.1-10.6c-.2 0-1.2-.5-3 0 0 0-20.1 5.1-16.6 16.1 0 0 2.1 6.9 7.8 13.6l37.5-1.8z" fill="url(#c)"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/SQLite.svelte

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

package/dist/components/SST.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 82 64" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}"><path fill="#E27152" fill-rule="evenodd" d="M21.683 49.99a.278.278 0 0 0-.23-.434H5.12A5.118 5.118 0 0 1 0 44.431L.02 20.66c0-1.006.264-1.993.764-2.864L9.508 2.59A5.157 5.157 0 0 1 13.981 0h52.94a3.064 3.064 0 0 1 2.598 4.69l-5.693 9.1a.9.9 0 0 0 .763 1.377h12.898A4.513 4.513 0 0 1 82 19.68v22.809c0 2.547-.646 5.056-1.877 7.286-1.552 2.812-4.07 6.796-5.657 9.672a7.06 7.06 0 0 1-6.183 3.65H18.598a3.07 3.07 0 0 1-2.718-1.636 3.07 3.07 0 0 1 .172-3.163c2.166-3.197 4.767-7.03 5.631-8.307Zm7.658-2.388a3.191 3.191 0 0 0-2.612 1.353c-1.651 2.343-5.026 7.132-6.725 9.54a.923.923 0 0 0 .754 1.455h46.377a4.772 4.772 0 0 0 4.136-2.397c1.213-2.105 3.295-5.174 4.544-7.343a1.739 1.739 0 0 0-1.51-2.608H29.341ZM16.264 34.32a5.699 5.699 0 0 0-4.47 2.189l-5.489 7.02a1.782 1.782 0 0 0 1.404 2.88h16.03a3.423 3.423 0 0 1 3.092-1.958h30.981a3.64 3.64 0 0 0 3.106-1.738l4.215-6.885a1.1 1.1 0 0 0-.942-1.673l-47.927.165Zm49.239 7.572a1.673 1.673 0 0 0 1.422 2.56h8.99c.694 0 1.36-.277 1.85-.764.49-.492.766-1.157.766-1.852V20.88a2.564 2.564 0 0 0-2.564-2.563H34.031a4.598 4.598 0 0 0-3.881 2.131c-1.488 2.34-3.22 6.072-4.685 8.377a1.33 1.33 0 0 0 1.122 2.042h39.821a3.308 3.308 0 0 1 2.808 5.056l-3.713 5.968ZM58.18 15.168c.345 0 .665-.174.854-.462l5.957-9.123a1.159 1.159 0 0 0-.97-1.793H18.652a4.885 4.885 0 0 0-4.886 4.886v17.28a4.976 4.976 0 0 0 5.212 4.97h.64c.017-.138 5.172-9.037 8.017-13.399a5.2 5.2 0 0 1 4.355-2.359h26.19Z" clip-rule="evenodd"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 82 64" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#E27152" fill-rule="evenodd" d="M21.683 49.99a.278.278 0 0 0-.23-.434H5.12A5.118 5.118 0 0 1 0 44.431L.02 20.66c0-1.006.264-1.993.764-2.864L9.508 2.59A5.157 5.157 0 0 1 13.981 0h52.94a3.064 3.064 0 0 1 2.598 4.69l-5.693 9.1a.9.9 0 0 0 .763 1.377h12.898A4.513 4.513 0 0 1 82 19.68v22.809c0 2.547-.646 5.056-1.877 7.286-1.552 2.812-4.07 6.796-5.657 9.672a7.06 7.06 0 0 1-6.183 3.65H18.598a3.07 3.07 0 0 1-2.718-1.636 3.07 3.07 0 0 1 .172-3.163c2.166-3.197 4.767-7.03 5.631-8.307Zm7.658-2.388a3.191 3.191 0 0 0-2.612 1.353c-1.651 2.343-5.026 7.132-6.725 9.54a.923.923 0 0 0 .754 1.455h46.377a4.772 4.772 0 0 0 4.136-2.397c1.213-2.105 3.295-5.174 4.544-7.343a1.739 1.739 0 0 0-1.51-2.608H29.341ZM16.264 34.32a5.699 5.699 0 0 0-4.47 2.189l-5.489 7.02a1.782 1.782 0 0 0 1.404 2.88h16.03a3.423 3.423 0 0 1 3.092-1.958h30.981a3.64 3.64 0 0 0 3.106-1.738l4.215-6.885a1.1 1.1 0 0 0-.942-1.673l-47.927.165Zm49.239 7.572a1.673 1.673 0 0 0 1.422 2.56h8.99c.694 0 1.36-.277 1.85-.764.49-.492.766-1.157.766-1.852V20.88a2.564 2.564 0 0 0-2.564-2.563H34.031a4.598 4.598 0 0 0-3.881 2.131c-1.488 2.34-3.22 6.072-4.685 8.377a1.33 1.33 0 0 0 1.122 2.042h39.821a3.308 3.308 0 0 1 2.808 5.056l-3.713 5.968ZM58.18 15.168c.345 0 .665-.174.854-.462l5.957-9.123a1.159 1.159 0 0 0-.97-1.793H18.652a4.885 4.885 0 0 0-4.886 4.886v17.28a4.976 4.976 0 0 0 5.212 4.97h.64c.017-.138 5.172-9.037 8.017-13.399a5.2 5.2 0 0 1 4.355-2.359h26.19Z" clip-rule="evenodd"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/SVG.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 300 300" width="${width}" height="${height}"><g stroke="#000" stroke-width="38.009"><g id="svgstar" transform="translate(150 150)"><path id="svgbar" fill="#ffb13b" d="M-84.149-15.851a22.417 22.417 0 1 0 0 31.702H84.15a22.417 22.417 0 1 0 0-31.702Z"/><use xlink:href="#svgbar" transform="rotate(45)"/><use xlink:href="#svgbar" transform="rotate(90)"/><use xlink:href="#svgbar" transform="rotate(135)"/></g></g><use xlink:href="#svgstar"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 300 300" width="${width}" height="${height}" ${restAttrs}><g stroke="#000" stroke-width="38.009"><g id="svgstar" transform="translate(150 150)"><path id="svgbar" fill="#ffb13b" d="M-84.149-15.851a22.417 22.417 0 1 0 0 31.702H84.15a22.417 22.417 0 1 0 0-31.702Z"/><use xlink:href="#svgbar" transform="rotate(45)"/><use xlink:href="#svgbar" transform="rotate(90)"/><use xlink:href="#svgbar" transform="rotate(135)"/></g></g><use xlink:href="#svgstar"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/SWC.svelte

@@ -1,12 +1,21 @@
 <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
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   enable-background="new 0 0 976.9 346.4"
   viewBox="0 0 976.9 346.4"
- width="${width}" height="${height}">
+ width="${width}" height="${height}" ${restAttrs}>
   <linearGradient
     id="a"
     gradientUnits="userSpaceOnUse"