На сайте реализовано несколько иконок с помощью библиотеки
snapsvg.io
Нужно добавить ещё одну.
На первый взгляд всё всё очень просто. В при загрузке страницы добавляется path, при наведении он заменяется на другой, при этом как бы "перетекая" из одного состояния в другое.
Пример: jsfiddle.net/frbt1eu9/3
Первый блок - имеющаяся на сайте иконка. Работает как нужно.
В исходниках сайта лежит эта иконка в формате svg. Я предположил что дизайнер нарисовал, при разработке скопировали из этой svg path в js-код и готово. Но нет.
Второй блок - скопированный path, код не работает.
В ходе экспериментов, сохраняя в разных вариантах, с разными настройками (Adobe Illustrator CC) и размерами так и не удалось получить желаемый результат.
В третьем блоке примера элементарное - превращение квадрата в круг. Но и тут проблема - располагается не по центру, до конца не "округляется".
С первого взгляда видно что код path из первого блока другой, по другому принципу построенный.
Как все же правильно сохранить svg?
Простой
