SVG Forge

SVG para componente Vue

Transforme qualquer SVG em um componente de arquivo único do Vue 3.

ou solte um arquivo / cole o código abaixo

A saída é um SFC do Vue 3 com script-setup; os atributos são repassados ao SVG raiz.

SFC do Vue 3
A saída aparece aqui

Como funciona

  1. 1Cole código SVG ou solte um arquivo .svg.
  2. 2A ferramenta o embrulha em um SFC do Vue 3 com repasse de atributos.
  3. 3Copie o conteúdo do arquivo .vue para o seu projeto.

Grátis, sem cadastro e sem marca d'água — tudo roda localmente no seu navegador, então seus arquivos nunca saem da sua máquina.

Perguntas frequentes

Vue 2 ou Vue 3?

A saída mira SFCs do Vue 3 com script-setup, que também funcionam em projetos Vue 2.7.

Ferramentas relacionadas

SVG para React

Cole um SVG e receba um componente JSX ou TSX pronto para importar.

Otimizador de SVG

Limpeza movida a SVGO: arquivos menores, os mesmos pixels. A economia aparece na hora.

SVG para CSS

Embuta qualquer SVG na sua folha de estilo como um data URI codificado.