Оптимизатор SVG

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

Что чистить

Служебные данныеКомментарии, метаданные, следы редактора Неиспользуемые idИмена слоёв из Фигмы, на которые никто не ссылается Пустые группыОбёртки, внутри которых ничего не осталось Значения по умолчаниюВроде opacity="1" — браузер и так их подразумевает Ширину и высотуТолько если есть viewBox. Картинка станет тянуться под контейнер

Знаков после запятой2

Меньше знаков — легче файл. На мелких иконках разницы не видно.

Сверка

Было—

Стало—

Если картинка справа отличается от левой, снимите последнюю включённую галочку — скорее всего, дело в ней.

Файлы

Перетащите файлы SVG или нажмите, чтобы выбрать — можно сразу несколько

Пока пусто. Добавьте иконки — и увидите, сколько в них лишнего.

Код после чистки

Выберите файл в списке.