@selemondev/svgl-svelte 0.0.2 → 2.0.0

package/dist/components/JSON.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 160 160" width="${width}" height="${height}"><defs><linearGradient id="a"><stop offset="0"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient xlink:href="#a" id="c" x1="-553.27" x2="-666.12" y1="525.91" y2="413.05" gradientTransform="matrix(.99884 0 0 .9987 689.01 -388.84)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="b" x1="-666.12" x2="-553.27" y1="413.04" y2="525.91" gradientTransform="matrix(.99884 0 0 .9987 689.01 -388.84)" gradientUnits="userSpaceOnUse"/></defs><g fill-rule="evenodd" color="#000"><path fill="url(#b)" d="M79.865 119.1c35.398 48.255 70.04-13.469 69.989-50.587C149.794 24.627 105.313.099 79.836.099 38.944.099 0 33.895 0 80.135 0 131.531 44.64 160 79.836 160c-7.965-1.147-34.506-6.834-34.863-67.967-.24-41.347 13.488-57.866 34.805-50.599.477.177 23.514 9.265 23.514 38.951 0 29.56-23.427 38.715-23.427 38.715z"/><path fill="url(#c)" d="M79.823 41.401C56.433 33.339 27.78 52.617 27.78 91.23c0 63.048 46.721 68.77 52.384 68.77C121.056 160 160 126.204 160 79.964 160 28.568 115.36.099 80.164.099c9.748-1.35 52.541 10.55 52.541 69.037 0 38.141-31.953 58.905-52.735 50.033-.477-.177-23.514-9.264-23.514-38.951 0-29.56 23.367-38.818 23.367-38.818z"/></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" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 160 160" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a"><stop offset="0"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient xlink:href="#a" id="c" x1="-553.27" x2="-666.12" y1="525.91" y2="413.05" gradientTransform="matrix(.99884 0 0 .9987 689.01 -388.84)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="b" x1="-666.12" x2="-553.27" y1="413.04" y2="525.91" gradientTransform="matrix(.99884 0 0 .9987 689.01 -388.84)" gradientUnits="userSpaceOnUse"/></defs><g fill-rule="evenodd" color="#000"><path fill="url(#b)" d="M79.865 119.1c35.398 48.255 70.04-13.469 69.989-50.587C149.794 24.627 105.313.099 79.836.099 38.944.099 0 33.895 0 80.135 0 131.531 44.64 160 79.836 160c-7.965-1.147-34.506-6.834-34.863-67.967-.24-41.347 13.488-57.866 34.805-50.599.477.177 23.514 9.265 23.514 38.951 0 29.56-23.427 38.715-23.427 38.715z"/><path fill="url(#c)" d="M79.823 41.401C56.433 33.339 27.78 52.617 27.78 91.23c0 63.048 46.721 68.77 52.384 68.77C121.056 160 160 126.204 160 79.964 160 28.568 115.36.099 80.164.099c9.748-1.35 52.541 10.55 52.541 69.037 0 38.141-31.953 58.905-52.735 50.033-.477-.177-23.514-9.264-23.514-38.951 0-29.56 23.367-38.818 23.367-38.818z"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/JSONSchema.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}"><path fill="#002CC4" d="M70.206 0v16.767c-6.616 0-11.833 1.032-15.622 3.082-3.788 2.05-6.475 5.23-8.043 9.543-1.57 4.312-2.361 9.811-2.361 16.484v34.24c0 4.454-.58 8.511-1.754 12.159-1.173 3.647-3.322 6.786-6.46 9.415-3.153 2.63-7.606 4.652-13.403 6.08-.735.17-1.569.31-2.36.466v2.644l1.597.298c.262.052.518.107.763.168 5.797 1.428 10.264 3.45 13.403 6.08 3.138 2.629 5.287 5.767 6.46 9.415 1.174 3.661 1.754 7.705 1.754 12.158v34.24c0 6.688.791 12.159 2.36 16.442 1.57 4.284 4.256 7.465 8.044 9.543 3.79 2.078 9.006 3.125 15.622 3.125v16.78c-8.397 0-15.438-.918-21.15-2.742-5.71-1.824-10.263-4.623-13.698-8.383-3.436-3.761-5.896-8.525-7.408-14.293-1.513-5.768-2.262-12.583-2.262-20.457V145.87c0-9.36-1.909-16.032-5.698-20.033-3.803-4.001-10.461-5.994-19.99-5.994V99.3c9.529 0 16.201-1.993 19.99-5.994 3.803-4.001 5.698-10.674 5.698-20.033V45.876c0-7.875.749-14.689 2.262-20.457 1.512-5.768 3.972-10.532 7.408-14.293 3.435-3.76 7.987-6.56 13.699-8.383C54.768.919 61.823 0 70.207 0Zm115.588 0c8.383 0 15.438.919 21.149 2.743 5.712 1.823 10.264 4.623 13.7 8.383 3.42 3.76 5.895 8.525 7.407 14.293 1.513 5.768 2.262 12.582 2.262 20.457v27.398c0 9.36 1.895 16.032 5.698 20.033 3.788 4 10.461 5.994 19.99 5.994v20.528c-9.529 0-16.188 1.993-19.99 5.994-3.79 4-5.698 10.674-5.698 20.033v27.384c0 7.874-.749 14.689-2.262 20.457-1.512 5.768-3.972 10.532-7.408 14.292-3.421 3.761-7.987 6.56-13.7 8.384-5.71 1.824-12.751 2.743-21.148 2.743v-16.781c6.616 0 11.833-1.047 15.622-3.125 3.788-2.078 6.474-5.259 8.043-9.542 1.57-4.284 2.361-9.756 2.361-16.443v-34.24c0-4.453.58-8.497 1.754-12.158 1.173-3.648 3.322-6.786 6.46-9.416 3.139-2.63 7.606-4.651 13.403-6.079.735-.184 1.569-.311 2.36-.467v-2.643l-1.597-.305a25.155 25.155 0 0 1-.763-.162c-5.797-1.413-10.25-3.435-13.403-6.065-3.138-2.63-5.287-5.768-6.46-9.415-1.174-3.648-1.754-7.705-1.754-12.158V45.876c0-6.673-.791-12.172-2.36-16.484-1.57-4.312-4.256-7.493-8.044-9.543-3.79-2.05-9.006-3.082-15.622-3.082V0Zm15.876 109.282c0 .976-1.866 3.436-4.128 5.472-3.79 3.404-9.334 8.707-14.568 13.853l-3.835 3.798-5.112 5.165c-3.334 3.42-5.58 5.86-5.58 6.165 0 .537 3.987 7.422 8.879 15.31l8.256 13.347a1.553 1.553 0 0 1-.17 1.866l-1.965 1.513c-1.484 1.64-2.488 2.926-2.686 4.538.257.72-.458 1.17-1.384 1.601l-1.09.49c-3.145 1.463-5.531-.075-14.063-9.928l-4.027-4.685c-4.036-4.63-7.444-8.149-7.95-8.162-1.287-.028-15.524 15.537-26.537 29.01-9.712 11.876-18.265 12.116-20.74 9.784-4.17-3.959-3.562-10.73 1.57-17.375l.667-.83c2.516-3.034 7.902-8.708 14.032-14.867l2.047-2.047 3.66-3.615a506.785 506.785 0 0 1 10.753-10.252l4.637-4.27-9.461-20.315c-5.715-12.502-5.226-13.604 3.048-14.605l7.728-.862 6.715 10.15c3.69 5.585 7.252 10.152 7.889 10.152.592 0 6.38-4.608 13.188-10.48l6.375-5.528c7.693-6.598 9.283-7.392 12.387-7.087l.89.107c2.424.337 4.598.175 5.368-.366l.175-.157c1.3-1.555 5.032.75 5.032 3.11Zm-38.454-92.897c6.164 0 7.083 2.15 7.083 2.15-20.938 10.927-38.652 30.409-56.946 66.29l-2.946 5.873-11.375 22.119c-.897 1.63-1.075-.646-5.084-6.115l-.684-.912C71.892 73.885 56.314 67.89 56.407 67.383c8.257-5.32 23.724-.117 33.28 8.38l.354.339.946.825c1.558 1.399 2.289 2.302 4.61 4.886.232 0 2.678-3.861 5.22-7.975l5.92-9.71c21.291-33.577 43.557-47.771 56.479-47.743Z"/></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 220" width="${width}" height="${height}" ${restAttrs}><path fill="#002CC4" d="M70.206 0v16.767c-6.616 0-11.833 1.032-15.622 3.082-3.788 2.05-6.475 5.23-8.043 9.543-1.57 4.312-2.361 9.811-2.361 16.484v34.24c0 4.454-.58 8.511-1.754 12.159-1.173 3.647-3.322 6.786-6.46 9.415-3.153 2.63-7.606 4.652-13.403 6.08-.735.17-1.569.31-2.36.466v2.644l1.597.298c.262.052.518.107.763.168 5.797 1.428 10.264 3.45 13.403 6.08 3.138 2.629 5.287 5.767 6.46 9.415 1.174 3.661 1.754 7.705 1.754 12.158v34.24c0 6.688.791 12.159 2.36 16.442 1.57 4.284 4.256 7.465 8.044 9.543 3.79 2.078 9.006 3.125 15.622 3.125v16.78c-8.397 0-15.438-.918-21.15-2.742-5.71-1.824-10.263-4.623-13.698-8.383-3.436-3.761-5.896-8.525-7.408-14.293-1.513-5.768-2.262-12.583-2.262-20.457V145.87c0-9.36-1.909-16.032-5.698-20.033-3.803-4.001-10.461-5.994-19.99-5.994V99.3c9.529 0 16.201-1.993 19.99-5.994 3.803-4.001 5.698-10.674 5.698-20.033V45.876c0-7.875.749-14.689 2.262-20.457 1.512-5.768 3.972-10.532 7.408-14.293 3.435-3.76 7.987-6.56 13.699-8.383C54.768.919 61.823 0 70.207 0Zm115.588 0c8.383 0 15.438.919 21.149 2.743 5.712 1.823 10.264 4.623 13.7 8.383 3.42 3.76 5.895 8.525 7.407 14.293 1.513 5.768 2.262 12.582 2.262 20.457v27.398c0 9.36 1.895 16.032 5.698 20.033 3.788 4 10.461 5.994 19.99 5.994v20.528c-9.529 0-16.188 1.993-19.99 5.994-3.79 4-5.698 10.674-5.698 20.033v27.384c0 7.874-.749 14.689-2.262 20.457-1.512 5.768-3.972 10.532-7.408 14.292-3.421 3.761-7.987 6.56-13.7 8.384-5.71 1.824-12.751 2.743-21.148 2.743v-16.781c6.616 0 11.833-1.047 15.622-3.125 3.788-2.078 6.474-5.259 8.043-9.542 1.57-4.284 2.361-9.756 2.361-16.443v-34.24c0-4.453.58-8.497 1.754-12.158 1.173-3.648 3.322-6.786 6.46-9.416 3.139-2.63 7.606-4.651 13.403-6.079.735-.184 1.569-.311 2.36-.467v-2.643l-1.597-.305a25.155 25.155 0 0 1-.763-.162c-5.797-1.413-10.25-3.435-13.403-6.065-3.138-2.63-5.287-5.768-6.46-9.415-1.174-3.648-1.754-7.705-1.754-12.158V45.876c0-6.673-.791-12.172-2.36-16.484-1.57-4.312-4.256-7.493-8.044-9.543-3.79-2.05-9.006-3.082-15.622-3.082V0Zm15.876 109.282c0 .976-1.866 3.436-4.128 5.472-3.79 3.404-9.334 8.707-14.568 13.853l-3.835 3.798-5.112 5.165c-3.334 3.42-5.58 5.86-5.58 6.165 0 .537 3.987 7.422 8.879 15.31l8.256 13.347a1.553 1.553 0 0 1-.17 1.866l-1.965 1.513c-1.484 1.64-2.488 2.926-2.686 4.538.257.72-.458 1.17-1.384 1.601l-1.09.49c-3.145 1.463-5.531-.075-14.063-9.928l-4.027-4.685c-4.036-4.63-7.444-8.149-7.95-8.162-1.287-.028-15.524 15.537-26.537 29.01-9.712 11.876-18.265 12.116-20.74 9.784-4.17-3.959-3.562-10.73 1.57-17.375l.667-.83c2.516-3.034 7.902-8.708 14.032-14.867l2.047-2.047 3.66-3.615a506.785 506.785 0 0 1 10.753-10.252l4.637-4.27-9.461-20.315c-5.715-12.502-5.226-13.604 3.048-14.605l7.728-.862 6.715 10.15c3.69 5.585 7.252 10.152 7.889 10.152.592 0 6.38-4.608 13.188-10.48l6.375-5.528c7.693-6.598 9.283-7.392 12.387-7.087l.89.107c2.424.337 4.598.175 5.368-.366l.175-.157c1.3-1.555 5.032.75 5.032 3.11Zm-38.454-92.897c6.164 0 7.083 2.15 7.083 2.15-20.938 10.927-38.652 30.409-56.946 66.29l-2.946 5.873-11.375 22.119c-.897 1.63-1.075-.646-5.084-6.115l-.684-.912C71.892 73.885 56.314 67.89 56.407 67.383c8.257-5.32 23.724-.117 33.28 8.38l.354.339.946.825c1.558 1.399 2.289 2.302 4.61 4.886.232 0 2.678-3.861 5.22-7.975l5.92-9.71c21.291-33.577 43.557-47.771 56.479-47.743Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/JWT.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 257" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><path fill="#FFF" d="M147.386 69.071 147.129 0h-38.515l.257 69.071 19.257 26.448zM108.871 187.442v69.328h38.515v-69.328l-19.258-26.447z"/><path fill="#00F2E6" d="m147.386 187.442 40.57 55.976 31.069-22.596-40.57-55.975-31.069-10.015zM108.871 69.071 68.044 13.095 36.975 35.691l40.57 55.976 31.326 10.014z"/><path fill="#00B9F1" d="M77.545 91.667 11.811 70.355 0 106.816l65.733 21.569 31.069-10.271zM159.198 138.399l19.257 26.448 65.734 21.311L256 149.697l-65.733-21.312z"/><path fill="#D63AFF" d="M190.267 128.385 256 106.816l-11.811-36.461-65.734 21.312-19.257 26.447zM65.733 128.385 0 149.697l11.811 36.461 65.734-21.311 19.257-26.448z"/><path fill="#FB015B" d="m77.545 164.847-40.57 55.975 31.069 22.596 40.827-55.976v-32.61zM178.455 91.667l40.57-55.976-31.069-22.596-40.57 55.976v32.61z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 257" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><path fill="#FFF" d="M147.386 69.071 147.129 0h-38.515l.257 69.071 19.257 26.448zM108.871 187.442v69.328h38.515v-69.328l-19.258-26.447z"/><path fill="#00F2E6" d="m147.386 187.442 40.57 55.976 31.069-22.596-40.57-55.975-31.069-10.015zM108.871 69.071 68.044 13.095 36.975 35.691l40.57 55.976 31.326 10.014z"/><path fill="#00B9F1" d="M77.545 91.667 11.811 70.355 0 106.816l65.733 21.569 31.069-10.271zM159.198 138.399l19.257 26.448 65.734 21.311L256 149.697l-65.733-21.312z"/><path fill="#D63AFF" d="M190.267 128.385 256 106.816l-11.811-36.461-65.734 21.312-19.257 26.447zM65.733 128.385 0 149.697l11.811 36.461 65.734-21.311 19.257-26.448z"/><path fill="#FB015B" d="m77.545 164.847-40.57 55.975 31.069 22.596 40.827-55.976v-32.61zM178.455 91.667l40.57-55.976-31.069-22.596-40.57 55.976v32.61z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Jasmine.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}>
   <g fill="#8A4182">
     <path d="M118 105h20l5-6V46h-30v53l5 6M106 129l6-19-5-7-51-16-9 28 51 16 8-2M124 148l-16-11-8 2-31 43 24 17 31-42v-9M148 137l-16 11v9l31 42 24-17-31-43-8-2M145 110l6 19 8 2 50-16-9-28-50 16-5 7"/>
     <path d="M128 0C58 0 0 57 0 127a128 128 0 0 0 256 0C256 57 199 0 128 0Zm0 26c56 0 102 45 102 101s-46 102-102 102S26 183 26 127 72 26 128 26Z"/>

