estoy intentando insertar una imagen vectorizada en formato SVG, pero solo la logro ver en mozilla firefox, para IE y chrome no aparece. He buscado un poco de documentación sobre svg en navegadors, en muchos veo ejemplos dónde se dibujan formas colocando coordenadas, colores y el navegador renderiza en imagen svg, pero en mi casa tengo en archivo ese imagen svg.
Código :
<div class= "spacioLogos">
<p:graphicImage value="./images/logo_mexico.svg" width="120" height="55" styleClass="logoizquierda"/>
<p:graphicImage value="./images/logo_mexico.svg" width="120" height="55" styleClass="img"/>
</div>
Lo mismo se ve si coloco el html img:
<img src="./images/logo_mexico.svg" width="120" height="55" class="responsive" />
Muestra de como se renderiza en navegadores:
mozila firefox: