SVG Viewer & Editor
Paste SVG code and preview it instantly with zoom controls.
À propos de cet outil
Collez du balisage SVG et voyez instantanément comment il s'affiche dans un canevas de navigateur. SVG est un format vectoriel basé sur XML qui s'adapte parfaitement à n'importe quelle taille d'écran.
Les modes d'arrière-plan (damier, blanc, noir) vous aident à évaluer les zones transparentes et le contraste des couleurs.
Comment utiliser
- Collez ou saisissez du code SVG dans l'onglet Éditeur.
- Passez à l'onglet Aperçu pour voir le résultat rendu.
- Ajustez le zoom et l'arrière-plan pour une inspection plus facile.
- Cliquez sur Copier SVG ou Télécharger SVG quand vous êtes prêt.
Cas d'utilisation
Les designers vérifient les exports SVG de Figma ou Illustrator. Les développeurs déboguent le balisage SVG inline. Les ingénieurs frontend confirment les zones transparentes avec l'arrière-plan en damier.
Questions fréquentes
- Mon code SVG est-il envoyé à un serveur? — Non. L'aperçu est entièrement rendu dans votre navigateur. Rien n'est téléchargé ni stocké.
- Pourquoi mon SVG semble vide? — Vérifiez que l'élément racine <svg> a un viewBox ou width/height explicites, et que les couleurs de remplissage diffèrent de l'arrière-plan.
- Puis-je modifier et retélécharger? — Oui. Modifiez dans l'onglet Éditeur, vérifiez dans Aperçu, puis cliquez sur Télécharger SVG.