package/dist/components/Java.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 346" 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 346" width="${width}" height="${height}" ${restAttrs}>
   <path d="M83 267s-14 8 9 11c27 3 41 2 71-3 0 0 8 5 19 9-67 29-153-2-99-17M74 230s-15 11 8 13c29 3 52 3 92-4 0 0 6 5 15 8-82 24-173 2-115-17" fill="#5382A1"/>
   <path d="M144 166c17 19-4 36-4 36s42-22 22-49c-18-26-32-38 44-82 0 0-119 29-62 95" fill="#E76F00"/>
   <path d="M233 295s10 8-10 15c-39 12-163 15-197 0-12-5 11-13 18-14l12-2c-14-9-89 19-38 28 138 22 251-10 215-27M89 190s-63 15-22 21c17 2 51 2 83-1 26-2 52-7 52-7l-16 9c-64 16-187 8-151-9 30-14 54-13 54-13M202 253c64-33 34-66 13-61l-7 2s2-3 6-5c41-14 73 43-14 66l2-2" fill="#5382A1"/>

package/dist/components/JavaScript.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 1052 1052" width="${width}" height="${height}"><path fill="#f0db4f" d="M0 0h1052v1052H0z"/><path d="M965.9 801.1c-7.7-48-39-88.3-131.7-125.9-32.2-14.8-68.1-25.399-78.8-49.8-3.8-14.2-4.3-22.2-1.9-30.8 6.9-27.9 40.2-36.6 66.6-28.6 17 5.7 33.1 18.801 42.8 39.7 45.4-29.399 45.3-29.2 77-49.399-11.6-18-17.8-26.301-25.4-34-27.3-30.5-64.5-46.2-124-45-10.3 1.3-20.699 2.699-31 4-29.699 7.5-58 23.1-74.6 44-49.8 56.5-35.6 155.399 25 196.1 59.7 44.8 147.4 55 158.6 96.9 10.9 51.3-37.699 67.899-86 62-35.6-7.4-55.399-25.5-76.8-58.4-39.399 22.8-39.399 22.8-79.899 46.1 9.6 21 19.699 30.5 35.8 48.7 76.2 77.3 266.899 73.5 301.1-43.5 1.399-4.001 10.6-30.801 3.199-72.101zm-394-317.6h-98.4c0 85-.399 169.4-.399 254.4 0 54.1 2.8 103.7-6 118.9-14.4 29.899-51.7 26.2-68.7 20.399-17.3-8.5-26.1-20.6-36.3-37.699-2.8-4.9-4.9-8.7-5.601-9-26.699 16.3-53.3 32.699-80 49 13.301 27.3 32.9 51 58 66.399 37.5 22.5 87.9 29.4 140.601 17.3 34.3-10 63.899-30.699 79.399-62.199 22.4-41.3 17.6-91.3 17.4-146.6.5-90.2 0-180.4 0-270.9z" fill="#323330"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1052 1052" width="${width}" height="${height}" ${restAttrs}><path fill="#f0db4f" d="M0 0h1052v1052H0z"/><path d="M965.9 801.1c-7.7-48-39-88.3-131.7-125.9-32.2-14.8-68.1-25.399-78.8-49.8-3.8-14.2-4.3-22.2-1.9-30.8 6.9-27.9 40.2-36.6 66.6-28.6 17 5.7 33.1 18.801 42.8 39.7 45.4-29.399 45.3-29.2 77-49.399-11.6-18-17.8-26.301-25.4-34-27.3-30.5-64.5-46.2-124-45-10.3 1.3-20.699 2.699-31 4-29.699 7.5-58 23.1-74.6 44-49.8 56.5-35.6 155.399 25 196.1 59.7 44.8 147.4 55 158.6 96.9 10.9 51.3-37.699 67.899-86 62-35.6-7.4-55.399-25.5-76.8-58.4-39.399 22.8-39.399 22.8-79.899 46.1 9.6 21 19.699 30.5 35.8 48.7 76.2 77.3 266.899 73.5 301.1-43.5 1.399-4.001 10.6-30.801 3.199-72.101zm-394-317.6h-98.4c0 85-.399 169.4-.399 254.4 0 54.1 2.8 103.7-6 118.9-14.4 29.899-51.7 26.2-68.7 20.399-17.3-8.5-26.1-20.6-36.3-37.699-2.8-4.9-4.9-8.7-5.601-9-26.699 16.3-53.3 32.699-80 49 13.301 27.3 32.9 51 58 66.399 37.5 22.5 87.9 29.4 140.601 17.3 34.3-10 63.899-30.699 79.399-62.199 22.4-41.3 17.6-91.3 17.4-146.6.5-90.2 0-180.4 0-270.9z" fill="#323330"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Jest.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 283" 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 283" width="${width}" height="${height}" ${restAttrs}>
   <path d="M240 139a26 26 0 0 0-29-26L247 6H93l36 107a26 26 0 0 0-28 26c0 12 8 22 19 25a115 115 0 0 1-58 49c-16-8-23-27-17-43l3-5a26 26 0 1 0-21-4c-7 14-16 30-19 48-4 21 0 44 18 57 44 30 91-18 140-31 18-4 38-3 54-13 12-6 20-18 22-31 2-12-1-25-9-35 4-5 7-11 7-17" fill="#99425B"/>
   <path d="M236 190c-2 11-9 21-19 27-10 5-21 7-33 9l-19 3c-17 4-34 12-50 20-32 16-59 30-85 12-19-13-18-38-16-51 2-12 8-24 13-35l3-5 8 2c-5 18 3 37 21 47l3 1 2-1c15-5 28-13 39-24 8-7 14-15 20-24a33 33 0 0 0 37-28h21a33 33 0 0 0 51 23c4 7 5 16 4 24ZM42 119a20 20 0 1 1 0 40 20 20 0 0 1 0-40Zm66 20a20 20 0 1 1 40 0 20 20 0 0 1-40 0Zm83-24c-5 4-8 10-9 15h-23c-1-6-5-11-10-15l21-42 21 42ZM102 13h136l-32 94-4 1-32-64-32 64-4-1-32-94Zm131 126a20 20 0 0 1-20 20 20 20 0 1 1 20-20Zm13 0c0-16-12-29-27-32L256 0H84l37 107a33 33 0 0 0-11 60 110 110 0 0 1-47 39c-12-8-17-21-12-33l1-1 1-2a33 33 0 1 0-34-8l-4 8c-5 11-11 24-14 38-4 28 3 51 22 63 11 8 22 11 34 11 21 0 43-11 64-21 15-8 31-16 47-19l18-4c13-1 26-3 37-10a51 51 0 0 0 18-72c3-5 5-11 5-17Z" fill="#FFF"/>
 </svg>

package/dist/components/JetBrains.svelte

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

package/dist/components/JetBrainsFleet.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 70 70" 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 70 70" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(22.35433 -20.58122 27.17129 29.51214 38.648 42.538)" gradientUnits="userSpaceOnUse">
       <stop offset=".771" stop-color="#001AFF"/>

package/dist/components/JetBrainsPhpStorm.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 105 105" 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 105 105" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient id="a" x1="22.6999" x2="49.8075" y1="60.3539" y2="8.29501" gradientUnits="userSpaceOnUse">
       <stop stop-color="#AF1DF5"/>

package/dist/components/JetBrainsPyCharm.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 105 105" 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 105 105" width="${width}" height="${height}" ${restAttrs}>
   <linearGradient id="a" x1="38.78" x2="95.91" y1="41.59" y2="41.59" gradientUnits="userSpaceOnUse">
     <stop offset="0" stop-color="#21d789"/>
     <stop offset="1" stop-color="#07c3f2"/>

package/dist/components/JetBrainsRider.svelte

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

package/dist/components/JetBrainsRubyMine.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 105 105" 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 105 105" width="${width}" height="${height}" ${restAttrs}>
   <linearGradient id="a" x1="65.05" x2="52.91" y1="60.03" y2="28.18" gradientUnits="userSpaceOnUse">
     <stop offset="0" stop-color="#fe2857"/>
     <stop offset=".06" stop-color="#fe3052"/>

package/dist/components/JetBrainsWebStorm.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 105 105" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 105 105" width="${width}" height="${height}" ${restAttrs}>
   <linearGradient id="a" x1="38.88" x2="63.72" y1="6.5" y2="95.94" gradientUnits="userSpaceOnUse">
     <stop offset=".28" stop-color="#07c3f2"/>
     <stop offset=".94" stop-color="#087cfa"/>

package/dist/components/JetbrainsSpace.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><linearGradient id="a" x1="45.082%" x2="55.522%" y1="-1.343%" y2="97.61%"><stop offset="0%" stop-color="#FCF84A"/><stop offset="32%" stop-color="#ABE682"/><stop offset="79%" stop-color="#36CDD2"/><stop offset="100%" stop-color="#07C3F2"/></linearGradient><linearGradient id="b" x1="-2.942%" x2="100.445%" y1="38.992%" y2="62.105%"><stop offset="0%" stop-color="#3BEA62"/><stop offset="100%" stop-color="#087CFA"/></linearGradient><linearGradient id="c" x1="-3.308%" x2="111.745%" y1="71.807%" y2="15.462%"><stop offset="0%" stop-color="#009AE5"/><stop offset="18%" stop-color="#0490DD"/><stop offset="49%" stop-color="#1073C6"/><stop offset="89%" stop-color="#2346A1"/><stop offset="100%" stop-color="#293896"/></linearGradient></defs><path fill="url(#a)" d="M46.36 255.991c91.075-7.978 170.982-63.92 209.64-146.768C208.12 40.799 129.873.033 46.36 0c-7.44 0-14.915.33-22.424.99C-14.676 83.893-6.128 181.099 46.36 255.99Z"/><path fill="url(#b)" d="M24.209 1.024a301.387 301.387 0 0 1 134.685 108.199H256C208.263 40.76 130.062-.03 46.6 0c-7.441 0-14.905.341-22.391 1.024Z"/><path fill="url(#c)" d="M158.894 109.223C147.187 186.6 46.258 255.99 46.258 255.99c91.781-8.67 172.23-63.622 209.742-146.768h-97.106Z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="45.082%" x2="55.522%" y1="-1.343%" y2="97.61%"><stop offset="0%" stop-color="#FCF84A"/><stop offset="32%" stop-color="#ABE682"/><stop offset="79%" stop-color="#36CDD2"/><stop offset="100%" stop-color="#07C3F2"/></linearGradient><linearGradient id="b" x1="-2.942%" x2="100.445%" y1="38.992%" y2="62.105%"><stop offset="0%" stop-color="#3BEA62"/><stop offset="100%" stop-color="#087CFA"/></linearGradient><linearGradient id="c" x1="-3.308%" x2="111.745%" y1="71.807%" y2="15.462%"><stop offset="0%" stop-color="#009AE5"/><stop offset="18%" stop-color="#0490DD"/><stop offset="49%" stop-color="#1073C6"/><stop offset="89%" stop-color="#2346A1"/><stop offset="100%" stop-color="#293896"/></linearGradient></defs><path fill="url(#a)" d="M46.36 255.991c91.075-7.978 170.982-63.92 209.64-146.768C208.12 40.799 129.873.033 46.36 0c-7.44 0-14.915.33-22.424.99C-14.676 83.893-6.128 181.099 46.36 255.99Z"/><path fill="url(#b)" d="M24.209 1.024a301.387 301.387 0 0 1 134.685 108.199H256C208.263 40.76 130.062-.03 46.6 0c-7.441 0-14.905.341-22.391 1.024Z"/><path fill="url(#c)" d="M158.894 109.223C147.187 186.6 46.258 255.99 46.258 255.99c91.781-8.67 172.23-63.622 209.742-146.768h-97.106Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Julia.svelte

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

package/dist/components/Keycloak.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 168 151" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 168 151" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M21.9021 37.3017L43.5057 0.0132763L130.506 0.00193787L151.992 37.6607L152.019 112.993L130.509 150.63L43.5359 150.66L21.6829 112.997L21.9021 37.3017Z" fill="#4D4D4D"/>
 <path d="M21.6867 112.986H60.8951L39.3596 75.0361L56.8737 37.3093L21.9059 37.3017L0 75.3422" fill="#EDEDED"/>
 <path d="M72.7853 112.986H101.445L126.787 76.049L101.887 37.6645H68.1744L47.8672 74.7564L72.7853 112.986Z" fill="#E0E0E0"/>

package/dist/components/KiboUI.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	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="none" viewBox="0 0 117 116" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path clip-rule="evenodd" d="m29.8378 0h87.0002v29 58l-29.0002 29v-87h-87.000031zm-29.000031 95.7389v-37.7389h37.738831zm58.000031 20.2611h-37.249l37.249-37.2488z" fill="#000" fill-rule="evenodd"/></svg>`;
+</script>
+
+{@html svgContent}

package/dist/components/Kick.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 933 300" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 933 300" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_9790_492437)">
 <g clip-path="url(#clip1_9790_492437)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z" fill="#53FC18"/>

package/dist/components/KiloCode.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	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 32 32" fill="#000" width="${width}" height="${height}" ${restAttrs}><path d="M23,26v-2h3v-5l-2-2h-4v2h-3v5l2,2h4ZM20,20h3v3h-3v-3Z"/><rect x="12" y="17" width="3" height="3"/><polygon points="26 12 23 12 23 9 20 6 17 6 17 9 20 9 20 12 17 12 17 15 26 15 26 12"/><path d="M0,0v32h32V0H0ZM29,29H3V3h26v26Z"/><polygon points="15 26 15 23 9 23 9 17 6 17 6 23.1875 8.8125 26 15 26"/><rect x="12" y="6" width="3" height="3"/><polygon points="9 12 12 12 12 15 15 15 15 12 12 9 9 9 9 6 6 6 6 15 9 15 9 12"/></svg>`;
+</script>
+
+{@html svgContent}

