Insertar imagen.svg con CSS

[ceaped]

Buenos días
Trato de insertar una imagen que tengo con formato .svg pero no se visualiza.

Código HTML:

<a id="icono_1" class="dock-item" href="images/imagen_01.jpg" title="título...">
<span>enlace</span>
</a>
 

Código CSS:

#icono_1 {
    background-image: url(../images/dock/icono_1.svg);
    background-repeat: no-repeat;
    }
 

Pero no se visualiza.
¿Cómo hago para que se visualice?

Gracias por su ayuda

[No_haynombre]

Hola.

has probado la compatibilidad que tiene la imagen con el navegador que estas probando?

Has verificado bien que la ruta sea la correcta para visualizar la imagen?

Trata de ponerle una altura y un ancho... Prueba algo como esto

Código HTML:

<div style="width:90%;height:30em;">
<img src="Image.svg" class="" alt="" title="" />
</div>
 

[jorcom]

Hola,

tal como dice No_haynombre, tienes que darle un tamaño, te dejo un ejemplo para que lo veas.

https://jsfiddle.net/zLf9mgyg/

Espero que te sirva de ayuda

Un saludo