SVG Forge

SVG in componente Vue

Trasforma qualsiasi SVG in un componente a file singolo di Vue 3.

oppure trascina un file / incolla il codice qui sotto

L'output è un SFC Vue 3 con script-setup; gli attributi vengono propagati all'SVG radice.

SFC Vue 3
L'output compare qui

Come funziona

  1. 1Incolla codice SVG o trascina un file .svg.
  2. 2Lo strumento lo avvolge in un SFC Vue 3 con propagazione degli attributi.
  3. 3Copia il contenuto del file .vue nel tuo progetto.

Gratis, senza registrazione e senza filigrana: tutto gira localmente nel tuo browser, quindi i tuoi file non lasciano mai il computer.

Domande frequenti

Vue 2 o Vue 3?

L'output punta agli SFC Vue 3 con script-setup, che funzionano anche nei progetti Vue 2.7.

Strumenti correlati

SVG in React

Incolla un SVG e ottieni un componente JSX o TSX pronto da importare.

Ottimizzatore SVG

Pulizia firmata SVGO: file più leggeri, stessi pixel. Il risparmio si vede subito.

SVG in CSS

Incorpora qualsiasi SVG nel tuo foglio di stile come data URI codificato.