Как задать img источник из svg inline?

Для того чтобы задать источник из svg inline для тега img в HTML, необходимо использовать следующий подход:

1. Непосредственно вставить SVG код в HTML файл, окружив его тегом <img>:

<img src="data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm0 22c-5.524 0-10-4.476-10-10S6.476 2 12 2s10 4.476 10 10-4.476 10-10 10z'/></svg>" alt="SVG inline">

2. Другой вариант - использование тега <object>:

<object type="image/svg+xml" data="data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm0 22c-5.524 0-10-4.476-10-10S6.476 2 12 2s10 4.476 10 10-4.476 10-10 10z'/></svg>">
  Your browser does not support SVG
</object>

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