How do I turn SVG into a .svelte SFC?

Paste the SVG and click Convert to Svelte SFC, then copy the single-file component.

Does SFC output include markup for the SVG in the template?

Yes. The SVG lands in the component markup section.

Open SVG Icon to Svelte for compact icon components.

FAQ

Quick answers

How do I turn SVG into a .svelte SFC?: Paste the SVG and click Convert to Svelte SFC, then copy the single-file component.
Does SFC output include markup for the SVG in the template?: Yes. The SVG lands in the component markup section.
Need icon-sized Svelte output?: Open SVG Icon to Svelte for compact icon components.
Is Svelte SFC conversion private?: Yes. Free, no upload.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B