src/lib/components/icon-custom.svelte

<script lang="ts">
	import type { SVGAttributes } from "svelte/elements";

	type Icon = "regen";

	interface Props extends SVGAttributes<SVGElement> {
		icon: Icon;
	}

	let { icon, ...rest }: Props = $props();
</script>

{#if icon === "regen"}
	<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest}>
		<path
			d="M9.01857 2.5C7.62667 2.49856 6.26819 2.92612 5.12839 3.7244C3.9886 4.52267 3.12295 5.65278 2.6495 6.96064C2.17605 8.26851 2.11784 9.69045 2.48281 11.0326C2.84778 12.3747 3.61816 13.5717 4.68891 14.4603H2.77351V15.5H6.93688V11.34H5.89639V14.0549C4.86194 13.3824 4.0727 12.3939 3.64631 11.2367C3.21992 10.0795 3.17921 8.81556 3.53025 7.63335C3.88129 6.45115 4.60529 5.41395 5.59432 4.67637C6.58335 3.93878 7.78444 3.54033 9.01857 3.54037V2.5ZM11.1003 3.01983V7.17989H12.1415V4.46559C12.8436 4.92312 13.4366 5.52914 13.8785 6.24083C14.3205 6.95252 14.6007 7.7525 14.6992 8.58426H15.7521C15.576 6.81965 14.7129 5.19487 13.3489 4.06019H15.2636V3.01983H11.1003ZM11.3866 16.8117C11.349 16.8117 11.3118 16.8043 11.277 16.7899C11.2423 16.7756 11.2107 16.7545 11.1841 16.7279C11.1575 16.7013 11.1364 16.6698 11.1221 16.6351C11.1077 16.6004 11.1003 16.5632 11.1003 16.5256V10.2311C11.1003 10.1814 11.1132 10.1325 11.1379 10.0893C11.1626 10.0462 11.1981 10.0101 11.2409 9.98485C11.2837 9.95955 11.3324 9.94584 11.3822 9.94507C11.4319 9.9443 11.481 9.95651 11.5246 9.98047L17.2515 13.1277C17.2964 13.1524 17.3338 13.1887 17.3599 13.2328C17.3859 13.2769 17.3997 13.3272 17.3997 13.3784C17.3997 13.4296 17.3859 13.4798 17.3599 13.5239C17.3338 13.568 17.2964 13.6043 17.2515 13.629L11.5246 16.7762C11.4824 16.7995 11.4349 16.8117 11.3866 16.8117Z"
			fill="currentColor"
		/>
	</svg>
{/if}