Как добавить SVG в HTML?

Варианты

1. Inline SVG — полный контроль CSS/JS:

<svg viewBox="0 0 24 24" aria-hidden="true">...</svg>

1. <img src="icon.svg" alt="" /> — просто, как картинка.
2. CSS background-image.

Inline удобен для иконок и темизации currentColor. Декоративным — aria-hidden="true" или пустой alt у img.

Итог: inline SVG для управляемых иконок; img — когда достаточно файла.