@selemondev/svgl-svelte 0.0.2 → 0.0.3

package/dist/components/AMP.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg fill="#005AF0" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><title>AMP</title><path d="M12 0c6.628 0 12 5.373 12 12s-5.372 12-12 12C5.373 24 0 18.627 0 12S5.373 0 12 0zm-.92 19.278l5.034-8.377a.444.444 0 00.097-.268.455.455 0 00-.455-.455l-2.851.004.924-5.468-.927-.003-5.018 8.367s-.1.183-.1.291c0 .251.204.455.455.455l2.831-.004-.901 5.458z"/></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 fill="#005AF0" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><title>AMP</title><path d="M12 0c6.628 0 12 5.373 12 12s-5.372 12-12 12C5.373 24 0 18.627 0 12S5.373 0 12 0zm-.92 19.278l5.034-8.377a.444.444 0 00.097-.268.455.455 0 00-.455-.455l-2.851.004.924-5.468-.927-.003-5.018 8.367s-.1.183-.1.291c0 .251.204.455.455.455l2.831-.004-.901 5.458z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Adobe.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 91 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 91 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_906_1839)">
 <path d="M56.9686 0H90.4318V80L56.9686 0Z" fill="#EB1000"/>
 <path d="M33.4632 0H0V80L33.4632 0Z" fill="#EB1000"/>

package/dist/components/AffinityDesigner.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" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}"><path fill="#134881" d="M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="M2477 909.311c-.17 21.934-18.03 39.689-40 39.689h-403.69l-172.55-298.876H2477v259.187ZM1603 909V733.513L1983.19 75h148.58l-321.19 556.33L1993.98 949H1643c-22.08 0-40-17.923-40-40Zm487.17-292.956h-150.22c-16.77 0-32.27-8.8-40.65-23.327-8.38-14.502-8.38-32.433 0-46.935l75.15-130.17 115.72 200.432ZM2437 75c21.97 0 39.83 17.755 40 39.689v501.355h-347.48l-135.41-234.495L2171.1 75H2437Z" transform="translate(-1528)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(2271.03 -89.26) scale(1038.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6be1fb"/><stop offset="1" stop-color="#38bdfa"/></radialGradient></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" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}" ${restAttrs}><path fill="#134881" d="M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="M2477 909.311c-.17 21.934-18.03 39.689-40 39.689h-403.69l-172.55-298.876H2477v259.187ZM1603 909V733.513L1983.19 75h148.58l-321.19 556.33L1993.98 949H1643c-22.08 0-40-17.923-40-40Zm487.17-292.956h-150.22c-16.77 0-32.27-8.8-40.65-23.327-8.38-14.502-8.38-32.433 0-46.935l75.15-130.17 115.72 200.432ZM2437 75c21.97 0 39.83 17.755 40 39.689v501.355h-347.48l-135.41-234.495L2171.1 75H2437Z" transform="translate(-1528)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(2271.03 -89.26) scale(1038.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6be1fb"/><stop offset="1" stop-color="#38bdfa"/></radialGradient></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/AffinityPhoto.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" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}"><path fill="#4e3188" d="M1023.994 100c0-55.192-44.807-100-99.999-100H100.002C44.81 0 .002 44.808.002 100v824c0 55.192 44.808 100 100 100h823.993c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="M3547 650.087V909c0 21.809-17.49 39.566-39.2 39.992l-264.42-.001-172.64-298.904H3547Zm-342.96 298.904h-467.78l234.02-404.714 233.76 404.714Zm-505.34-2.629c-14.15-5.425-24.44-18.652-25.59-34.397l-.11-178.463 190.17-329.251h148.64L2698.7 946.362Zm449.05-542.726c12.95.054 25.34 7.661 32.03 18.935.07.114.2.344.2.344l39.3 68.052.34.564c6.42 11.234 6.67 25.389.25 36.827-13.17 23.042-26.55 45.973-39.83 68.96-6.52 11.179-18.86 18.473-31.98 18.636-25.03.105-75.22.047-75.29.047-12.95-.054-25.54-6.959-32.24-18.233-.15-.244-.43-.743-.43-.743s-39.32-68.059-39.4-68.217c-6.43-11.234-6.42-25.747 0-37.185.09-.168.29-.504.29-.504s26.31-45.638 39.48-68.457c6.52-11.179 18.89-18.87 32-19.034.22-.001.66-.011.66-.011l74.17.019h.45Zm372.14-326.51-311.25 538.875H3547V115c0-17.566-11.35-32.503-27.11-37.874ZM3053.34 75h428.43l-231.7 401.157-214.21-370.881L3053.34 75Zm96.18 295.191h-266.68l133.34-230.855 133.34 230.855Z" transform="matrix(1 0 0 1 -2597.98 0)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(3341.03 -89.259) scale(1038.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f9a6ff"/><stop offset="1" stop-color="#ea73ff"/></radialGradient></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" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}" ${restAttrs}><path fill="#4e3188" d="M1023.994 100c0-55.192-44.807-100-99.999-100H100.002C44.81 0 .002 44.808.002 100v824c0 55.192 44.808 100 100 100h823.993c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="M3547 650.087V909c0 21.809-17.49 39.566-39.2 39.992l-264.42-.001-172.64-298.904H3547Zm-342.96 298.904h-467.78l234.02-404.714 233.76 404.714Zm-505.34-2.629c-14.15-5.425-24.44-18.652-25.59-34.397l-.11-178.463 190.17-329.251h148.64L2698.7 946.362Zm449.05-542.726c12.95.054 25.34 7.661 32.03 18.935.07.114.2.344.2.344l39.3 68.052.34.564c6.42 11.234 6.67 25.389.25 36.827-13.17 23.042-26.55 45.973-39.83 68.96-6.52 11.179-18.86 18.473-31.98 18.636-25.03.105-75.22.047-75.29.047-12.95-.054-25.54-6.959-32.24-18.233-.15-.244-.43-.743-.43-.743s-39.32-68.059-39.4-68.217c-6.43-11.234-6.42-25.747 0-37.185.09-.168.29-.504.29-.504s26.31-45.638 39.48-68.457c6.52-11.179 18.89-18.87 32-19.034.22-.001.66-.011.66-.011l74.17.019h.45Zm372.14-326.51-311.25 538.875H3547V115c0-17.566-11.35-32.503-27.11-37.874ZM3053.34 75h428.43l-231.7 401.157-214.21-370.881L3053.34 75Zm96.18 295.191h-266.68l133.34-230.855 133.34 230.855Z" transform="matrix(1 0 0 1 -2597.98 0)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(3341.03 -89.259) scale(1038.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f9a6ff"/><stop offset="1" stop-color="#ea73ff"/></radialGradient></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/AffinityPublisher.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" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}"><path fill="#891b26" d="M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="m4145.14 949-257.8-446.348L3754 733.508V909c0 22.077 17.92 40 40 40h351.14Zm187.99 0h-148.64s-192.55-333.487-257.06-445.057c-12.63-21.85-12.64-48.87-.01-70.724 23.33-40.368 53.92-93.31 53.92-93.31L4333.13 949Zm187.99 0h-148.64l-369.29-646.928 72.14-124.89L4521.12 949ZM4628 808.578V909c0 22.077-17.92 40-40 40h-27.53L4095 143.121 4134.35 75h69.95L4628 808.578ZM4588 75h-344.36L4628 740.456V115c0-22.077-17.92-40-40-40Z" transform="translate(-3678.99)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(4421.95 -89.26) scale(1038.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffae71"/><stop offset="1" stop-color="#ff9350"/></radialGradient></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" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}" ${restAttrs}><path fill="#891b26" d="M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="m4145.14 949-257.8-446.348L3754 733.508V909c0 22.077 17.92 40 40 40h351.14Zm187.99 0h-148.64s-192.55-333.487-257.06-445.057c-12.63-21.85-12.64-48.87-.01-70.724 23.33-40.368 53.92-93.31 53.92-93.31L4333.13 949Zm187.99 0h-148.64l-369.29-646.928 72.14-124.89L4521.12 949ZM4628 808.578V909c0 22.077-17.92 40-40 40h-27.53L4095 143.121 4134.35 75h69.95L4628 808.578ZM4588 75h-344.36L4628 740.456V115c0-22.077-17.92-40-40-40Z" transform="translate(-3678.99)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(4421.95 -89.26) scale(1038.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffae71"/><stop offset="1" stop-color="#ff9350"/></radialGradient></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Afordin.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 196 256" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path d="M109.337 48.428c0-6.421-2.518-12.579-7-17.12-4.483-4.54-10.563-7.092-16.902-7.094 6.34-.002 12.42-2.554 16.902-7.094s7-10.7 7-17.12c0 6.421 2.518 12.58 7.002 17.121a23.76 23.76 0 0 0 16.905 7.093 23.76 23.76 0 0 0-16.905 7.093c-4.484 4.54-7.002 10.7-7.002 17.12m29.694 44.055a31.5 31.5 0 0 0-11.353-15.22 30.87 30.87 0 0 0-17.943-5.805 30.86 30.86 0 0 0-17.964 5.74 31.5 31.5 0 0 0-11.406 15.18l-25.795 73.16h37.412l17.46-57.182 22.773 77.722 10.669 31.871c3.384 11.026 10.162 20.667 19.343 27.512 9.182 6.846 20.285 10.537 31.687 10.534H196zM22.692 256h1.791a53 53 0 0 0 31.165-10.155c9.085-6.602 15.897-15.923 19.477-26.651l.418-1.249.307-.961H36.44z" fill="#000"/><path d="M79.43 209.426c17.013-3.116 29.917-18.19 29.917-36.321H35.864c-9.511.001-18.633 3.829-25.358 10.64S0 199.793 0 209.426z" fill="#000"/></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 196 256" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path d="M109.337 48.428c0-6.421-2.518-12.579-7-17.12-4.483-4.54-10.563-7.092-16.902-7.094 6.34-.002 12.42-2.554 16.902-7.094s7-10.7 7-17.12c0 6.421 2.518 12.58 7.002 17.121a23.76 23.76 0 0 0 16.905 7.093 23.76 23.76 0 0 0-16.905 7.093c-4.484 4.54-7.002 10.7-7.002 17.12m29.694 44.055a31.5 31.5 0 0 0-11.353-15.22 30.87 30.87 0 0 0-17.943-5.805 30.86 30.86 0 0 0-17.964 5.74 31.5 31.5 0 0 0-11.406 15.18l-25.795 73.16h37.412l17.46-57.182 22.773 77.722 10.669 31.871c3.384 11.026 10.162 20.667 19.343 27.512 9.182 6.846 20.285 10.537 31.687 10.534H196zM22.692 256h1.791a53 53 0 0 0 31.165-10.155c9.085-6.602 15.897-15.923 19.477-26.651l.418-1.249.307-.961H36.44z" fill="#000"/><path d="M79.43 209.426c17.013-3.116 29.917-18.19 29.917-36.321H35.864c-9.511.001-18.633 3.829-25.358 10.64S0 199.793 0 209.426z" fill="#000"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/AfterEffects.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 83 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 83 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_912_9)">
 <path d="M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z" fill="#00005B"/>
 <path d="M32.9624 47.8634H20.2474L17.6604 55.915C17.6252 56.0616 17.54 56.1913 17.4194 56.2817C17.2988 56.3721 17.1504 56.4177 16.9999 56.4104H10.5599C10.1927 56.4104 10.0642 56.2086 10.1746 55.805L21.1832 24.2314C21.2932 23.9012 21.4034 23.5783 21.5134 23.156C21.6576 22.4216 21.7313 21.6752 21.7336 20.9268C21.7261 20.8745 21.731 20.8212 21.7477 20.771C21.7644 20.7209 21.7926 20.6753 21.83 20.6379C21.8674 20.6005 21.9129 20.5723 21.9631 20.5556C22.0132 20.5389 22.0666 20.534 22.1189 20.5415H30.8708C31.127 20.5415 31.2738 20.6332 31.3111 20.8168L43.8058 55.86C43.9158 56.2272 43.8057 56.4107 43.4756 56.4104H36.32C36.1971 56.4241 36.0734 56.3925 35.9721 56.3216C35.8708 56.2507 35.7988 56.1453 35.7696 56.0251L32.9624 47.8634ZM22.2291 41.0745H30.9258C30.7056 40.3409 30.4487 39.5152 30.1551 38.5975C29.861 37.6807 29.5491 36.6991 29.2194 35.6527C28.8892 34.607 28.559 33.5611 28.2287 32.5153C27.8985 31.4695 27.5957 30.4604 27.3204 29.4879C27.0453 28.5161 26.7976 27.6263 26.5774 26.8184H26.5223C26.2126 28.305 25.8268 29.7747 25.3664 31.2218C24.8521 32.8731 24.3292 34.5611 23.7977 36.2857C23.2654 38.011 22.7425 39.6072 22.2291 41.0745Z" fill="#9999FF"/>

package/dist/components/Ahooks.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 44 44" 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 44 44" width="${width}" height="${height}" ${restAttrs}>
   <g fill="none" fill-rule="nonzero">
     <rect width="44.005" height="44.005" fill="#4569D4" rx="22.003" />
     <path fill="#FFF"

package/dist/components/Airbnb.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg enable-background="new 0 0 1991.3 2143.2" viewBox="0 0 1991.3 2143.2" 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 enable-background="new 0 0 1991.3 2143.2" viewBox="0 0 1991.3 2143.2" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
     <path d="m1851.6 1735.6c-15 111.6-90.1 208.1-195.2 251-51.5 21.4-107.3 27.9-163.1 21.4-53.6-6.4-107.3-23.6-163-55.7-77.2-43-154.5-109.4-244.6-208.1 141.6-173.8 227.4-332.5 259.6-474.1 15-66.5 17.2-126.6 10.7-182.4-8.6-53.6-27.9-103-57.9-145.9-66.5-96.5-178.1-152.3-302.5-152.3s-236 57.9-302.5 152.3c-30 42.9-49.3 92.3-57.9 145.9-8.6 55.8-6.4 118 10.7 182.4 32.2 141.6 120.1 302.5 259.6 476.2-88 98.7-167.3 165.2-244.6 208.1-55.8 32.2-109.4 49.4-163 55.8-55.3 6.2-111.2-1.2-163-21.4-105.1-42.9-180.2-139.5-195.2-251-6.4-53.6-2.1-107.2 19.3-167.3 6.4-21.5 17.2-42.9 27.9-68.6 15-34.3 32.2-70.8 49.3-107.3l2.2-4.3c148-319.7 306.8-645.8 472-963.3l6.4-12.9c17.2-32.1 34.3-66.5 51.5-98.7 17.2-34.3 36.5-66.5 60.1-94.4 45.1-51.5 105.1-79.4 171.6-79.4s126.6 27.9 171.6 79.4c23.6 27.9 42.9 60.1 60.1 94.4 17.2 32.2 34.3 66.5 51.5 98.6l6.5 12.9c163 319.6 321.8 645.7 469.8 965.4v2.1c17.2 34.3 32.2 73 49.3 107.3 10.7 25.8 21.5 47.2 27.9 68.6 17.1 55.9 23.5 109.5 14.9 165.3zm-856-100.9c-115.8-145.9-190.9-283.2-216.7-399-10.7-49.4-12.9-92.3-6.4-130.9 4.3-34.3 17.2-64.4 34.3-90.1 40.8-57.9 109.4-94.4 188.8-94.4s150.2 34.4 188.8 94.4c17.2 25.8 30 55.8 34.3 90.1 6.4 38.6 4.3 83.7-6.4 130.9-25.7 113.7-100.8 251-216.7 399zm967.6-111.5c-10.7-25.7-21.5-53.6-32.2-77.2-17.2-38.6-34.3-75.1-49.4-109.4l-2.1-2.1c-148-321.8-306.8-647.9-474.1-969.7l-6.4-12.9c-17.2-32.2-34.3-66.5-51.5-100.8-21.5-38.6-42.9-79.4-77.2-118-68.7-85.9-167.4-133.1-272.5-133.1-107.3 0-203.8 47.2-274.7 128.7-32.2 38.6-55.8 79.4-77.2 118-17.2 34.3-34.3 68.6-51.5 100.8l-6.4 12.8c-165.2 321.8-326.1 647.9-474.1 969.7l-2.1 4.3c-15 34.3-32.2 70.8-49.4 109.4-11.5 25.4-22.2 51.2-32.2 77.2-27.9 79.4-36.5 154.5-25.8 231.7 23.6 160.9 130.9 296.1 278.9 356.1 55.8 23.6 113.7 34.3 173.8 34.3 17.2 0 38.6-2.1 55.8-4.3 70.8-8.6 143.7-32.1 214.5-72.9 88-49.3 171.6-120.1 266-223.1 94.4 103 180.2 173.8 266 223.1 70.8 40.8 143.7 64.3 214.5 72.9 17.2 2.2 38.6 4.3 55.8 4.3 60.1 0 120.1-10.7 173.8-34.3 150.2-60.1 255.3-197.4 278.9-356.1 17.2-75 8.6-150-19.2-229.4z" fill="#e0565b"/>
 </svg>
 `;

package/dist/components/Alacritty.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 64 64" version="1.1" xml:space="preserve" style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41420996;enable-background:new" id="svg3967" sodipodi:docname="alacritty.svg" inkscape:version="0.92.4 (5da689c313, 2019-01-14)" width="${width}" height="${height}"><metadata id="metadata3971"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><sodipodi:namedview pagecolor="#1b1b1b" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="1" inkscape:pageshadow="2" inkscape:window-width="1912" inkscape:window-height="2051" id="namedview3969" showgrid="true" inkscape:pagecheckerboard="false" showguides="false" inkscape:guide-bbox="true" inkscape:measure-start="35.0647,26.4746" inkscape:measure-end="23.3668,17.3739" inkscape:lockguides="false" inkscape:snap-page="false" inkscape:zoom="16.123347" inkscape:cx="29.021205" inkscape:cy="30.792291" inkscape:window-x="1912" inkscape:window-y="48" inkscape:window-maximized="0" inkscape:current-layer="layer1" inkscape:snap-smooth-nodes="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" showborder="true" inkscape:showpageshadow="false" inkscape:object-nodes="true" viewbox-y="-0.5" inkscape:snap-to-guides="false" inkscape:snap-grids="false"><sodipodi:guide position="52,8.2500022" orientation="1,0" id="guide959" inkscape:locked="false" inkscape:label="A Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,48.250002" orientation="0,1" id="guide961" inkscape:locked="false" inkscape:label="A Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="14,8.2500022" orientation="1,0" id="guide963" inkscape:locked="false" inkscape:label="A Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,24.750002" orientation="1,0" id="guide965" inkscape:locked="false" inkscape:label="Vertical Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,24.750002" orientation="0,1" id="guide967" inkscape:locked="false" inkscape:label="Horizontal Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="28.813,21.500002" orientation="1,0" id="guide969" inkscape:locked="false" inkscape:label="Flame Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="37.187,21.500002" orientation="1,0" id="guide971" inkscape:locked="false" inkscape:label="Flame Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="29.5,48.250002" orientation="1,0" id="guide973" inkscape:locked="false" inkscape:label="A Top Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="36.5,48.250002" orientation="1,0" id="guide975" inkscape:locked="false" inkscape:label="A Top Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="20.5,8.2500022" orientation="1,0" id="guide977" inkscape:locked="false" inkscape:label="Width A Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="45.5,8.2500022" orientation="1,0" id="guide979" inkscape:locked="false" inkscape:label="Width A Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="14,8.2500022" orientation="0,1" id="guide981" inkscape:locked="false" inkscape:label="A Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,12.688002" orientation="0,1" id="guide983" inkscape:locked="false" inkscape:label="Flame Curve Intersect" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="34.5,12.688002" orientation="1,0" id="guide985" inkscape:locked="false" inkscape:label="Right Flame Curve" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="31.5,12.688002" orientation="1,0" id="guide987" inkscape:locked="false" inkscape:label="Left Flame Curve" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,15.855002" orientation="-0.93245628,0.36128283" id="guide3628" inkscape:locked="false" inkscape:label="Inner Flame Angle Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,15.855002" orientation="-0.93245628,-0.36128283" id="guide3630" inkscape:locked="false" inkscape:label="Inner Flame Angle Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,21.500002" orientation="0,1" id="guide3644" inkscape:locked="false" inkscape:label="Flame Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="29.813,24.080519" orientation="1,0" id="guide3646" inkscape:locked="false" inkscape:label="Inner Flame Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="36.187,24.080519" orientation="1,0" id="guide3648" inkscape:locked="false" inkscape:label="Inner Flame Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,32.305002" orientation="0,1" id="guide3650" inkscape:locked="false" inkscape:label="Flame Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,5.0000022" orientation="0,1" id="guide3652" inkscape:locked="false" inkscape:label="Flame Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,53.750002" orientation="0,1" id="guide3936" inkscape:locked="false" inkscape:label="Term Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,3.0000022" orientation="0,1" id="guide3938" inkscape:locked="false" inkscape:label="Term Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="63,24.750002" orientation="1,0" id="guide3940" inkscape:locked="false" inkscape:label="Term Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="3.0000001,24.750002" orientation="1,0" id="guide3942" inkscape:locked="false" inkscape:label="Term Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="1.4777768e-07,56.750002" orientation="0,1" id="guide15457" inkscape:locked="false" inkscape:label="Outline Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="1.4777768e-07,56.750002" orientation="1,0" id="guide15459" inkscape:locked="false" inkscape:label="Outline Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="66,2.2454491e-06" orientation="0,1" id="guide15461" inkscape:locked="false" inkscape:label="Outline Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="66,2.2454491e-06" orientation="1,0" id="guide15463" inkscape:locked="false" inkscape:label="Outline Right" inkscape:color="rgb(0,0,255)"/></sodipodi:namedview><defs id="defs3965"><linearGradient id="red-orange" x1="0.025171699" y1="0.079489581" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0,473.895,-473.895,0,547.884,192.222)"><stop offset="0" style="stop-color:#ec2802;stop-opacity:1" id="stop926"/><stop offset="1" style="stop-color:#fcb200;stop-opacity:1" id="stop928"/></linearGradient><linearGradient id="linearGradient5362" osb:paint="solid"><stop style="stop-color:#aaaaaa;stop-opacity:1;" offset="0" id="stop5360"/></linearGradient><linearGradient inkscape:collect="always" xlink:href="#red-orange" id="linearGradient11006" x1="19.0625" y1="0" x2="19" y2="43.25" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.4018804,0,0,1.3482131,21.364273,-32.960592)"/><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3639"><path inkscape:connector-curvature="0" id="path3641" d="M 14.813062,26.75 19,15.945 23.186938,26.75 19,43.25 Z" style="fill:none;stroke:#000000;stroke-width:0.03779528;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:1"/></clipPath><filter inkscape:collect="always" style="color-interpolation-filters:sRGB" id="filter1378" x="-0.096199476" width="1.192399" y="-0.074239448" height="1.1484789"><feGaussianBlur inkscape:collect="always" stdDeviation="1.0020779" id="feGaussianBlur1380"/></filter></defs><g inkscape:groupmode="layer" id="layer1" inkscape:label="Main" style="display:inline" transform="translate(-16,35.820639)" sodipodi:insensitive="true"><g id="g4199"><path clip-path="none" sodipodi:nodetypes="ccccccc" inkscape:connector-curvature="0" id="path5352" d="M 43.566236,2.9721345 42.175119,6.3426951 C 45.913195,17.853356 45.913195,17.853356 48,27.894557 50.086805,17.853356 50.086805,17.853356 53.824881,6.3426951 L 52.433764,2.9721345 48,-7.7705098 Z" style="clip-rule:evenodd;fill:#069efe;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26960364;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:0.4330357;paint-order:stroke markers fill"/><path sodipodi:nodetypes="cccccccc" inkscape:connector-curvature="0" id="path5336" d="m 43.09342,-32.960595 h 9.81316 l 21.729148,53.92852 H 65.523505 L 48,-20.221038 30.476495,20.967925 h -9.112223 z" style="clip-rule:evenodd;fill:url(#linearGradient11006);fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient10962);stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:1"/><path transform="matrix(1.3912031,0,0,1.3379446,21.567141,-29.104025)" clip-path="url(#clipPath3639)" style="clip-rule:evenodd;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;filter:url(#filter1378)" d="M 19,32.395 31.5,0 6.5,0.13313911 Z" id="path9580" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc"/></g></g></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 64 64" version="1.1" xml:space="preserve" style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41420996;enable-background:new" id="svg3967" sodipodi:docname="alacritty.svg" inkscape:version="0.92.4 (5da689c313, 2019-01-14)" width="${width}" height="${height}" ${restAttrs}><metadata id="metadata3971"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><sodipodi:namedview pagecolor="#1b1b1b" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="1" inkscape:pageshadow="2" inkscape:window-width="1912" inkscape:window-height="2051" id="namedview3969" showgrid="true" inkscape:pagecheckerboard="false" showguides="false" inkscape:guide-bbox="true" inkscape:measure-start="35.0647,26.4746" inkscape:measure-end="23.3668,17.3739" inkscape:lockguides="false" inkscape:snap-page="false" inkscape:zoom="16.123347" inkscape:cx="29.021205" inkscape:cy="30.792291" inkscape:window-x="1912" inkscape:window-y="48" inkscape:window-maximized="0" inkscape:current-layer="layer1" inkscape:snap-smooth-nodes="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" showborder="true" inkscape:showpageshadow="false" inkscape:object-nodes="true" viewbox-y="-0.5" inkscape:snap-to-guides="false" inkscape:snap-grids="false"><sodipodi:guide position="52,8.2500022" orientation="1,0" id="guide959" inkscape:locked="false" inkscape:label="A Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,48.250002" orientation="0,1" id="guide961" inkscape:locked="false" inkscape:label="A Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="14,8.2500022" orientation="1,0" id="guide963" inkscape:locked="false" inkscape:label="A Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,24.750002" orientation="1,0" id="guide965" inkscape:locked="false" inkscape:label="Vertical Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,24.750002" orientation="0,1" id="guide967" inkscape:locked="false" inkscape:label="Horizontal Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="28.813,21.500002" orientation="1,0" id="guide969" inkscape:locked="false" inkscape:label="Flame Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="37.187,21.500002" orientation="1,0" id="guide971" inkscape:locked="false" inkscape:label="Flame Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="29.5,48.250002" orientation="1,0" id="guide973" inkscape:locked="false" inkscape:label="A Top Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="36.5,48.250002" orientation="1,0" id="guide975" inkscape:locked="false" inkscape:label="A Top Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="20.5,8.2500022" orientation="1,0" id="guide977" inkscape:locked="false" inkscape:label="Width A Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="45.5,8.2500022" orientation="1,0" id="guide979" inkscape:locked="false" inkscape:label="Width A Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="14,8.2500022" orientation="0,1" id="guide981" inkscape:locked="false" inkscape:label="A Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,12.688002" orientation="0,1" id="guide983" inkscape:locked="false" inkscape:label="Flame Curve Intersect" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="34.5,12.688002" orientation="1,0" id="guide985" inkscape:locked="false" inkscape:label="Right Flame Curve" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="31.5,12.688002" orientation="1,0" id="guide987" inkscape:locked="false" inkscape:label="Left Flame Curve" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,15.855002" orientation="-0.93245628,0.36128283" id="guide3628" inkscape:locked="false" inkscape:label="Inner Flame Angle Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,15.855002" orientation="-0.93245628,-0.36128283" id="guide3630" inkscape:locked="false" inkscape:label="Inner Flame Angle Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,21.500002" orientation="0,1" id="guide3644" inkscape:locked="false" inkscape:label="Flame Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="29.813,24.080519" orientation="1,0" id="guide3646" inkscape:locked="false" inkscape:label="Inner Flame Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="36.187,24.080519" orientation="1,0" id="guide3648" inkscape:locked="false" inkscape:label="Inner Flame Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,32.305002" orientation="0,1" id="guide3650" inkscape:locked="false" inkscape:label="Flame Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,5.0000022" orientation="0,1" id="guide3652" inkscape:locked="false" inkscape:label="Flame Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,53.750002" orientation="0,1" id="guide3936" inkscape:locked="false" inkscape:label="Term Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,3.0000022" orientation="0,1" id="guide3938" inkscape:locked="false" inkscape:label="Term Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="63,24.750002" orientation="1,0" id="guide3940" inkscape:locked="false" inkscape:label="Term Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="3.0000001,24.750002" orientation="1,0" id="guide3942" inkscape:locked="false" inkscape:label="Term Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="1.4777768e-07,56.750002" orientation="0,1" id="guide15457" inkscape:locked="false" inkscape:label="Outline Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="1.4777768e-07,56.750002" orientation="1,0" id="guide15459" inkscape:locked="false" inkscape:label="Outline Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="66,2.2454491e-06" orientation="0,1" id="guide15461" inkscape:locked="false" inkscape:label="Outline Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="66,2.2454491e-06" orientation="1,0" id="guide15463" inkscape:locked="false" inkscape:label="Outline Right" inkscape:color="rgb(0,0,255)"/></sodipodi:namedview><defs id="defs3965"><linearGradient id="red-orange" x1="0.025171699" y1="0.079489581" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0,473.895,-473.895,0,547.884,192.222)"><stop offset="0" style="stop-color:#ec2802;stop-opacity:1" id="stop926"/><stop offset="1" style="stop-color:#fcb200;stop-opacity:1" id="stop928"/></linearGradient><linearGradient id="linearGradient5362" osb:paint="solid"><stop style="stop-color:#aaaaaa;stop-opacity:1;" offset="0" id="stop5360"/></linearGradient><linearGradient inkscape:collect="always" xlink:href="#red-orange" id="linearGradient11006" x1="19.0625" y1="0" x2="19" y2="43.25" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.4018804,0,0,1.3482131,21.364273,-32.960592)"/><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3639"><path inkscape:connector-curvature="0" id="path3641" d="M 14.813062,26.75 19,15.945 23.186938,26.75 19,43.25 Z" style="fill:none;stroke:#000000;stroke-width:0.03779528;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:1"/></clipPath><filter inkscape:collect="always" style="color-interpolation-filters:sRGB" id="filter1378" x="-0.096199476" width="1.192399" y="-0.074239448" height="1.1484789"><feGaussianBlur inkscape:collect="always" stdDeviation="1.0020779" id="feGaussianBlur1380"/></filter></defs><g inkscape:groupmode="layer" id="layer1" inkscape:label="Main" style="display:inline" transform="translate(-16,35.820639)" sodipodi:insensitive="true"><g id="g4199"><path clip-path="none" sodipodi:nodetypes="ccccccc" inkscape:connector-curvature="0" id="path5352" d="M 43.566236,2.9721345 42.175119,6.3426951 C 45.913195,17.853356 45.913195,17.853356 48,27.894557 50.086805,17.853356 50.086805,17.853356 53.824881,6.3426951 L 52.433764,2.9721345 48,-7.7705098 Z" style="clip-rule:evenodd;fill:#069efe;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26960364;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:0.4330357;paint-order:stroke markers fill"/><path sodipodi:nodetypes="cccccccc" inkscape:connector-curvature="0" id="path5336" d="m 43.09342,-32.960595 h 9.81316 l 21.729148,53.92852 H 65.523505 L 48,-20.221038 30.476495,20.967925 h -9.112223 z" style="clip-rule:evenodd;fill:url(#linearGradient11006);fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient10962);stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:1"/><path transform="matrix(1.3912031,0,0,1.3379446,21.567141,-29.104025)" clip-path="url(#clipPath3639)" style="clip-rule:evenodd;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;filter:url(#filter1378)" d="M 19,32.395 31.5,0 6.5,0.13313911 Z" id="path9580" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc"/></g></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Algolia.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 485 120" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><g fill="none"><path d="M16.8-1.001h88.4c8.7 0 15.8 7.065 15.8 15.8v88.405c0 8.7-7.065 15.795-15.8 15.795H16.8c-8.7 0-15.8-7.06-15.8-15.795V14.759c0-8.695 7.06-15.76 15.8-15.76" fill="#5468FF"/><path d="M73.505 25.788v-4.115a5.209 5.209 0 0 0-5.21-5.205H56.15a5.209 5.209 0 0 0-5.21 5.205v4.225c0 .47.435.8.91.69a37.966 37.966 0 0 1 10.57-1.49c3.465 0 6.895.47 10.21 1.38.44.11.875-.215.875-.69M40.22 31.173l-2.075-2.075a5.206 5.206 0 0 0-7.365 0l-2.48 2.475a5.185 5.185 0 0 0 0 7.355l2.04 2.04c.33.325.805.25 1.095-.075a39.876 39.876 0 0 1 3.975-4.66 37.68 37.68 0 0 1 4.7-4c.364-.22.4-.73.11-1.06m22.164 13.065v17.8c0 .51.55.875 1.02.62l15.825-8.19c.36-.18.47-.62.29-.98-3.28-5.755-9.37-9.685-16.405-9.94-.365 0-.73.29-.73.69m0 42.88c-13.195 0-23.915-10.705-23.915-23.88 0-13.175 10.72-23.875 23.915-23.875 13.2 0 23.916 10.7 23.916 23.875s-10.68 23.88-23.916 23.88m0-57.8c-18.74 0-33.94 15.18-33.94 33.92 0 18.745 15.2 33.89 33.94 33.89s33.94-15.18 33.94-33.925c0-18.745-15.165-33.885-33.94-33.885" fill="#FFF"/><path d="M240.214 94.177c-23.365.11-23.365-18.855-23.365-21.875l-.04-71.045 14.254-2.26v70.61c0 1.715 0 12.56 9.15 12.595v11.975h.001zm-57.78-11.61c4.374 0 7.62-.255 9.88-.69V67.392a29.196 29.196 0 0 0-3.43-.695 33.742 33.742 0 0 0-4.956-.365c-1.57 0-3.175.11-4.775.365-1.605.22-3.065.655-4.34 1.275-1.275.62-2.335 1.495-3.1 2.62-.8 1.13-1.165 1.785-1.165 3.495 0 3.345 1.165 5.28 3.28 6.55 2.115 1.275 4.995 1.93 8.606 1.93zm-1.24-51.685c4.7 0 8.674.585 11.884 1.75 3.206 1.165 5.796 2.8 7.69 4.875 1.935 2.11 3.245 4.915 4.046 7.9.84 2.985 1.24 6.26 1.24 9.86v36.62c-2.185.47-5.506 1.015-9.95 1.67-4.446.655-9.44.985-14.986.985-3.68 0-7.07-.365-10.095-1.055-3.065-.69-5.65-1.82-7.84-3.385-2.15-1.565-3.825-3.57-5.065-6.04-1.205-2.48-1.825-5.97-1.825-9.61 0-3.495.69-5.715 2.045-8.12 1.38-2.4 3.24-4.365 5.575-5.895 2.37-1.53 5.065-2.62 8.165-3.275 3.1-.655 6.345-.985 9.695-.985 1.57 0 3.21.11 4.96.29 1.715.185 3.575.515 5.545.985v-2.33c0-1.635-.185-3.2-.585-4.655a10.012 10.012 0 0 0-2.045-3.895c-.985-1.13-2.255-2.005-3.86-2.62-1.605-.62-3.65-1.095-6.09-1.095-3.28 0-6.27.4-9.005.875-2.735.47-4.995 1.02-6.71 1.635l-1.71-11.68c1.785-.62 4.445-1.24 7.875-1.855 3.425-.66 7.11-.95 11.045-.95h.001zm281.51 51.285c4.375 0 7.615-.255 9.875-.695v-14.48c-.8-.22-1.93-.475-3.425-.695a33.813 33.813 0 0 0-4.96-.365c-1.565 0-3.17.11-4.775.365-1.6.22-3.06.655-4.335 1.275-1.28.62-2.335 1.495-3.1 2.62-.805 1.13-1.165 1.785-1.165 3.495 0 3.345 1.165 5.28 3.28 6.55 2.15 1.31 4.995 1.93 8.605 1.93zm-1.205-51.645c4.7 0 8.674.58 11.884 1.745 3.205 1.165 5.795 2.8 7.69 4.875 1.895 2.075 3.245 4.915 4.045 7.9.84 2.985 1.24 6.26 1.24 9.865v36.615c-2.185.47-5.505 1.015-9.95 1.675-4.445.655-9.44.98-14.985.98-3.68 0-7.07-.365-10.094-1.055-3.065-.69-5.65-1.82-7.84-3.385-2.15-1.565-3.825-3.57-5.065-6.04-1.205-2.475-1.825-5.97-1.825-9.61 0-3.495.695-5.715 2.045-8.12 1.38-2.4 3.24-4.365 5.575-5.895 2.37-1.525 5.065-2.62 8.165-3.275 3.1-.655 6.345-.98 9.7-.98 1.565 0 3.205.11 4.955.29s3.575.51 5.54.985v-2.33c0-1.64-.18-3.205-.58-4.66a9.977 9.977 0 0 0-2.045-3.895c-.985-1.13-2.255-2.005-3.86-2.62-1.606-.62-3.65-1.09-6.09-1.09-3.28 0-6.27.4-9.005.87-2.735.475-4.995 1.02-6.71 1.64l-1.71-11.685c1.785-.62 4.445-1.235 7.875-1.855 3.425-.62 7.105-.945 11.045-.945zm-42.8-6.77c4.774 0 8.68-3.86 8.68-8.63 0-4.765-3.866-8.625-8.68-8.625-4.81 0-8.675 3.86-8.675 8.625 0 4.77 3.9 8.63 8.675 8.63zm7.18 70.425h-14.326v-61.44l14.325-2.255v63.695h.001zm-25.116 0c-23.365.11-23.365-18.855-23.365-21.875l-.04-71.045 14.255-2.26v70.61c0 1.715 0 12.56 9.15 12.595v11.975zm-46.335-31.445c0-6.155-1.35-11.285-3.974-14.85-2.625-3.605-6.305-5.385-11.01-5.385-4.7 0-8.386 1.78-11.006 5.385-2.625 3.6-3.904 8.695-3.904 14.85 0 6.225 1.315 10.405 3.94 14.01 2.625 3.64 6.305 5.425 11.01 5.425 4.7 0 8.385-1.82 11.01-5.425 2.624-3.64 3.934-7.785 3.934-14.01zm14.58-.035c0 4.805-.69 8.44-2.114 12.41-1.42 3.965-3.425 7.35-6.01 10.155-2.59 2.8-5.69 4.985-9.336 6.515-3.644 1.525-9.26 2.4-12.065 2.4-2.81-.035-8.385-.835-11.995-2.4-3.61-1.565-6.71-3.715-9.295-6.515-2.59-2.805-4.594-6.19-6.054-10.155-1.456-3.97-2.185-7.605-2.185-12.41s.654-9.43 2.114-13.36c1.46-3.93 3.5-7.28 6.125-10.08 2.625-2.805 5.76-4.955 9.33-6.48 3.61-1.53 7.585-2.255 11.885-2.255 4.305 0 8.275.76 11.92 2.255 3.65 1.525 6.786 3.675 9.336 6.48 2.584 2.8 4.59 6.15 6.05 10.08 1.53 3.93 2.295 8.555 2.295 13.36h-.001zm-107.284 0c0 5.965 1.31 12.59 3.935 15.355 2.625 2.77 6.014 4.15 10.175 4.15 2.26 0 4.41-.325 6.414-.945 2.005-.62 3.606-1.35 4.886-2.22v-35.34c-1.02-.22-5.286-1.095-9.41-1.2-5.175-.15-9.11 1.965-11.88 5.345-2.736 3.39-4.12 9.32-4.12 14.855zm39.625 28.095c0 9.72-2.48 16.815-7.476 21.33-4.99 4.51-12.61 6.77-22.89 6.77-3.755 0-11.555-.73-17.79-2.11l2.295-11.285c5.215 1.09 12.105 1.385 15.715 1.385 5.72 0 9.805-1.165 12.245-3.495 2.445-2.33 3.645-5.785 3.645-10.375v-2.33c-1.42.69-3.28 1.385-5.575 2.115-2.295.69-4.955 1.055-7.95 1.055-3.935 0-7.51-.62-10.75-1.86-3.245-1.235-6.055-3.055-8.35-5.46-2.295-2.4-4.12-5.42-5.395-9.025-1.275-3.605-1.935-10.045-1.935-14.775 0-4.44.695-10.01 2.046-13.725 1.384-3.71 3.35-6.915 6.014-9.57 2.626-2.655 5.835-4.695 9.59-6.19 3.755-1.49 8.16-2.435 12.935-2.435 4.635 0 8.9.58 13.055 1.275 4.155.69 7.69 1.415 10.57 2.215v56.49h.001z" fill="#5468FF"/></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 viewBox="0 0 485 120" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><g fill="none"><path d="M16.8-1.001h88.4c8.7 0 15.8 7.065 15.8 15.8v88.405c0 8.7-7.065 15.795-15.8 15.795H16.8c-8.7 0-15.8-7.06-15.8-15.795V14.759c0-8.695 7.06-15.76 15.8-15.76" fill="#5468FF"/><path d="M73.505 25.788v-4.115a5.209 5.209 0 0 0-5.21-5.205H56.15a5.209 5.209 0 0 0-5.21 5.205v4.225c0 .47.435.8.91.69a37.966 37.966 0 0 1 10.57-1.49c3.465 0 6.895.47 10.21 1.38.44.11.875-.215.875-.69M40.22 31.173l-2.075-2.075a5.206 5.206 0 0 0-7.365 0l-2.48 2.475a5.185 5.185 0 0 0 0 7.355l2.04 2.04c.33.325.805.25 1.095-.075a39.876 39.876 0 0 1 3.975-4.66 37.68 37.68 0 0 1 4.7-4c.364-.22.4-.73.11-1.06m22.164 13.065v17.8c0 .51.55.875 1.02.62l15.825-8.19c.36-.18.47-.62.29-.98-3.28-5.755-9.37-9.685-16.405-9.94-.365 0-.73.29-.73.69m0 42.88c-13.195 0-23.915-10.705-23.915-23.88 0-13.175 10.72-23.875 23.915-23.875 13.2 0 23.916 10.7 23.916 23.875s-10.68 23.88-23.916 23.88m0-57.8c-18.74 0-33.94 15.18-33.94 33.92 0 18.745 15.2 33.89 33.94 33.89s33.94-15.18 33.94-33.925c0-18.745-15.165-33.885-33.94-33.885" fill="#FFF"/><path d="M240.214 94.177c-23.365.11-23.365-18.855-23.365-21.875l-.04-71.045 14.254-2.26v70.61c0 1.715 0 12.56 9.15 12.595v11.975h.001zm-57.78-11.61c4.374 0 7.62-.255 9.88-.69V67.392a29.196 29.196 0 0 0-3.43-.695 33.742 33.742 0 0 0-4.956-.365c-1.57 0-3.175.11-4.775.365-1.605.22-3.065.655-4.34 1.275-1.275.62-2.335 1.495-3.1 2.62-.8 1.13-1.165 1.785-1.165 3.495 0 3.345 1.165 5.28 3.28 6.55 2.115 1.275 4.995 1.93 8.606 1.93zm-1.24-51.685c4.7 0 8.674.585 11.884 1.75 3.206 1.165 5.796 2.8 7.69 4.875 1.935 2.11 3.245 4.915 4.046 7.9.84 2.985 1.24 6.26 1.24 9.86v36.62c-2.185.47-5.506 1.015-9.95 1.67-4.446.655-9.44.985-14.986.985-3.68 0-7.07-.365-10.095-1.055-3.065-.69-5.65-1.82-7.84-3.385-2.15-1.565-3.825-3.57-5.065-6.04-1.205-2.48-1.825-5.97-1.825-9.61 0-3.495.69-5.715 2.045-8.12 1.38-2.4 3.24-4.365 5.575-5.895 2.37-1.53 5.065-2.62 8.165-3.275 3.1-.655 6.345-.985 9.695-.985 1.57 0 3.21.11 4.96.29 1.715.185 3.575.515 5.545.985v-2.33c0-1.635-.185-3.2-.585-4.655a10.012 10.012 0 0 0-2.045-3.895c-.985-1.13-2.255-2.005-3.86-2.62-1.605-.62-3.65-1.095-6.09-1.095-3.28 0-6.27.4-9.005.875-2.735.47-4.995 1.02-6.71 1.635l-1.71-11.68c1.785-.62 4.445-1.24 7.875-1.855 3.425-.66 7.11-.95 11.045-.95h.001zm281.51 51.285c4.375 0 7.615-.255 9.875-.695v-14.48c-.8-.22-1.93-.475-3.425-.695a33.813 33.813 0 0 0-4.96-.365c-1.565 0-3.17.11-4.775.365-1.6.22-3.06.655-4.335 1.275-1.28.62-2.335 1.495-3.1 2.62-.805 1.13-1.165 1.785-1.165 3.495 0 3.345 1.165 5.28 3.28 6.55 2.15 1.31 4.995 1.93 8.605 1.93zm-1.205-51.645c4.7 0 8.674.58 11.884 1.745 3.205 1.165 5.795 2.8 7.69 4.875 1.895 2.075 3.245 4.915 4.045 7.9.84 2.985 1.24 6.26 1.24 9.865v36.615c-2.185.47-5.505 1.015-9.95 1.675-4.445.655-9.44.98-14.985.98-3.68 0-7.07-.365-10.094-1.055-3.065-.69-5.65-1.82-7.84-3.385-2.15-1.565-3.825-3.57-5.065-6.04-1.205-2.475-1.825-5.97-1.825-9.61 0-3.495.695-5.715 2.045-8.12 1.38-2.4 3.24-4.365 5.575-5.895 2.37-1.525 5.065-2.62 8.165-3.275 3.1-.655 6.345-.98 9.7-.98 1.565 0 3.205.11 4.955.29s3.575.51 5.54.985v-2.33c0-1.64-.18-3.205-.58-4.66a9.977 9.977 0 0 0-2.045-3.895c-.985-1.13-2.255-2.005-3.86-2.62-1.606-.62-3.65-1.09-6.09-1.09-3.28 0-6.27.4-9.005.87-2.735.475-4.995 1.02-6.71 1.64l-1.71-11.685c1.785-.62 4.445-1.235 7.875-1.855 3.425-.62 7.105-.945 11.045-.945zm-42.8-6.77c4.774 0 8.68-3.86 8.68-8.63 0-4.765-3.866-8.625-8.68-8.625-4.81 0-8.675 3.86-8.675 8.625 0 4.77 3.9 8.63 8.675 8.63zm7.18 70.425h-14.326v-61.44l14.325-2.255v63.695h.001zm-25.116 0c-23.365.11-23.365-18.855-23.365-21.875l-.04-71.045 14.255-2.26v70.61c0 1.715 0 12.56 9.15 12.595v11.975zm-46.335-31.445c0-6.155-1.35-11.285-3.974-14.85-2.625-3.605-6.305-5.385-11.01-5.385-4.7 0-8.386 1.78-11.006 5.385-2.625 3.6-3.904 8.695-3.904 14.85 0 6.225 1.315 10.405 3.94 14.01 2.625 3.64 6.305 5.425 11.01 5.425 4.7 0 8.385-1.82 11.01-5.425 2.624-3.64 3.934-7.785 3.934-14.01zm14.58-.035c0 4.805-.69 8.44-2.114 12.41-1.42 3.965-3.425 7.35-6.01 10.155-2.59 2.8-5.69 4.985-9.336 6.515-3.644 1.525-9.26 2.4-12.065 2.4-2.81-.035-8.385-.835-11.995-2.4-3.61-1.565-6.71-3.715-9.295-6.515-2.59-2.805-4.594-6.19-6.054-10.155-1.456-3.97-2.185-7.605-2.185-12.41s.654-9.43 2.114-13.36c1.46-3.93 3.5-7.28 6.125-10.08 2.625-2.805 5.76-4.955 9.33-6.48 3.61-1.53 7.585-2.255 11.885-2.255 4.305 0 8.275.76 11.92 2.255 3.65 1.525 6.786 3.675 9.336 6.48 2.584 2.8 4.59 6.15 6.05 10.08 1.53 3.93 2.295 8.555 2.295 13.36h-.001zm-107.284 0c0 5.965 1.31 12.59 3.935 15.355 2.625 2.77 6.014 4.15 10.175 4.15 2.26 0 4.41-.325 6.414-.945 2.005-.62 3.606-1.35 4.886-2.22v-35.34c-1.02-.22-5.286-1.095-9.41-1.2-5.175-.15-9.11 1.965-11.88 5.345-2.736 3.39-4.12 9.32-4.12 14.855zm39.625 28.095c0 9.72-2.48 16.815-7.476 21.33-4.99 4.51-12.61 6.77-22.89 6.77-3.755 0-11.555-.73-17.79-2.11l2.295-11.285c5.215 1.09 12.105 1.385 15.715 1.385 5.72 0 9.805-1.165 12.245-3.495 2.445-2.33 3.645-5.785 3.645-10.375v-2.33c-1.42.69-3.28 1.385-5.575 2.115-2.295.69-4.955 1.055-7.95 1.055-3.935 0-7.51-.62-10.75-1.86-3.245-1.235-6.055-3.055-8.35-5.46-2.295-2.4-4.12-5.42-5.395-9.025-1.275-3.605-1.935-10.045-1.935-14.775 0-4.44.695-10.01 2.046-13.725 1.384-3.71 3.35-6.915 6.014-9.57 2.626-2.655 5.835-4.695 9.59-6.19 3.755-1.49 8.16-2.435 12.935-2.435 4.635 0 8.9.58 13.055 1.275 4.155.69 7.69 1.415 10.57 2.215v56.49h.001z" fill="#5468FF"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Algorand.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient id="c" x1="16" x2="16" y1="0" y2="30" gradientUnits="userSpaceOnUse">
       <stop offset="0%" stop-color="#FFF" stop-opacity=".5"/>

package/dist/components/Aliexpress.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path d="M5 0a5 5 0 0 0-5 5v54a5 5 0 0 0 5 5h54a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5z" fill="#e62e04"/><path d="M17.6 21.452c.245 1 .107 2.08.348 3.097.84-.615 1.4-1.63 1.285-2.687-.017-1.892-2.145-3.375-3.926-2.738-1.12.32-1.948 1.325-2.136 2.46-.224 1.3.557 2.63 1.718 3.224-.115-1.12-.384-2.3-.083-3.396.46-1.194 2.37-1.17 2.795.04zm33.138 1.356c.408-1.468-.48-3.17-1.936-3.64-1.4-.55-3.133.15-3.75 1.514-.688 1.263-.272 3.06.986 3.8.248-1.014.065-2.1.36-3.085.47-1.177 2.355-1.143 2.784.05.273 1.066.026 2.186-.077 3.262.854-.264 1.387-1.08 1.632-1.898z" fill="#b32100"/><path d="M46.4 21.396c-.296.995-.113 2.072-.36 3.085-.732 4.4-3.678 8.332-7.667 10.303a14.2 14.2 0 0 1-12.798-.016c-3.952-1.966-6.875-5.865-7.626-10.218-.24-1.018-.104-2.087-.348-3.097-.424-1.2-2.334-1.235-2.794-.04-.3 1.106-.03 2.277.083 3.396.84 5.44 4.48 10.325 9.412 12.75a17.34 17.34 0 0 0 14.635.346c5.333-2.303 9.32-7.446 10.173-13.2.103-1.076.35-2.197.076-3.262-.43-1.193-2.314-1.226-2.785-.05z" fill="#fff"/><path d="M5 0a5 5 0 0 0-5 5v9.5a5 5 0 0 1 5-5h54a5 5 0 0 1 5 5V5a5 5 0 0 0-5-5z" fill="#f90"/></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 64 64" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path d="M5 0a5 5 0 0 0-5 5v54a5 5 0 0 0 5 5h54a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5z" fill="#e62e04"/><path d="M17.6 21.452c.245 1 .107 2.08.348 3.097.84-.615 1.4-1.63 1.285-2.687-.017-1.892-2.145-3.375-3.926-2.738-1.12.32-1.948 1.325-2.136 2.46-.224 1.3.557 2.63 1.718 3.224-.115-1.12-.384-2.3-.083-3.396.46-1.194 2.37-1.17 2.795.04zm33.138 1.356c.408-1.468-.48-3.17-1.936-3.64-1.4-.55-3.133.15-3.75 1.514-.688 1.263-.272 3.06.986 3.8.248-1.014.065-2.1.36-3.085.47-1.177 2.355-1.143 2.784.05.273 1.066.026 2.186-.077 3.262.854-.264 1.387-1.08 1.632-1.898z" fill="#b32100"/><path d="M46.4 21.396c-.296.995-.113 2.072-.36 3.085-.732 4.4-3.678 8.332-7.667 10.303a14.2 14.2 0 0 1-12.798-.016c-3.952-1.966-6.875-5.865-7.626-10.218-.24-1.018-.104-2.087-.348-3.097-.424-1.2-2.334-1.235-2.794-.04-.3 1.106-.03 2.277.083 3.396.84 5.44 4.48 10.325 9.412 12.75a17.34 17.34 0 0 0 14.635.346c5.333-2.303 9.32-7.446 10.173-13.2.103-1.076.35-2.197.076-3.262-.43-1.193-2.314-1.226-2.785-.05z" fill="#fff"/><path d="M5 0a5 5 0 0 0-5 5v9.5a5 5 0 0 1 5-5h54a5 5 0 0 1 5 5V5a5 5 0 0 0-5-5z" fill="#f90"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/AmazonWebServices.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" x="0" y="0" viewBox="0 0 304 182" width="${width}" height="${height}"><path fill="#252f3e" d="m86 66 2 9c0 3 1 5 3 8v2l-1 3-7 4-2 1-3-1-4-5-3-6c-8 9-18 14-29 14-9 0-16-3-20-8-5-4-8-11-8-19s3-15 9-20c6-6 14-8 25-8a79 79 0 0 1 22 3v-7c0-8-2-13-5-16-3-4-8-5-16-5l-11 1a80 80 0 0 0-14 5h-2c-1 0-2-1-2-3v-5l1-3c0-1 1-2 3-2l12-5 16-2c12 0 20 3 26 8 5 6 8 14 8 25v32zM46 82l10-2c4-1 7-4 10-7l3-6 1-9v-4a84 84 0 0 0-19-2c-6 0-11 1-15 4-3 2-4 6-4 11s1 8 3 11c3 2 6 4 11 4zm80 10-4-1-2-3-23-78-1-4 2-2h10l4 1 2 4 17 66 15-66 2-4 4-1h8l4 1 2 4 16 67 17-67 2-4 4-1h9c2 0 3 1 3 2v2l-1 2-24 78-2 4-4 1h-9l-4-1-1-4-16-65-15 64-2 4-4 1h-9zm129 3a66 66 0 0 1-27-6l-3-3-1-2v-5c0-2 1-3 2-3h2l3 1a54 54 0 0 0 23 5c6 0 11-2 14-4 4-2 5-5 5-9l-2-7-10-5-15-5c-7-2-13-6-16-10a24 24 0 0 1 5-34l10-5a44 44 0 0 1 20-2 110 110 0 0 1 12 3l4 2 3 2 1 4v4c0 3-1 4-2 4l-4-2c-6-2-12-3-19-3-6 0-11 0-14 2s-4 5-4 9c0 3 1 5 3 7s5 4 11 6l14 4c7 3 12 6 15 10s5 9 5 14l-3 12-7 8c-3 3-7 5-11 6l-14 2z"/><path d="M274 144A220 220 0 0 1 4 124c-4-3-1-6 2-4a300 300 0 0 0 263 16c5-2 10 4 5 8z" fill="#f90"/><path d="M287 128c-4-5-28-3-38-1-4 0-4-3-1-5 19-13 50-9 53-5 4 5-1 36-18 51-3 2-6 1-5-2 5-10 13-33 9-38z" fill="#f90"/></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" x="0" y="0" viewBox="0 0 304 182" width="${width}" height="${height}" ${restAttrs}><path fill="#252f3e" d="m86 66 2 9c0 3 1 5 3 8v2l-1 3-7 4-2 1-3-1-4-5-3-6c-8 9-18 14-29 14-9 0-16-3-20-8-5-4-8-11-8-19s3-15 9-20c6-6 14-8 25-8a79 79 0 0 1 22 3v-7c0-8-2-13-5-16-3-4-8-5-16-5l-11 1a80 80 0 0 0-14 5h-2c-1 0-2-1-2-3v-5l1-3c0-1 1-2 3-2l12-5 16-2c12 0 20 3 26 8 5 6 8 14 8 25v32zM46 82l10-2c4-1 7-4 10-7l3-6 1-9v-4a84 84 0 0 0-19-2c-6 0-11 1-15 4-3 2-4 6-4 11s1 8 3 11c3 2 6 4 11 4zm80 10-4-1-2-3-23-78-1-4 2-2h10l4 1 2 4 17 66 15-66 2-4 4-1h8l4 1 2 4 16 67 17-67 2-4 4-1h9c2 0 3 1 3 2v2l-1 2-24 78-2 4-4 1h-9l-4-1-1-4-16-65-15 64-2 4-4 1h-9zm129 3a66 66 0 0 1-27-6l-3-3-1-2v-5c0-2 1-3 2-3h2l3 1a54 54 0 0 0 23 5c6 0 11-2 14-4 4-2 5-5 5-9l-2-7-10-5-15-5c-7-2-13-6-16-10a24 24 0 0 1 5-34l10-5a44 44 0 0 1 20-2 110 110 0 0 1 12 3l4 2 3 2 1 4v4c0 3-1 4-2 4l-4-2c-6-2-12-3-19-3-6 0-11 0-14 2s-4 5-4 9c0 3 1 5 3 7s5 4 11 6l14 4c7 3 12 6 15 10s5 9 5 14l-3 12-7 8c-3 3-7 5-11 6l-14 2z"/><path d="M274 144A220 220 0 0 1 4 124c-4-3-1-6 2-4a300 300 0 0 0 263 16c5-2 10 4 5 8z" fill="#f90"/><path d="M287 128c-4-5-28-3-38-1-4 0-4-3-1-5 19-13 50-9 53-5 4 5-1 36-18 51-3 2-6 1-5-2 5-10 13-33 9-38z" fill="#f90"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Android.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 150" width="${width}" height="${height}"><path fill="#34A853" d="M255.285 143.47c-.084-.524-.164-1.042-.251-1.56a128.119 128.119 0 0 0-12.794-38.288 128.778 128.778 0 0 0-23.45-31.86 129.166 129.166 0 0 0-22.713-18.005c.049-.08.09-.168.14-.25 2.582-4.461 5.172-8.917 7.755-13.38l7.576-13.068c1.818-3.126 3.632-6.26 5.438-9.386a11.776 11.776 0 0 0 .662-10.484 11.668 11.668 0 0 0-4.823-5.536 11.85 11.85 0 0 0-5.004-1.61 11.963 11.963 0 0 0-2.218.018 11.738 11.738 0 0 0-8.968 5.798c-1.814 3.127-3.628 6.26-5.438 9.386l-7.576 13.069c-2.583 4.462-5.173 8.918-7.755 13.38-.282.487-.567.973-.848 1.467-.392-.157-.78-.313-1.172-.462-14.24-5.43-29.688-8.4-45.836-8.4-.442 0-.879 0-1.324.006-14.357.143-28.152 2.64-41.022 7.12a119.434 119.434 0 0 0-4.42 1.642c-.262-.455-.532-.911-.79-1.367-2.583-4.462-5.173-8.918-7.755-13.38L65.123 15.25c-1.818-3.126-3.632-6.259-5.439-9.386A11.736 11.736 0 0 0 48.5.048 11.71 11.71 0 0 0 43.49 1.66a11.716 11.716 0 0 0-4.077 4.063c-.281.474-.532.967-.742 1.473a11.808 11.808 0 0 0-.365 8.188c.259.786.594 1.554 1.023 2.296a3973.32 3973.32 0 0 1 5.439 9.386c2.53 4.357 5.054 8.713 7.58 13.069 2.582 4.462 5.168 8.918 7.75 13.38.02.038.046.075.065.112A129.184 129.184 0 0 0 45.32 64.38a129.693 129.693 0 0 0-22.2 24.015 127.737 127.737 0 0 0-9.34 15.24 128.238 128.238 0 0 0-10.843 28.764 130.743 130.743 0 0 0-1.951 9.524c-.087.518-.167 1.042-.247 1.56A124.978 124.978 0 0 0 0 149.118h256c-.205-1.891-.449-3.77-.734-5.636l.019-.012Z"/><path fill="#202124" d="M194.59 113.712c5.122-3.41 5.867-11.3 1.661-17.62-4.203-6.323-11.763-8.682-16.883-5.273-5.122 3.41-5.868 11.3-1.662 17.621 4.203 6.322 11.764 8.682 16.883 5.272ZM78.518 108.462c4.206-6.321 3.46-14.21-1.662-17.62-5.123-3.41-12.68-1.05-16.886 5.27-4.203 6.323-3.458 14.212 1.662 17.622 5.122 3.41 12.683 1.05 16.886-5.272Z"/></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 150" width="${width}" height="${height}" ${restAttrs}><path fill="#34A853" d="M255.285 143.47c-.084-.524-.164-1.042-.251-1.56a128.119 128.119 0 0 0-12.794-38.288 128.778 128.778 0 0 0-23.45-31.86 129.166 129.166 0 0 0-22.713-18.005c.049-.08.09-.168.14-.25 2.582-4.461 5.172-8.917 7.755-13.38l7.576-13.068c1.818-3.126 3.632-6.26 5.438-9.386a11.776 11.776 0 0 0 .662-10.484 11.668 11.668 0 0 0-4.823-5.536 11.85 11.85 0 0 0-5.004-1.61 11.963 11.963 0 0 0-2.218.018 11.738 11.738 0 0 0-8.968 5.798c-1.814 3.127-3.628 6.26-5.438 9.386l-7.576 13.069c-2.583 4.462-5.173 8.918-7.755 13.38-.282.487-.567.973-.848 1.467-.392-.157-.78-.313-1.172-.462-14.24-5.43-29.688-8.4-45.836-8.4-.442 0-.879 0-1.324.006-14.357.143-28.152 2.64-41.022 7.12a119.434 119.434 0 0 0-4.42 1.642c-.262-.455-.532-.911-.79-1.367-2.583-4.462-5.173-8.918-7.755-13.38L65.123 15.25c-1.818-3.126-3.632-6.259-5.439-9.386A11.736 11.736 0 0 0 48.5.048 11.71 11.71 0 0 0 43.49 1.66a11.716 11.716 0 0 0-4.077 4.063c-.281.474-.532.967-.742 1.473a11.808 11.808 0 0 0-.365 8.188c.259.786.594 1.554 1.023 2.296a3973.32 3973.32 0 0 1 5.439 9.386c2.53 4.357 5.054 8.713 7.58 13.069 2.582 4.462 5.168 8.918 7.75 13.38.02.038.046.075.065.112A129.184 129.184 0 0 0 45.32 64.38a129.693 129.693 0 0 0-22.2 24.015 127.737 127.737 0 0 0-9.34 15.24 128.238 128.238 0 0 0-10.843 28.764 130.743 130.743 0 0 0-1.951 9.524c-.087.518-.167 1.042-.247 1.56A124.978 124.978 0 0 0 0 149.118h256c-.205-1.891-.449-3.77-.734-5.636l.019-.012Z"/><path fill="#202124" d="M194.59 113.712c5.122-3.41 5.867-11.3 1.661-17.62-4.203-6.323-11.763-8.682-16.883-5.273-5.122 3.41-5.868 11.3-1.662 17.621 4.203 6.322 11.764 8.682 16.883 5.272ZM78.518 108.462c4.206-6.321 3.46-14.21-1.662-17.62-5.123-3.41-12.68-1.05-16.886 5.27-4.203 6.323-3.458 14.212 1.662 17.622 5.122 3.41 12.683 1.05 16.886-5.272Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Angular.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 242 256" width="${width}" height="${height}"><g clip-path="url(#a)"><mask id="b" width="242" height="256" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M0 0h242v256H0V0Z"/></mask><g mask="url(#b)"><path fill="url(#c)" d="m241 43-9 136L149 0l92 43Zm-58 176-62 36-63-36 12-31h101l12 31ZM121 68l32 80H88l33-80ZM9 179 0 43 92 0 9 179Z"/><path fill="url(#d)" d="m241 43-9 136L149 0l92 43Zm-58 176-62 36-63-36 12-31h101l12 31ZM121 68l32 80H88l33-80ZM9 179 0 43 92 0 9 179Z"/></g></g><defs><linearGradient id="c" x1="53.2" x2="245" y1="231.9" y2="140.7" gradientUnits="userSpaceOnUse"><stop stop-color="#E40035"/><stop offset=".2" stop-color="#F60A48"/><stop offset=".4" stop-color="#F20755"/><stop offset=".5" stop-color="#DC087D"/><stop offset=".7" stop-color="#9717E7"/><stop offset="1" stop-color="#6C00F5"/></linearGradient> <linearGradient id="d" x1="44.5" x2="170" y1="30.7" y2="174" gradientUnits="userSpaceOnUse"> <stop stop-color="#FF31D9"/><stop offset="1" stop-color="#FF5BE1" stop-opacity="0"/></linearGradient><clipPath id="a"><path fill="#fff" d="M0 0h242v256H0z"/></clipPath></defs></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 242 256" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><mask id="b" width="242" height="256" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M0 0h242v256H0V0Z"/></mask><g mask="url(#b)"><path fill="url(#c)" d="m241 43-9 136L149 0l92 43Zm-58 176-62 36-63-36 12-31h101l12 31ZM121 68l32 80H88l33-80ZM9 179 0 43 92 0 9 179Z"/><path fill="url(#d)" d="m241 43-9 136L149 0l92 43Zm-58 176-62 36-63-36 12-31h101l12 31ZM121 68l32 80H88l33-80ZM9 179 0 43 92 0 9 179Z"/></g></g><defs><linearGradient id="c" x1="53.2" x2="245" y1="231.9" y2="140.7" gradientUnits="userSpaceOnUse"><stop stop-color="#E40035"/><stop offset=".2" stop-color="#F60A48"/><stop offset=".4" stop-color="#F20755"/><stop offset=".5" stop-color="#DC087D"/><stop offset=".7" stop-color="#9717E7"/><stop offset="1" stop-color="#6C00F5"/></linearGradient> <linearGradient id="d" x1="44.5" x2="170" y1="30.7" y2="174" gradientUnits="userSpaceOnUse"> <stop stop-color="#FF31D9"/><stop offset="1" stop-color="#FF5BE1" stop-opacity="0"/></linearGradient><clipPath id="a"><path fill="#fff" d="M0 0h242v256H0z"/></clipPath></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Animate.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="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 1146 1117" width="${width}" height="${height}"><path d="M0 0h1145.83v1116.67H0z" style="fill:none"/><path d="M48.642.184h177.4c26.896 0 48.642 21.747 48.642 48.643v170.532c0 26.895-21.746 48.641-48.642 48.641h-177.4C21.746 268 0 246.254 0 219.359V48.827C0 21.931 21.746.184 48.642.184Z" style="fill:#00005b;fill-rule:nonzero" transform="scale(4.167)"/><path d="M75.194 137.641h29.072c-.687-2.403-1.603-5.266-2.632-8.241a344.072 344.072 0 0 1-3.091-9.843c-1.145-3.548-2.175-6.981-3.32-10.529-1.144-3.548-2.174-6.867-3.09-10.186-.916-3.204-1.716-6.18-2.517-8.927h-.23c-1.03 4.921-2.289 9.843-3.891 14.763-1.717 5.494-3.433 11.217-5.265 16.94a224.505 224.505 0 0 1-5.036 16.023Zm35.825 22.775H68.556l-8.698 26.896c-.23 1.03-1.145 1.718-2.175 1.602H35.938c-1.26 0-1.603-.686-1.26-2.06L71.646 81.217c.344-1.145.687-2.061 1.145-3.548.458-2.403.686-4.922.686-7.44-.113-.572.344-1.144.916-1.258h29.758c.915 0 1.373.342 1.488.915l41.66 117.083c.344 1.259 0 1.831-1.144 1.831h-23.921c-.801.114-1.602-.458-1.831-1.259l-9.384-27.125ZM160.232 187.198v-67.985c0-2.059 0-4.463-.115-6.98-.114-2.633-.114-5.036-.228-7.325-.115-2.289-.229-4.464-.343-5.837-.115-.344-.115-.802.228-1.144.343-.23.687-.344 1.145-.344h18.427c.686 0 1.258.114 1.831.344.458.228.801.686.916 1.258.228.687.572 1.603.801 2.518a21.92 21.92 0 0 1 .686 3.777 38.007 38.007 0 0 1 12.133-7.096c4.463-1.488 9.155-2.289 13.848-2.289 3.663 0 7.325.573 10.758 1.717 8.126 2.632 14.535 8.927 17.397 16.938 1.831 4.693 2.517 10.873 2.517 18.313v54.135c0 1.144-.458 1.602-1.488 1.602l-21.516.23c-.916.113-1.716-.458-1.832-1.374v-51.732c-.114-3.433-.8-6.867-2.173-9.958-1.031-2.289-2.633-4.348-4.694-5.722-2.402-1.488-5.035-2.174-7.782-2.06-2.977 0-5.951.458-8.698 1.603-2.519 1.03-4.808 2.517-6.867 4.348v63.177c0 1.145-.458 1.602-1.489 1.602h-21.745c-.802.116-1.488-.457-1.602-1.258-.23-.229-.23-.344-.115-.458Z" style="fill:#99f;fill-rule:nonzero" transform="scale(4.167)"/></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="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 1146 1117" width="${width}" height="${height}" ${restAttrs}><path d="M0 0h1145.83v1116.67H0z" style="fill:none"/><path d="M48.642.184h177.4c26.896 0 48.642 21.747 48.642 48.643v170.532c0 26.895-21.746 48.641-48.642 48.641h-177.4C21.746 268 0 246.254 0 219.359V48.827C0 21.931 21.746.184 48.642.184Z" style="fill:#00005b;fill-rule:nonzero" transform="scale(4.167)"/><path d="M75.194 137.641h29.072c-.687-2.403-1.603-5.266-2.632-8.241a344.072 344.072 0 0 1-3.091-9.843c-1.145-3.548-2.175-6.981-3.32-10.529-1.144-3.548-2.174-6.867-3.09-10.186-.916-3.204-1.716-6.18-2.517-8.927h-.23c-1.03 4.921-2.289 9.843-3.891 14.763-1.717 5.494-3.433 11.217-5.265 16.94a224.505 224.505 0 0 1-5.036 16.023Zm35.825 22.775H68.556l-8.698 26.896c-.23 1.03-1.145 1.718-2.175 1.602H35.938c-1.26 0-1.603-.686-1.26-2.06L71.646 81.217c.344-1.145.687-2.061 1.145-3.548.458-2.403.686-4.922.686-7.44-.113-.572.344-1.144.916-1.258h29.758c.915 0 1.373.342 1.488.915l41.66 117.083c.344 1.259 0 1.831-1.144 1.831h-23.921c-.801.114-1.602-.458-1.831-1.259l-9.384-27.125ZM160.232 187.198v-67.985c0-2.059 0-4.463-.115-6.98-.114-2.633-.114-5.036-.228-7.325-.115-2.289-.229-4.464-.343-5.837-.115-.344-.115-.802.228-1.144.343-.23.687-.344 1.145-.344h18.427c.686 0 1.258.114 1.831.344.458.228.801.686.916 1.258.228.687.572 1.603.801 2.518a21.92 21.92 0 0 1 .686 3.777 38.007 38.007 0 0 1 12.133-7.096c4.463-1.488 9.155-2.289 13.848-2.289 3.663 0 7.325.573 10.758 1.717 8.126 2.632 14.535 8.927 17.397 16.938 1.831 4.693 2.517 10.873 2.517 18.313v54.135c0 1.144-.458 1.602-1.488 1.602l-21.516.23c-.916.113-1.716-.458-1.832-1.374v-51.732c-.114-3.433-.8-6.867-2.173-9.958-1.031-2.289-2.633-4.348-4.694-5.722-2.402-1.488-5.035-2.174-7.782-2.06-2.977 0-5.951.458-8.698 1.603-2.519 1.03-4.808 2.517-6.867 4.348v63.177c0 1.145-.458 1.602-1.489 1.602h-21.745c-.802.116-1.488-.457-1.602-1.258-.23-.229-.23-.344-.115-.458Z" style="fill:#99f;fill-rule:nonzero" transform="scale(4.167)"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/AntDesign.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 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="${width}" height="${height}">
+<svg viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="${width}" height="${height}" ${restAttrs}>
     <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
     <title>Group 28 Copy 5</title>
     <desc>Created with Sketch.</desc>

package/dist/components/Anthropic.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg fill="#000" fill-rule="evenodd" style="flex:none;line-height:1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><title>Anthropic</title><path d="M13.827 3.52h3.603L24 20h-3.603l-6.57-16.48zm-7.258 0h3.767L16.906 20h-3.674l-1.343-3.461H5.017l-1.344 3.46H0L6.57 3.522zm4.132 9.959L8.453 7.687 6.205 13.48H10.7z"></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 fill="#000" fill-rule="evenodd" style="flex:none;line-height:1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><title>Anthropic</title><path d="M13.827 3.52h3.603L24 20h-3.603l-6.57-16.48zm-7.258 0h3.767L16.906 20h-3.674l-1.343-3.461H5.017l-1.344 3.46H0L6.57 3.522zm4.132 9.959L8.453 7.687 6.205 13.48H10.7z"></path></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Apidog.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><linearGradient id="a" x1="0%" x2="99.996%" y1="36.301%" y2="64.611%"><stop offset="0%" stop-color="#3BF"/><stop offset="100%" stop-color="#73F"/></linearGradient><linearGradient id="b" x1="102.837%" x2="-5.655%" y1="70.777%" y2="28.962%"><stop offset="0%" stop-color="#99C2FF"/><stop offset="100%" stop-color="#FFF"/></linearGradient><linearGradient id="c" x1="49.941%" x2="23.669%" y1="69.215%" y2="32.86%"><stop offset="0%" stop-color="#99C2FF"/><stop offset="100%" stop-color="#FFF"/></linearGradient></defs><path fill="url(#a)" d="M198.391 180.368 194 175.984l-.816-.752a93.674 93.674 0 0 0-65.318-26.504 93.674 93.674 0 0 0-65.309 26.504l-.568.56-4.327 4.384-9.288 9.264a28.238 28.238 0 0 1-20.08 8.384 28.334 28.334 0 0 1-20.006-8.264A28.187 28.187 0 0 1 0 169.6c0-7.49 2.983-14.672 8.288-19.96l20.007-19.96-19.76-19.656A28.225 28.225 0 0 1 0 89.824a28.206 28.206 0 0 1 8.288-19.96c11.06-11.033 28.962-11.033 40.022 0L62.805 84.32a93.746 93.746 0 0 0 65.317 26.48c24.4 0 47.838-9.504 65.31-26.48a2.96 2.96 0 0 1 .632-.632l8.215-8.256 5.464-5.384a27.974 27.974 0 0 1 19.951-8.256 28.293 28.293 0 0 1 20 8.264 28.185 28.185 0 0 1 6.119 30.864 27.843 27.843 0 0 1-6.296 9.176l-19.823 19.776 19.823 19.776a28.04 28.04 0 0 1 8.472 20.144c0 7.48-2.984 14.656-8.288 19.952-11.038 11.026-28.92 11.026-39.958 0l-9.416-9.376h.064Z"/><path fill="url(#b)" d="M178.712 2.136a28.123 28.123 0 0 1 9.184 6.12 28.185 28.185 0 0 1-.064 39.864l-20 19.96-.503.44c-21.958 21.404-56.975 21.404-78.933 0l-.504-.44-20.015-19.96c-10.934-11.033-10.88-28.833.12-39.8C79.011-2.686 96.85-2.715 107.9 8.256l20.015 19.968 19.952-19.968A28.303 28.303 0 0 1 167.88 0a28.24 28.24 0 0 1 10.84 2.136h-.009Z"/><path fill="url(#c)" d="M77.117 253.864a28.159 28.159 0 0 1-9.184-6.12 28.185 28.185 0 0 1 .064-39.864l20.015-19.96.504-.44c21.959-21.395 56.966-21.395 78.925 0l.504.44 20.015 19.96c10.932 11.035 10.875 28.835-.128 39.8-11.014 11.006-28.853 11.035-39.902.064l-20.016-19.968-19.95 19.96A28.302 28.302 0 0 1 87.947 256a28.239 28.239 0 0 1-10.831-2.136Z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="0%" x2="99.996%" y1="36.301%" y2="64.611%"><stop offset="0%" stop-color="#3BF"/><stop offset="100%" stop-color="#73F"/></linearGradient><linearGradient id="b" x1="102.837%" x2="-5.655%" y1="70.777%" y2="28.962%"><stop offset="0%" stop-color="#99C2FF"/><stop offset="100%" stop-color="#FFF"/></linearGradient><linearGradient id="c" x1="49.941%" x2="23.669%" y1="69.215%" y2="32.86%"><stop offset="0%" stop-color="#99C2FF"/><stop offset="100%" stop-color="#FFF"/></linearGradient></defs><path fill="url(#a)" d="M198.391 180.368 194 175.984l-.816-.752a93.674 93.674 0 0 0-65.318-26.504 93.674 93.674 0 0 0-65.309 26.504l-.568.56-4.327 4.384-9.288 9.264a28.238 28.238 0 0 1-20.08 8.384 28.334 28.334 0 0 1-20.006-8.264A28.187 28.187 0 0 1 0 169.6c0-7.49 2.983-14.672 8.288-19.96l20.007-19.96-19.76-19.656A28.225 28.225 0 0 1 0 89.824a28.206 28.206 0 0 1 8.288-19.96c11.06-11.033 28.962-11.033 40.022 0L62.805 84.32a93.746 93.746 0 0 0 65.317 26.48c24.4 0 47.838-9.504 65.31-26.48a2.96 2.96 0 0 1 .632-.632l8.215-8.256 5.464-5.384a27.974 27.974 0 0 1 19.951-8.256 28.293 28.293 0 0 1 20 8.264 28.185 28.185 0 0 1 6.119 30.864 27.843 27.843 0 0 1-6.296 9.176l-19.823 19.776 19.823 19.776a28.04 28.04 0 0 1 8.472 20.144c0 7.48-2.984 14.656-8.288 19.952-11.038 11.026-28.92 11.026-39.958 0l-9.416-9.376h.064Z"/><path fill="url(#b)" d="M178.712 2.136a28.123 28.123 0 0 1 9.184 6.12 28.185 28.185 0 0 1-.064 39.864l-20 19.96-.503.44c-21.958 21.404-56.975 21.404-78.933 0l-.504-.44-20.015-19.96c-10.934-11.033-10.88-28.833.12-39.8C79.011-2.686 96.85-2.715 107.9 8.256l20.015 19.968 19.952-19.968A28.303 28.303 0 0 1 167.88 0a28.24 28.24 0 0 1 10.84 2.136h-.009Z"/><path fill="url(#c)" d="M77.117 253.864a28.159 28.159 0 0 1-9.184-6.12 28.185 28.185 0 0 1 .064-39.864l20.015-19.96.504-.44c21.959-21.395 56.966-21.395 78.925 0l.504.44 20.015 19.96c10.932 11.035 10.875 28.835-.128 39.8-11.014 11.006-28.853 11.035-39.902.064l-20.016-19.968-19.95 19.96A28.302 28.302 0 0 1 87.947 256a28.239 28.239 0 0 1-10.831-2.136Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Apolloio.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" 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 viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}>
   <rect width="128" height="128" fill="#FECF40" rx="8" />
   <path fill="#000"
     d="M91.044 36.135H78.489l6.51 11.134 6.045-11.134ZM108.494 98.987 63.922 25 19.5 98.832h23.792c3.174 0 6.297-.8 9.058-2.316 2.98-1.638 5.23-4.012 6.989-6.89 2.056-3.367 4.053-6.773 6.077-10.16l5.178-8.67-6.678-11.167-2.961 4.755c-3.375 5.631-6.569 11.392-10.066 16.947-1.759 2.786-4.054 5.418-7.442 6.096a9.686 9.686 0 0 1-1.558.174c-.698.026-1.397.013-2.088.013l24.121-40.99 30.975 52.363h13.597Z" />