Vue 3 with Composition API is the default. Toggle for Vue 2 Options API if needed.

SVG to Vue Component Converter

Convert SVG files to Vue 3 Single File Components (.vue). Generate template, script, and props for dynamic SVG icons in Vue applications.

SVG Input Code

Component Name

Target Format

Component Source Code

How to Use

Upload SVG

Upload your SVG icon or illustration.

Configure Vue options

Set component name, add defineProps for size and colour, choose Composition API or Options API.

Download .vue file

Download the complete .vue Single File Component.

SVG to Vue Single File Components

Vue Single File Components (.vue) combine template, script, and style in one file. This converter generates a complete .vue file from your SVG, using the Vue 3 Composition API with