Добрый день!
Подскажите пожалуйста как нечто подобное нарисовать на SVG?

Затем планирую добавить минимальную анимацию.
Интересует пошагово что за чем делать, в чем рисовать лучше?
Не совсем понимаю как как создаются svg картинки. (пишутся сразу в коде или рисуются в каком фотошопе.)
Буду благодарен за любую помощь.)