package/dist/components/Kimi.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	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 512 512" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" width="${width}" height="${height}" ${restAttrs}><path d="M503 114.333v280c0 60.711-49.29 110-110 110H113c-60.711 0-110-49.289-110-110v-280c0-60.71 49.289-110 110-110h280c60.71 0 110 49.29 110 110z"/><path d="M342.065 189.759c1.886-2.42 3.541-4.63 5.289-6.77.81-1.007.74-1.771-.046-2.824-7.58-9.965-8.298-21.028-3.935-32.254 3.275-8.448 10.52-12.406 19.373-13.25 5.52-.521 10.936.046 15.959 2.73 6.596 3.53 10.438 8.912 11.688 16.341.995 5.926.81 11.712-.868 17.452-2.974 10.161-10.277 15.427-20.287 16.758-8.31 1.11-16.734 1.25-25.113 1.817-.648.046-1.308 0-2.06 0z" fill="#027aff"/><path d="M321.512 144.254h-50.064l-39.637 90.384h-56.036v-89.99H131v232.868h44.787v-98.103h78.973c13.598 0 26.015-7.927 31.744-20.252v118.355h44.787v-98.103c0-23.342-18.239-42.97-41.523-44.671v-.116h-24.593a45.577 45.577 0 0026.884-24.534l29.453-65.838z" fill="#fff"/></svg>`;
+</script>
+
+{@html svgContent}

package/dist/components/KokonutUI.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	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" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#0C0C0C" fill-opacity=".82" fill-rule="evenodd" d="M12.365 24.14c2.241 3.92 8.445 5.557 12.328 3.294 3.191-1.86 4.616-6.231 3.776-9.905-.36-1.575-1.362-2.916-2.594-3.947-.189-.157-.38-.309-.572-.454.471.51.895 1.085 1.257 1.72 2.407 4.208 1.211 9.455-2.671 11.718-3.883 2.263-8.982.686-11.389-3.523a9.384 9.384 0 0 1-1.162-3.416c-.058 1.597.264 3.18 1.027 4.514Z" clip-rule="evenodd"/><path fill="#111" d="M25.917 19.269c0 3.325-2.67 6.021-5.964 6.021-3.294 0-5.965-2.696-5.965-6.021 0-3.326 2.67-6.022 5.965-6.022 3.294 0 5.964 2.696 5.964 6.022Z"/><path fill="#2CD242" d="M10.51 17.52c-.09-.678-4.815-10.356 0-12.346 4.814-1.99 7.648-2.36 7.648-2.36s3.006-.452 5.171-2.532c2.165-2.08-.961 7.967-2.165 10.047-1.204 2.08-3.7 1.81-5.127 3.211-1.427 1.402-2.728 3.98-2.728 3.98s-.665-2.025-.665-3.98c0-1.954 4.775-7.371 4.775-7.371 2.095-1.447-3.433 1.55-5.394 5.472-1.573 3.144-1.54 5.461-1.512 5.907.013.107.007.102 0 0a1.305 1.305 0 0 0-.004-.028ZM10.994 20.294c-.425.057-6.499 3.084-7.747 0-1.249-3.084-1.48-4.9-1.48-4.9s-.285-1.925-1.59-3.312c-1.306-1.387 5 .616 6.305 1.387 1.305.771 1.135 2.37 2.015 3.284.88.914 2.497 1.748 2.497 1.748s-1.27.426-2.497.426c-1.226 0-4.626-3.06-4.626-3.06-.908-1.341.973 2.2 3.434 3.456 1.973 1.008 3.427.987 3.707.969.067-.009.064-.005 0 0l-.018.002Z"/></svg>`;
+</script>
+
+{@html svgContent}

