SVG to Vue JSX

Emit JSX suitable for Vue render functions

SVG to Vue? SVG to VueVue TypeScript? Vue TypeScript

FAQ

Quick answers

Can I convert SVG paths into Vue JSX?
Yes. Paste SVG and click Convert to JSX for render-friendly output.
Is JSX better than an SFC for icons?
Teams using render functions prefer JSX; component libraries often use SFCs instead.
Looking for icon-specific Vue helpers?
Try Icon to Vue for compact icon component output.
Does Vue JSX conversion require uploading?
No — free local tool.
SVG to Vue → Vue TypeScript → Composition API → Options API →
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