Verwandeln Sie SVG-Dateien sofort in produktionsbereite Frontend-Komponenten mit currentColor-Unterstützung.
Quellgröße: 24 x 24 px (aspect ratio 1.000)
100% privat & sicher - Ihre Daten werden nirgendwo geteilt oder gespeichert.
Erstellen Sie saubere, moderne und barrierefreie Frontend-Komponenten aus Ihren SVGs in Millisekunden.
Genießen Sie 3 kostenlose Konvertierungen ohne Anmeldung. Wenn Sie mehr brauchen, erstellen Sie ein kostenloses Konto und schalten Sie unbegrenzten Zugriff frei.
Erstellen Sie ein kostenloses Konto, um weiter zu konvertieren. Ganz ohne Kreditkarte.
Ihre Sitzung und Dateien sind sicher. Sie bleiben in dieser Sitzung, bis Sie die Registrierung abschließen.
Ziehen Sie Ihre .svg-Datei in den Arbeitsbereich oder fügen Sie den SVG-Code ein.
Wählen Sie React (TSX/JSX), Vue 3, Svelte oder Tailwind und passen Sie den Namen an.
Kopieren Sie den Code mit 1 Klick oder laden Sie die Komponentendatei herunter.
CrushSVG analysiert Ihr SVG im Browser, wandelt HTML-Attribute in camelCase um und erzeugt eine typsichere React-Komponente.
Ja, der generierte Code ist vollständig kompatibel mit Next.js, Vite, Remix und Astro.
Feste Farben werden durch currentColor ersetzt, sodass Icons automatisch die Schriftfarbe von CSS/Tailwind übernehmen.
Nein, alle Transformationen finden 100% lokal in Ihrem Browser statt.