Convertisseur SVG en React Native
Transformez vos fichiers SVG en composants pour react-native-svg. path devient <Path>, currentColor devient une prop color, et chaque icône accepte size et SvgProps. Tout tourne dans votre navigateur.
Comment convertir SVG en React Native
Trois étapes, une dizaine de secondes. Rien n'est envoyé.
Déposez vos fichiers SVG
Choisissez TypeScript ou JavaScript
Copiez ou téléchargez
Autres outils gratuits
Convertissez, optimisez et regroupez vos icônes dans le navigateur. Rien n'est envoyé.
- SVG en PNGDes PNG nets à toutes les tailles, un fichier ou des centaines.Ouvrir l'outil
- PNG en SVGVectorisez un PNG ou un JPG en un vecteur propre.Ouvrir l'outil
- PNG en ICODes fichiers .ico de favicon de 16 à 256 px.Ouvrir l'outil
- Favicon et icônes d’appJeux pour site web, Chrome, iOS et Android.Ouvrir l'outil
- SVG en ReactDes composants JSX typés, prêts à coller.Ouvrir l'outil
- Optimiseur SVGDes SVG plus légers sans perte visible.Ouvrir l'outil
- Sprite SVGPlusieurs icônes dans un seul sprite.svg.Ouvrir l'outil
- Créateur de stickersDes stickers pour WhatsApp et Telegram.Ouvrir l'outil
- Animateur d'icônesSVG animé, Lottie, GIF, stickers Telegram.Ouvrir l'outil
- SVG en JPGDes JPG nets à toutes les tailles.Ouvrir l'outil
- SVG en WebPDes WebP légers à partir de vecteurs.Ouvrir l'outil
- PNG en WebPAllégez vos images pour le web.Ouvrir l'outil
- PNG en JPGPhotos plus légères, fond blanc ou coloré.Ouvrir l'outil
- JPG en PNGDu PNG sans perte à partir de photos.Ouvrir l'outil
- WebP en PNGDes PNG qui s'ouvrent partout.Ouvrir l'outil
- ICO en PNGExtrayez l'icône d'un favicon.Ouvrir l'outil
- JPG en SVGVectorisez photos et logos.Ouvrir l'outil
- SVG en VueComposants monofichiers avec prop size.Ouvrir l'outil
- SVG en SvelteComposants Svelte avec prop size.Ouvrir l'outil
- SVG en data URISVG en ligne pour CSS et balises img.Ouvrir l'outil
- SVG en PDFDes PDF vectoriels qui s'impriment nets.Ouvrir l'outil
- PNG en PDFUne image par page, A4 ou Letter.Ouvrir l'outil
- JPG en PDFDes photos en pages PDF, prêtes à imprimer.Ouvrir l'outil
- Lottie en GIFDes GIF animés à partir de fichiers .json ou .lottie.Ouvrir l'outil
- Texte en faviconVos initiales en favicon.ico et icônes d'application.Ouvrir l'outil
- Emoji en faviconN'importe quel emoji en favicon en un clic.Ouvrir l'outil
- Lottie en MP4Des vidéos MP4 à partir de fichiers .json ou .lottie.Ouvrir l'outil
- SVG en LottieDes fichiers Lottie animés à partir de n'importe quelle icône SVG.Ouvrir l'outil
- Créateur de GIFDes GIF animés à partir d'icônes SVG.Ouvrir l'outil
- Image en stickerPhotos et PNG en stickers WhatsApp et Telegram.Ouvrir l'outil
- Texte en stickerDes stickers de mots pour WhatsApp et Telegram.Ouvrir l'outil
- Emoji en stickerDe grands stickers emoji avec légende.Ouvrir l'outil
- Visionneuse SVGOuvrez, inspectez et modifiez du code SVG.Ouvrir l'outil
- Minificateur SVGMinifiez le code SVG pour un fichier le plus léger possible.Ouvrir l'outil
- Vérificateur de faviconVérifiez les favicons et icônes d'app de n'importe quel site.Ouvrir l'outil
SVG en React Native : questions fréquentes
Encore un doute ? Lisez la licence ou écrivez-nous.
react-native-svg (npm install react-native-svg). Les projets Expo l'incluent déjà.
Les icônes unicolores prennent une prop color : <Icon color="#00BC7D" />. Les icônes multicolores gardent leurs remplissages.
Tracés, formes, groupes, dégradés, clip paths et masques. react-native-svg ne gère ni les blocs <style> ni les filtres.
Non. La conversion tourne dans votre navigateur ; les fichiers ne quittent jamais votre appareil.