GithubIcon.svelte

<script lang="ts">
	// Drop-in replacement for `lucide-svelte`'s `Github` icon, which was
	// removed in lucide-svelte 1.x for trademark reasons. SVG path is the
	// original lucide stroke-style mark so the visual is identical to what
	// the codebase used pre-upgrade. Props mirror lucide-svelte's shape so
	// existing call sites (`<Github class="w-5 h-5" />` etc.) work unchanged.

	type Props = {
		class?: string;
		size?: number | string;
		color?: string;
		strokeWidth?: number;
	};

	let {
		class: className = '',
		size = 24,
		color = 'currentColor',
		strokeWidth = 2
	}: Props = $props();
</script>

<svg
	xmlns="http://www.w3.org/2000/svg"
	width={size}
	height={size}
	viewBox="0 0 24 24"
	fill="none"
	stroke={color}
	stroke-width={strokeWidth}
	stroke-linecap="round"
	stroke-linejoin="round"
	class={className}
	aria-hidden="true"
>
	<path
		d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.4 5.4 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"
	/>
	<path d="M9 18c-4.51 2-5-2-7-2" />
</svg>