Делается это так:
https://jsfiddle.net/bg1ru9rv/
Ваш SVG не работает потому, что для анимаций такого типа нужно рисовать только линиями без заливки.
То есть при отрисовки фигуры в илюстраторе вы должны использовать только инструмент Перо и ни в коем случае не замыкать линию, иначе на выходе в SVG это будет уже не линия а фигура которую анимировать нельзя.
В вашем случае так и вышло. + у вас ещё была заливка.
Повторюсь, использовать нужно только линии.