SVG Forge

SVG en composant Vue

Transformez n'importe quel SVG en composant monofichier Vue 3.

ou déposez un fichier / collez du code ci-dessous

La sortie est un SFC Vue 3 en script-setup ; les attributs sont propagés au SVG racine.

SFC Vue 3
La sortie s'affiche ici

Fonctionnement

  1. 1Collez du code SVG ou déposez un fichier .svg.
  2. 2L'outil l'enveloppe dans un SFC Vue 3 avec propagation des attributs.
  3. 3Copiez le contenu du fichier .vue dans votre projet.

Gratuit, sans inscription, sans filigrane — tout s'exécute localement dans votre navigateur, vos fichiers ne quittent donc jamais votre machine.

Questions fréquentes

Vue 2 ou Vue 3 ?

La sortie vise les SFC Vue 3 en script-setup, qui fonctionnent aussi dans les projets Vue 2.7.

Outils associés

SVG en React

Collez un SVG, obtenez un composant JSX ou TSX prêt à importer.

Optimiseur SVG

Nettoyage propulsé par SVGO : des fichiers plus légers, les mêmes pixels. Le gain est visible immédiatement.

SVG en CSS

Intégrez n'importe quel SVG dans votre feuille de style sous forme de data URI encodé.