Как сохранять svg для snapsvg.js?

На сайте реализовано несколько иконок с помощью библиотеки snapsvg.io
Нужно добавить ещё одну.

На первый взгляд всё всё очень просто. В при загрузке страницы добавляется path, при наведении он заменяется на другой, при этом как бы "перетекая" из одного состояния в другое.

Пример: jsfiddle.net/frbt1eu9/3

Первый блок - имеющаяся на сайте иконка. Работает как нужно.

В исходниках сайта лежит эта иконка в формате svg. Я предположил что дизайнер нарисовал, при разработке скопировали из этой svg path в js-код и готово. Но нет.
Второй блок - скопированный path, код не работает.

В ходе экспериментов, сохраняя в разных вариантах, с разными настройками (Adobe Illustrator CC) и размерами так и не удалось получить желаемый результат.
В третьем блоке примера элементарное - превращение квадрата в круг. Но и тут проблема - располагается не по центру, до конца не "округляется".

С первого взгляда видно что код path из первого блока другой, по другому принципу построенный.

Как все же правильно сохранить svg?