Konverter SVG ke React Native
Ubah file SVG menjadi komponen untuk react-native-svg. Path menjadi <Path>, currentColor menjadi prop color, dan setiap ikon menerima size dan SvgProps. Semuanya berjalan di browser Anda.
Cara mengonversi SVG ke React Native
Tiga langkah, sekitar sepuluh detik. Tidak ada yang diunggah.
Jatuhkan file SVG Anda
Pilih TypeScript atau JavaScript
Salin atau unduh
Alat gratis lainnya
Konversi, optimalkan, dan kemas ikon langsung di browser Anda. Tidak ada yang diunggah.
- SVG ke PNGPNG tajam dalam ukuran apa pun, satu file atau ratusan.Buka alat
- PNG ke SVGJiplak PNG atau JPG menjadi vektor bersih.Buka alat
- PNG ke ICOFile favicon .ico dengan 16 hingga 256 px di dalamnya.Buka alat
- Favicon & ikon aplikasiSet situs web, Chrome, iOS, dan Android.Buka alat
- SVG ke ReactKomponen JSX bertipe, siap ditempel.Buka alat
- Pengoptimal SVGFile SVG lebih kecil tanpa kehilangan yang terlihat.Buka alat
- Sprite SVGBanyak ikon dalam satu file sprite.svg.Buka alat
- Pembuat stikerFile stiker WhatsApp dan Telegram.Buka alat
- Animator ikonSVG animasi, Lottie, GIF, stiker Telegram.Buka alat
- SVG ke JPGGambar JPG flat dalam ukuran apa pun.Buka alat
- SVG ke WebPGambar WebP kecil dari vektor.Buka alat
- PNG ke WebPPerkecil gambar untuk web.Buka alat
- PNG ke JPGFoto lebih kecil, latar putih atau berwarna.Buka alat
- JPG ke PNGPNG lossless dari foto.Buka alat
- WebP ke PNGFile PNG yang terbuka di mana saja.Buka alat
- ICO ke PNGAmbil ikon dari favicon.Buka alat
- JPG ke SVGJiplak foto dan logo menjadi vektor.Buka alat
- SVG ke VueKomponen single-file dengan prop size.Buka alat
- SVG ke SvelteKomponen Svelte dengan prop size.Buka alat
- SVG ke data URISVG inline untuk CSS dan tag img.Buka alat
- SVG ke PDFPDF vektor yang tajam saat dicetak.Buka alat
- PNG ke PDFSatu gambar per halaman, A4 atau Letter.Buka alat
- JPG ke PDFFoto sebagai halaman PDF, berukuran siap cetak.Buka alat
- Lottie ke GIFGIF animasi dari file .json atau .lottie.Buka alat
- Teks ke faviconInisial sebagai favicon.ico dan ikon aplikasi.Buka alat
- Emoji ke faviconEmoji apa pun jadi favicon dalam satu klik.Buka alat
FAQ SVG ke React Native
Masih ragu? Baca lisensi atau tulis kepada kami.
react-native-svg (npm install react-native-svg). Proyek Expo sudah menyertakannya.
Ikon satu warna menerima prop color: <Icon color="#00BC7D" />. Ikon multiwarna mempertahankan isiannya.
Path, bentuk, grup, gradien, clip path, dan mask. Blok CSS <style> dan filter tidak didukung oleh react-native-svg.
Tidak. Konversi berjalan di browser Anda; file tidak pernah meninggalkan perangkat.