Почему иконки часто ломаются в разработке
Основные причины: разнобой в размерах, необработанные stroke-иконки, лишние группы в SVG и несогласованный нейминг файлов.
- Фиксируйте базовые размеры (например, 16/24/32).
- Перед export переводите stroke в outline/path при необходимости.
- Экспортируйте SVG без лишней вложенности слоев.
- Синхронизируйте нейминг в Figma и кодовой базе.
- Определите формат внедрения: inline SVG, sprite, img.
Практика
Чистые SVG-файлы и единая система имен резко снижают число ошибок при подключении и обновлении иконок.
Нужен взгляд со стороны на ваш сайт или продукт?
Переведём наблюдения из статьи в конкретный план улучшений.Обсудить задачу