Icon Inspector

Markiert Icons von Bibliotheken und alle SVGs mit einem roten Kreis. Inklusive HTML-Katalog und ZIP-Export.

🔍 Icon Inspector – Das ultimative Tool für Webentwickler & UI/UX Designer Du siehst ein tolles Icon auf einer Webseite und möchtest wissen, welche Bibliothek verwendet wurde oder den Code kopieren? Der Icon Inspector nimmt dir die Sucharbeit im Quelltext ab! Mit nur einem Klick scannt die Erweiterung die aktuelle Webseite, findet alle eingebundenen Icons und markiert sie visuell. Egal ob FontAwesome, Material Icons, Bootstrap, Ionicons oder reine SVGs – Icon Inspector findet sie alle und bereitet sie für dich auf. ✨ Die wichtigsten Funktionen: 🎯 Intelligente Icon-Erkennung: Identifiziert automatisch beliebte Bibliotheken wie FontAwesome, Material Design, Bootstrap Icons, Themify, Ionicons und Elementor-Icons. 🔴 Visuelles Highlighting: Alle gefundenen Icons werden auf der Webseite sofort mit einem roten, runden Rahmen hervorgehoben, damit du sie auf einen Blick siehst. 🔘 SVG-Deep-Search: Mit einem modernen Schalter kannst du jederzeit auf Knopfdruck alle <svg>-Grafiken der Seite in deine Suche einschließen. 📦 ZIP-Massenexport: Lade alle gefundenen SVGs mit nur einem Klick als praktische ZIP-Datei auf deinen Rechner herunter. 📄 Interaktiver HTML-Katalog: Generiert eine übersichtliche Katalog-Ansicht in einem neuen Tab. Hier kannst du dir den HTML-Code (inklusive Klassen) für jedes Icon ansehen, kopieren und SVGs einzeln herunterladen. 🛡️ 100% Datenschutz: Die Erweiterung läuft komplett lokal in deinem Browser. Es werden keine Daten an externe Server gesendet. 👨‍💻 Für wen ist diese Erweiterung? Frontend-Entwickler, die schnell CSS-Klassen oder SVG-Pfade von bestehenden Projekten analysieren wollen. UI/UX Designer, die sich Inspiration holen oder überprüfen möchten, welche Icon-Sets eine Webseite nutzt. Webmaster & QA-Tester, die sicherstellen müssen, dass alle Icons auf einer Seite korrekt geladen werden. 💡 Wie es funktioniert: Klicke auf das Icon Inspector Symbol in deiner Chrome-Leiste. Das Tool markiert sofort alle Icons auf der Seite. Nutze das schwebende Control-Panel oben rechts, um SVGs zu inkludieren, den Katalog zu öffnen oder alle SVGs als ZIP zu exportieren. Ein Projekt von Digital Workshop (digital-workshop.at) – Entwickelt mit Leidenschaft für effizientere Web-Workflows.