Ответ @Air правильный, красивый и будет полезен в любом случае.
Но, так как символ Z
нарисован двойным контуром, будет невозможно сделать анимацию рисования буквы по всей ширине строки.

Стрелками показаны узловые точки.
Чтобы нарисовать одиночный контур нужно выбирать в векторном редакторе инструмент - Рисовать кривые Безье и прямые линии
- Shift+F6
Чтобы убрать из файла SVG лишнюю информацию, которую сохраняет векторный редактор необходимо оптимизировать файл с помощью любого оптимизатора, например - SVG EDITOR
Как пользоваться оптимизатором - подробно, на примерах
Другие оптимизаторы
На выходе получаем код:
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="15%" height="15%" viewBox="0 0 32 32" version="1.1" >
<!-- Прямоугольник с закругленными углами -->
<path d="M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0
0 1 2-2z" fill="#D94937"></path>
<!-- Символ Z -->
<path d="M6.5 4.3H25.9v2.3l-18 19.1 0 2.2 19.4 0" style="fill:none;stroke-width:4;stroke:white"/>
</path>
</svg>
Чтобы сделать SVG адаптивным ширину и высоту холста SVG нужно указывать в процентах
width="15%" height="15%"
Анимация контура "Z"
Полная длина контура буквы равна 70px
Анимация рисования линии достигается изменением stroke-dashoffset
от максимума до нуля values="70;0"
<svg xxmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15%" height="15%" viewBox="0 0 32 32" version="1.1" style="fill:">
<!-- Прямоугольник с закругленными углами -->
<path d="M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0
0 1 2-2z" fill="#D94937"></path>
<!-- Символ Z -->
<path stroke-dasharray="70" stroke-dashoffset="70" d="M6.5 4.3H25.9v2.3l-18 19.1 0 2.2 19.4 0" style="fill:none;stroke-width:4;stroke:white">
<animate
attributeName="stroke-dashoffset"
values="70;0;0"
dur="2s"
fill="freeze"
repeatCount="indefinite" />
</path>
</svg>
Вариант рисования - туда-обратно
<svg xxmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15%" height="15%" viewBox="0 0 32 32" version="1.1" style="fill:">
<!-- Прямоугольник с закругленными углами -->
<path d="M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0
0 1 2-2z" fill="#D94937"></path>
<!-- Символ Z -->
<path stroke-dasharray="70" stroke-dashoffset="70" d="M6.5 4.3H25.9v2.3l-18 19.1 0 2.2 19.4 0" style="fill:none;stroke-width:4;stroke:white">
<animate
attributeName="stroke-dashoffset"
values="70;0;0;70;70"
dur="5s"
fill="freeze"
repeatCount="indefinite" />
</path>
</svg>