Wenn ich in neue Projekte komme, sehe ich fast immer react-native-svg - und in allen Fällen war es eigentlich nicht nötig.

SVG statt PNG

Welche Vorteile hat SVG gegenüber PNG?

Eine Datei
Skalierbar ohne Qualitätsverlust
Färben per fill und stroke
SVGs können die Bundle-Größe reduzieren, aber nur wenn viele SVGs genutzt werden, da die Library selbst auch ins Bundle fällt.

Welche Nachteile?

Du brauchst eine zusätzliche Library (und oft eine zweite, wenn du react-native-svg-transformer nutzt)
Du musst die Library als Dependency pflegen (und sie kann bei react-native Updates brechen!)
Zusätzliche Runtime-Kosten

PNG statt SVG

Welche Vorteile hat PNG gegenüber SVG?

Keine extra Library. Bilder anzeigen ist in React Native eingebaut.
Die eingebaute tintColor Property ermöglicht Färbung ohne extra Libraries.

Nachteile?

Bilder müssen in 3 Auflösungen (1x, 2x, 3x) exportiert werden, was in Tools wie Figma unkompliziert ist.
Größeres Bundle (aber nur, wenn du die Library-Größe überschreitest)

Wann `react-native-svg` sinnvoll ist

Es gibt nur einen Fall, in dem react-native-svg technisch notwendig ist: Wenn du fill und stroke zur Laufzeit ändern musst und die Farben zur Build-Zeit nicht bekannt sind.

Wenn du die Farben zur Build-Zeit kennst, erstelle mehrere Varianten der Grafik, das reicht vollkommen.