Aetae

Ты можешь использовать css переменные.

<img> - это чисто картинка, которая ведёт себя как картинка и никак иначе, никакой интерактивности.

Ты можешь либо использовать object\embed\ifrrame, либо преобразовать в svg symbol и использовать svg use.

Не" какой-то другой", а "какой-то неправильный". Если ты поставишь например 0 0 500 500 - всё будет работать, просто бублик будет в 10 раз меньше.
Собственно это то, что делает viewBox - задаёт систему координат для вложенных элементов. Т.е. width у тебя 500px - эти 500px, размечены на отрезки от 0 до 50. Т.е. 1 -> 10px, r="15.9" -> r="159px". Всё просто.

Видел тут: https://ant.design/components/progress/
Но это часть системы, придётся расковырять сырцы, если нужно отдельно.

"Чистую" версию тоже когда-то вроде встречал, но тут, увы, ссылок не дам.

Это должно гуглиться за минуту.

Ничего угадывать не надо, если использовать тот же viewBox, то и координаты будут те же:

<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  <polyline points="2,5.75 5.75,10.75 12,2" fill="none" stroke="#1E2321" />
</svg>

viewBox - это размер координатной сетки, и координаты должны ему, очевидно, соответствовать.

SVG в виде кода нужно именно для динамического цвета.
В большинстве слчаев используется какая-то готовая либа для этого дела, работающая универсально, потому даже если смены цвета нет - никто не будет особо заморачиваться и менять подход.

Также в стародавние времена с img были глюки при масштабировании, но это уже не актуально.

Chrome убрал исключённый из нового стандарта SVG path.pathSegList, но при этом не добавил path.getPathData() - предлагаемую этим стандартом альтернативу. Гениальный ход, надо сказать.
Так что варианты:
1. юзать полифил для pathSegList - так по крайней мере в фоксе оно будет работать нативно(до поры).
2. юзать полифил для getPathData() - так когда-нибудь везде заработает нативно(пока - нигде).
3. использовать какую-нить svg-либу общего назначения - так либа подумает за вас, а у вас в проекте будет лежать сотня-другая кило мусорного кода.
4. написать совой велосипед - так у вас будет кусочек кода подходящий именно вам, и плевать на нативность, чай не тысячами путей ворочаем.