https://brexston.github.io/svg-css-converter/#/en

About service

With this service, you can encode your SVG icon for use in CSS via data URL, encoded SVG can be used in background, border-image or in mask

How to use ?

1. Copy the SVG code of the image so that it starts with <svg ...
2. Paste the code into the field
3. Configure the required values
4. Copy the resulting CSS or Sass code

Feature

    • Setting repetition, background location
    • Ability to add image dimensions
    • Use of Sass syntax
    • Multiple output record options short/full
    • Option to replace background with mask
    • Ability to add your own language
    • Point settings stored in localStorage
    • SVG code notifications to the clipboard

Language

You can add your language with Pull Request to the json file at \svg-css-converter\src\translate\translate.json. I will also be glad to correct mistranslated words :)

---

https://brexston.github.io/svg-css-converter/#/ru

О сервисе

С помощью данного сервиса вы можете закодировать свою иконку SVG для использования в CSS через data URL, закодированный SVG можно использовать в background, border-image или в mask

Как использовать?

1. Скопируйте код SVG изображения, чтобы он начинался с <svg ...
2. Вставьте код в поле
3. Настройте необходимые значения
4. Скопируйте получившийся код CSS или Sass

Возможности

    • Настройка повторения, расположения фона
    • Возможность добавления размеров изображения
    • Использование синтаксиса Sass
    • Несколько вариантов записи результата короткая\полная
    • Возможность заменить background на mask
    • Возможность добавить свой язык
    • Точечные настройки, которые хранятся в localStorage
    • Уведомления о коде SVG в буфер обмена