Visionneuse SVG

Code SVG

Collez du code SVG/XML ou modifiez-le directement.

Aperçu

Les scripts et les ressources externes sont bloqués pour des raisons de sécurité.

100%

Le code SVG valide s'affichera ici.

Fonction de cet outil

La visionneuse SVG affiche le code SVG directement dans votre navigateur afin de vérifier une image vectorielle sans envoyer le code à un service externe.

Comment l’utiliser

Collez un document SVG complet dans le champ de code ou modifiez directement le XML.
Examinez l'image rendue et utilisez le zoom ou le déplacement pour voir les détails.
Réinitialisez la vue ou effacez le champ lorsque vous souhaitez examiner un autre SVG.

Utilisations pratiques

Vérifier un SVG que vous avez créé avant de l'utiliser sur un site web.
Examiner le viewBox, les formes et les espacements d'une image vectorielle dans le navigateur.
Comparer de petites modifications du code SVG avec le rendu obtenu.

Notes et limites

Le code est traité localement dans votre navigateur. Les scripts, le HTML intégré et les ressources externes sont bloqués.
Le contenu SVG non pris en charge ou potentiellement dangereux peut être retiré de l'aperçu.

Questions fréquentes

Pourquoi mon SVG ne s'affiche-t-il pas ?

Vérifiez que le contenu est un XML valide avec un élément racine <svg>. Les documents incomplets ou mal formés ne sont pas affichés.

Les images ou polices externes sont-elles chargées ?

Non. Les ressources externes et le contenu exécutable sont bloqués pour des raisons de sécurité.