SVG in React Native umwandeln
Wandeln Sie SVG-Dateien in Komponenten für react-native-svg um. path wird <Path>, currentColor wird eine color-Prop, und jedes Icon nimmt size und SvgProps. Alles läuft im Browser.
So wandeln Sie SVG in React Native um
Drei Schritte, etwa zehn Sekunden. Nichts wird hochgeladen.
SVG-Dateien ablegen
TypeScript oder JavaScript wählen
Kopieren oder herunterladen
Weitere kostenlose Tools
Icons direkt im Browser umwandeln, optimieren und bündeln. Nichts wird hochgeladen.
- SVG in PNGScharfe PNGs in jeder Größe, eine Datei oder Hunderte.Tool öffnen
- PNG in SVGPNG oder JPG in einen sauberen Vektor nachzeichnen.Tool öffnen
- PNG in ICOFavicon-.ico-Dateien mit 16 bis 256 px.Tool öffnen
- Favicon und App-IconsSätze für Website, Chrome, iOS und Android.Tool öffnen
- SVG in ReactTypisierte JSX-Komponenten zum Einfügen.Tool öffnen
- SVG-OptimiererKleinere SVG-Dateien ohne sichtbaren Verlust.Tool öffnen
- SVG-SpriteViele Icons in einer sprite.svg-Datei.Tool öffnen
- Sticker-MakerSticker-Dateien für WhatsApp und Telegram.Tool öffnen
- Icon-AnimatorAnimiertes SVG, Lottie, GIF, Telegram-Sticker.Tool öffnen
- SVG in JPGFlache JPG-Bilder in jeder Größe.Tool öffnen
- SVG in WebPKleine WebP-Bilder aus Vektoren.Tool öffnen
- PNG in WebPBilder fürs Web verkleinern.Tool öffnen
- PNG in JPGKleinere Fotos, weißer oder farbiger Hintergrund.Tool öffnen
- JPG in PNGVerlustfreies PNG aus Fotos.Tool öffnen
- WebP in PNGPNG-Dateien, die überall aufgehen.Tool öffnen
- ICO in PNGDas Bild aus einem Favicon holen.Tool öffnen
- JPG in SVGFotos und Logos vektorisieren.Tool öffnen
- SVG in VueSingle-File-Komponenten mit size-Prop.Tool öffnen
- SVG in SvelteSvelte-Komponenten mit size-Prop.Tool öffnen
- SVG in Data-URIInline-SVG für CSS und img-Tags.Tool öffnen
- SVG zu PDFVektor-PDFs, die scharf gedruckt werden.Tool öffnen
- PNG zu PDFEin Bild pro Seite, A4 oder Letter.Tool öffnen
- JPG zu PDFFotos als PDF-Seiten, druckfertig.Tool öffnen
- Lottie zu GIFAnimierte GIFs aus .json- oder .lottie-Dateien.Tool öffnen
- Text zu FaviconInitialen als favicon.ico und App-Icons.Tool öffnen
- Emoji zu FaviconJedes Emoji mit einem Klick als Favicon.Tool öffnen
SVG in React Native: häufige Fragen
Noch unsicher? Lies die Lizenz oder schreib uns.
react-native-svg (npm install react-native-svg). Expo-Projekte bringen es schon mit.
Einfarbige Icons nehmen eine color-Prop: <Icon color="#00BC7D" />. Mehrfarbige Icons behalten ihre Füllungen.
Pfade, Formen, Gruppen, Verläufe, Clip-Paths und Masken. <style>-Blöcke und Filter unterstützt react-native-svg nicht.
Nein. Die Umwandlung läuft im Browser; Dateien verlassen Ihr Gerät nie.