SVG-Sprite-Viewer

Tool wird geladen

Über den SVG-Sprite-Viewer Online

Wie funktioniert das Tool?

Manchmal möchten Sie alle Icons aus einer Sprite-SVG-Datei anzeigen, insbesondere wenn diese mit svg-sprite generiert wurde.

Dieses Tool bietet 4 verschiedene Möglichkeiten, Icons zu extrahieren und anzuzeigen:

  1. SVG-Code einfügen: Fügen Sie den reinen SVG-Code in das Eingabefeld ein und klicken Sie auf Anzeigen. Alle Icons werden extrahiert und angezeigt. Jedes Icon kann einzeln heruntergeladen werden.
  2. Sprite-SVG-URL einfügen: Geben Sie die URL einer Sprite-SVG-Datei ein und klicken Sie auf Anzeigen. Das Tool lädt die Datei, extrahiert die Icons und stellt sie zur Vorschau oder zum Download bereit.
  3. Beliebige Webseiten-URL analysieren: Geben Sie eine Webseiten-URL an. Wir versuchen, darin enthaltene Inline-SVG-Icons zu erkennen und zu extrahieren.

    ⚠️ Hinweis: Einige Websites blockieren externe Anfragen. Falls die angegebene URL nicht erreichbar ist, gehen Sie bitte wie folgt vor:

    • Öffnen Sie die URL in Google Chrome
    • Drücken Sie F12, um die Entwicklerwerkzeuge zu öffnen
    • Wechseln Sie zum Tab Elements und kopieren Sie den gesamten HTML-Code
    • Fügen Sie den kopierten HTML-Code oben in das Eingabefeld ein, um die Icons zu extrahieren
  4. SVG-Datei hochladen: Alternativ können Sie eine lokale Sprite-SVG-Datei von Ihrem Computer hochladen. Nach dem Upload werden die enthaltenen Icons extrahiert und zur Anzeige sowie zum Download bereitgestellt.