SVG to SvelteKit

Prepare SVG as a component for SvelteKit projects

SVG to Svelte? SVG to SvelteSvelte TypeScript? Svelte TypeScript

FAQ

Quick answers

Can I convert SVG for use in a SvelteKit app?
Yes. Paste SVG and click Convert to SvelteKit for Kit-oriented component output.
Is SvelteKit output different from plain Svelte?
Slightly — naming and structure lean toward SvelteKit app folders; core markup is still Svelte.
Want TypeScript in your SvelteKit icons?
Combine with SVG to Svelte TypeScript.
Does SvelteKit conversion require uploading?
No. Free local tool.
SVG to Svelte → Svelte TypeScript → Svelte SFC → Icon to Svelte →
Open full editor →

Source

Type or paste SVG markup. The preview on the right updates as you type.

Ready

Live preview

PNG export · 2× for retina