Конвертер SVG в React Native
Превращайте SVG-файлы в компоненты для react-native-svg. Path становится <Path>, currentColor — пропом color, и каждая иконка принимает size и SvgProps. Всё работает в браузере.
Как конвертировать SVG в React Native
Три шага, около десяти секунд. Ничего не загружается.
Перетащите SVG-файлы
Выберите TypeScript или JavaScript
Скопируйте или скачайте
Другие бесплатные инструменты
Конвертируйте, оптимизируйте и упаковывайте иконки прямо в браузере. Ничего не загружается.
- SVG в PNGЧёткие PNG любого размера, один файл или сотни.Открыть инструмент
- PNG в SVGТрассировка PNG или JPG в чистый вектор.Открыть инструмент
- PNG в ICOФайлы .ico для фавиконок с размерами от 16 до 256 px.Открыть инструмент
- Фавиконка и иконки приложенийНаборы для сайта, Chrome, iOS и Android.Открыть инструмент
- SVG в ReactТипизированные JSX-компоненты, готовые к вставке.Открыть инструмент
- Оптимизатор SVGМеньшие SVG-файлы без видимых потерь.Открыть инструмент
- SVG-спрайтМного иконок в одном файле sprite.svg.Открыть инструмент
- Создатель стикеровФайлы стикеров для WhatsApp и Telegram.Открыть инструмент
- Аниматор иконокАнимированный SVG, Lottie, GIF, стикеры Telegram.Открыть инструмент
- SVG в JPGПлоские JPG-изображения любого размера.Открыть инструмент
- SVG в WebPКомпактные WebP из векторов.Открыть инструмент
- PNG в WebPСжатие картинок для веба.Открыть инструмент
- PNG в JPGМеньшие фото с белым или цветным фоном.Открыть инструмент
- JPG в PNGPNG без потерь из фото.Открыть инструмент
- WebP в PNGPNG-файлы, которые открываются везде.Открыть инструмент
- ICO в PNGДостаньте иконку из фавиконки.Открыть инструмент
- JPG в SVGТрассировка фото и логотипов в векторы.Открыть инструмент
- SVG в VueОднофайловые компоненты с пропом size.Открыть инструмент
- SVG в SvelteКомпоненты Svelte с пропом size.Открыть инструмент
- SVG в data URIВстроенный SVG для CSS и тегов img.Открыть инструмент
- SVG в PDFВекторные PDF, которые чётко печатаются.Открыть инструмент
- PNG в PDFОдна картинка на страницу, A4 или Letter.Открыть инструмент
- JPG в PDFФотографии как страницы PDF, готовые к печати.Открыть инструмент
- Lottie в GIFАнимированные GIF из файлов .json или .lottie.Открыть инструмент
- Текст в faviconИнициалы как favicon.ico и иконки приложения.Открыть инструмент
- Эмодзи в faviconЛюбой эмодзи как favicon в один клик.Открыть инструмент
SVG в React Native: вопросы
Остались сомнения? Прочитайте лицензию или напишите нам.
react-native-svg (npm install react-native-svg). В проектах Expo он уже есть.
Одноцветные иконки принимают проп color: <Icon color="#00BC7D" />. Многоцветные иконки сохраняют свои заливки.
Контуры, фигуры, группы, градиенты, clip path и маски. CSS-блоки <style> и фильтры не поддерживаются react-native-svg.
Нет. Конвертация выполняется в браузере; файлы не покидают ваше устройство.