SVG в CSS и Data URI SVG в CSS и Data URI

SVG в CSS, mask и Data URI онлайн

Вставьте SVG или загрузите файл, чтобы безопасно очистить разметку, убрать скрипты и подготовить компактный Data URI.

Инструмент проверяет viewBox, размеры, currentColor, fill и stroke, а затем генерирует готовые CSS snippets для background-image, mask и inline-вставки.

Инструмент работает прямо в браузере и подходит для быстрых проверок без установки программ.
Ввод можно очистить и пересчитать заново, что удобно для повторяющихся небольших задач.
Используйте полноэкранный режим, когда нужно больше места для длинного текста, структурированных данных или крупного результата.
Кнопки копирования помогают сразу перенести результат в код, документ или переписку поддержки.
Большинство операций детерминированы: одинаковые входные данные и настройки дают одинаковый результат.
Для чувствительных данных удобнее использовать локальные браузерные инструменты и проверять результат перед отправкой.