package/dist/components/Kotlin.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><linearGradient x1="99.991%" y1="-.011%" x2=".01%" y2="100.01%" id="a"><stop stop-color="#E44857" offset=".344%"/><stop stop-color="#C711E1" offset="46.89%"/><stop stop-color="#7F52FF" offset="100%"/></linearGradient></defs><path fill="url(#a)" d="M256 256H0V0h256L128 127.949z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient x1="99.991%" y1="-.011%" x2=".01%" y2="100.01%" id="a"><stop stop-color="#E44857" offset=".344%"/><stop stop-color="#C711E1" offset="46.89%"/><stop stop-color="#7F52FF" offset="100%"/></linearGradient></defs><path fill="url(#a)" d="M256 256H0V0h256L128 127.949z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/KrakenJS.svelte

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

package/dist/components/Kubernetes.svelte

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

package/dist/components/Laravel.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 264" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 264" width="${width}" height="${height}" ${restAttrs}>
   <path d="m255.9 59.6.1 1.1v56.6c0 1.4-.8 2.8-2 3.5l-47.6 27.4v54.2c0 1.4-.7 2.8-2 3.5l-99.1 57-.7.4-.3.1c-.7.2-1.4.2-2.1 0l-.4-.1-.6-.3L2 206c-1.3-.8-2.1-2.2-2.1-3.6V32.7l.1-1.1.2-.4.3-.6.2-.4.4-.5.4-.3c.2 0 .3-.2.5-.3L51.6.6c1.3-.8 2.9-.8 4.1 0L105.3 29c.2 0 .3.2.4.3l.5.3c0 .2.2.4.3.5l.3.4.3.6.1.4.2 1v106l41.2-23.7V60.7c0-.4 0-.7.2-1l.1-.4.3-.7.3-.3.3-.5.5-.3.4-.4 49.6-28.5c1.2-.7 2.8-.7 4 0L254 57l.5.4.4.3.4.5.2.3c.2.2.2.5.3.7l.2.3Zm-8.2 55.3v-47l-17.3 10-24 13.7v47l41.3-23.7Zm-49.5 85v-47l-23.6 13.5-67.2 38.4v47.5l90.8-52.3ZM8.2 39.9V200l90.9 52.3v-47.5l-47.5-26.9-.4-.4c-.2 0-.3-.1-.4-.3l-.4-.4-.3-.4-.2-.5-.2-.5v-.6l-.2-.5V63.6L25.6 49.8l-17.3-10Zm45.5-31L12.4 32.8l41.3 23.7 41.2-23.7L53.7 8.9ZM75 157.3l24-13.8V39.8l-17.3 10-24 13.8v103.6l17.3-10ZM202.3 36.9 161 60.7l41.3 23.8 41.3-23.8-41.3-23.8Zm-4.1 54.7-24-13.8-17.3-10v47l24 13.9 17.3 10v-47Zm-95 106 60.6-34.5 30.2-17.3-41.2-23.8-47.5 27.4L62 174.3l41.2 23.3Z" fill="#FF2D20"/>
 </svg>
 `;