Jak změnit styly obrazu .svg [duplicitní]

To závisí. Pokud jste byli uvedení v SVG přes <svg> tag pak můžete styl to tak. Tak jako:

svg {
  style: styles;
}

NEBO když nejste pomocí <svg> tag a img spíše stačí použít třídu do svého obrazu, aby se styl. To by vypadat nějak takto:

<img class="classname" src="src/icons/speedometer-outline.svg" alt="" />

.classname {
    style: styles;
}

Pokud nechcete použít CSS, můžete použít vložené styly v HTML, tak jako:

<img style="style: styles;" src="src/icons/speedometer-outline.svg" alt="" />

Záleží, co myslíš tím 'měnící se styly tohoto obrazu'.

Budete mít větší kontrolu nad styling vnitřní prvky SVG-li umístit jej přímo do html (pomocí tagu místo tag).

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="red" stroke-width="2" fill="black" />
</svg>

Pak můžete přidat třídy/id, aby určité prvky uvnitř SVG. více info zde, zde a zde.

Můžete také použít tag:

<object type="image/svg+xml" data="image.svg"></object>