SVG в код — бесплатно онлайн

У вас есть аккуратная SVG-иконка, и вы хотите вставить её прямо в код, но просто вставить сырой SVG почти никогда не получается так, как нужно. Иногда нужен CSS-фон, иногда аккуратный data-URI, иногда React-компонент. Мы сделали бесплатный инструмент, который справляется со всем этим — SVG to Code — прямо в браузере.

Что он делает

Вставьте свой SVG, и он сам всё преобразует. Можно получить CSS-фон в виде data-URI (с URL-кодированием), data-URI в base64 или React-компонент. Выберите нужный формат — и результат готов, чтобы скопировать его в проект.

Ничего не уходит с вашего устройства

Всё работает прямо в браузере. Ваш SVG не загружается ни на какой сервер и нигде не сохраняется. Закрыли вкладку — и всё, ничего не осталось. Так что даже личные или рабочие иконки остаются только у вас.

Как пользоваться

  1. Откройте SVG to Code и вставьте свой SVG в поле.
  2. Выберите нужный формат: CSS data-URI, base64 или React-компонент.
  3. Скопируйте результат и вставьте его в свой код.

Это бесплатно и без ограничений. Другие небольшие инструменты есть на странице приложений.

Новые посты на почту

Скоро можно будет оставить email и получать новые посты — без аккаунта и спама.

Подписка по email пока не работает — сейчас ничего не собираем.