Mi investigación encontró varias formas de insertar imágenes SVG dentro de una página html. Utilizando<img> es el más simple pero la falta de habilidad para colorear los iconos, que es mi necesidad principal. Entonces, he leído sobre el uso<object> pero esto todavía no me deja diseñarlo usando el comando css fill. Poniendo la mayor parte de<svg> los datos tampoco son aceptables ya que quiero usar las imágenes como imágenes de referencia.

También he leído sobre la solución jQuery pero uso angularJS.

Entonces, he leído mucho sobre la capacidad de los íconos SVG, y cuán mejores son en lugar de la antigua PNG-Sprite o la exageración IconFonts. pero desafortunadamente, no puedo encontrar ninguna buena referencia para usarlo. ¿Me puede ayudar alguien?

Ya probé esto, esto no funciona:

html:

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

css:

#myImage {
    fill: #fff;
}