Estaba utilizando una imagen con formato SVG para el logo de una página web. Al principio todo iba correctamente y la imagen se mostraba, pero luego esta desapareció. ¿Cómo puedo solucionar esto?
<body>
<header>
<nav id="nav-mobile">
<span class="material-symbols-outlined">menu</span>
<div class="container-logo">
<a href="index.html">
<img src="resources/logo.svg" alt="logo">
</a>
</div>
Leí por ahí que era un problema de display o del escalado de la imagen, a lo que intenté usar css para poner todas las cajas del mismo tamaño; pero aún así la imagen seguía en el mismo estado.
* {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
}
.material-symbols-outlined {
color: black;
}
.container-logo {
display: flex;
width: 20%;
}
.container-logo a {
display: flex;
width: auto;
height: auto;
}
.container-logo a img {
width: auto;
height: auto;
}
¿Alguna idea de lo que pueda hacer?