Anna_BS

viewBox=”0 0 10 6.7″ – определяет пользовательскую область просмотра - если у вас ширина 170, то высота должны быть ~114, но лучше избегать не целых значений
размер circle можно попробовать изменить через обводку stroke-width: 1px;

codepen.io

svg mask
попробовать анимировать градиент

Используйте две svg
а про viewBox почитайте

Из фиксированной svg можно сделать резиновую убрав width и height

<svg width="30px" height="30px" viewBox="0 0 30 30">

<svg viewBox="0 0 30 30">

Вот текст с Вашим градиентом

codepen.io/fixcl/pen/CHgrn
codepen.io/SahAssar/pen/YPWxWX

Реализация svg описана верно, а вот так можно изменять цвет:

codepen.io/Anna_Batura/pen/OMNNQL

fill задает заливку
stroke - обводку