Дизайнеры как так сделать?

добавить контур, убрать заливку и добавить градиент, говорю как чел что не шарит

В любом редакторе векторной графики, например, в Affinity Designer ...

Такие логотипы делаются в векторных редакторах, а в них ВСЕГДА такое свойство любого объекта, которое называется "контур" и подчиняется он кнопкам "вкл" и "выкл"... в растровых графических редакторах тоже есть "контур", только там он "эффект".
УЧИТЕ СВОЙ ГРАФИЧЕСКИЙ РЕДАКТОР.

Руками в любом векторном редакторе. Inkscape бесплатного более чем достаточно. Лишь бы руки не из жопы