made with Svelte


Convert SVG files into Svelte Components

Visit Site


Convert SVG files into Svelte Components

"svelvg transforms SVG files into Svelte components and generates a corresponding TypeScript definition.

It converts the SVG file name into a JavaScript-compatible module name (e.g., alarm-fill --> AlarmFill), forwards $$restProps to the svg element while preserving original svg attributes and adds a default slot as child element to svg."


Eric Liu

Social Media Links

svelte-ux Collection of Components, Actions, Stores & Utilities
icon-eye-dark Created with Sketch. 399
svelte-use-persist Save Form Data Client-side
icon-eye-dark Created with Sketch. 496
Sentry for Svelte Svelte Error & Performance Monitoring
🧡 Sponsored by Friends
We’re hosting on Digital Ocean! 💙 Try it today and get a free $100 credit.
Svelte Headroom Hide your Header on Scroll
icon-eye-dark Created with Sketch. 2.234
Svelte Intersection Observer Detect if an Element is in the Viewport
icon-eye-dark Created with Sketch. 3.289