DEVtoySVG zu React-Komponente
SVG in eine benannte React-Komponente mit JSX-Attributen und Props umwandeln. Ergebnis vor Verwendung prüfen.
So funktioniert’s
- Füge deine Eingabe ein oder lade das folgende Beispiel.
- Passe die Optionen an und wähle „Komponente erstellen“.
- Prüfe das Ergebnis und kopiere es oder lade es herunter.
Keine Uploads. Kein Konto. Die Verarbeitung bleibt in deinem Browser.
Beispieleingabe
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="icon"><path d="M20 6 9 17l-5-5"/></svg>