Visionneuse de Sprite SVG

À propos de la Visionneuse de Sprite SVG

Comment l’utiliser ?

Vous souhaitez parfois visualiser toutes les icônes d’un sprite SVG, notamment si le fichier a été généré avec svg-sprite.

Cet outil propose 4 façons d’extraire et de visualiser les icônes :

1. Coller le code SVG : Collez simplement le code SVG brut, cliquez sur Afficher. Toutes les icônes seront extraites et affichées. Vous pouvez les télécharger une par une.
2. Coller une URL de Sprite SVG : Entrez l’URL d’un fichier sprite SVG, cliquez sur Afficher. L’outil va récupérer le fichier et afficher les icônes.
3. Analyser une URL de page web : Fournissez l’URL d’une page, nous tenterons d’extraire les icônes SVG inline.

   ⚠️ Remarque : Certains sites peuvent bloquer les requêtes. Si l’URL n’est pas accessible, suivez ces étapes :

   • Ouvrez l’URL dans Google Chrome
   • Appuyez sur F12 pour ouvrir les outils de développement
   • Allez dans l’onglet Elements et copiez le code HTML complet
   • Collez ce code dans le champ ci-dessus pour afficher les icônes
4. Téléverser un fichier SVG : Vous pouvez aussi téléverser un fichier sprite SVG local. Les icônes seront affichées après traitement.