How do I turn SVG into a .vue SFC?

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

Does SFC output include a template block for the SVG?

Yes. The SVG lands in the template section of the SFC.

Open Vue JSX for render-function style output.

FAQ

Quick answers

How do I turn SVG into a .vue SFC?: Paste the SVG and click Convert to SFC, then copy the single-file component.
Does SFC output include a template block for the SVG?: Yes. The SVG lands in the template section of the SFC.
Need JSX instead of an SFC template?: Open Vue JSX for render-function style output.
Is Vue SFC conversion private?: Yes. Free, no upload.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B