Verwandeln Sie SVG-Dateien sofort in produktionsbereite Frontend-Komponenten mit currentColor-Unterstützung.
Source size: 24 x 24 px (aspect ratio 1.000)
100% Private & Secure - Your data is never shared or stored anywhere.
Erstellen Sie saubere, moderne und barrierefreie Frontend-Komponenten aus Ihren SVGs in Millisekunden.
Enjoy 3 free conversions with no signup required. When you're ready for more, create a free account to unlock unlimited access.
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.
