Иллюстратор существует, стопудов. Сам видел!
А туториал нужен про то, как нарисовать в иллюстраторе или где у него в меню файл→экспорт?
Попробуйте может
inkscape.
Если именно по координатам, то там ничего сложного
<svg viewBox="5 5 50 50">
<path d="M10 10 L10 20 L20 20 Z" fill="red"></path>
<path d="M15 10 l10 0 l0 10 Z" fill="blue"></path>
<path d="M10 25 h 7 v 7 Z" fill="#FACE8D"></path>
</svg>
вот так оно работает
viewBox - координаты верхнего левого и нижнего правого угла видимой части холста.
M - переместить курсор и координаты x и y
L - нарисовать линию, и тоже координаты.
Z - замкнуть фигуру (соединить последнюю точку с первой)
l - нарисовать линию, но не абсолютные координаты, а сдвиг относительно предыдущей точки
H - нарисовать линию по горизонтали, и координата
h - нарисовать линию по горизонтали, но вместо координаты сдвиг.
V и v - та-же фигня, но по вертикали
и так далее 
