No logro poner la lupa. No se que estoy haciendo mal.

Hola, yo tengo el mismo problema, como lo resolviste?

Hola arimaru6. A mi me sucedió lo mismo que a ti y al comparar el código que tenia con el del profesor me di cuenta que tenia un error. Revisa toda la parte del main del CSS, seguramente ahí encontraras el problema.

Hola @arimaru6

Que mala onda, tal vez el error se encuentre en otro lado por que no logro captar el error aparente en lo que has compartido, intente con la misma url de tus imágenes y se muestra sin problemas.

Te comparto la vista en mi explorador:

Lo que intentaría es usar el inspector de elementos y ver que si se esta cargando el icono de forma correcta. También podrías ir al repositorio de git del curso y comparar tu index.html y main.css con el que subió el profesor.

Para esa clase seria la liga siguiente: https://github.com/degranda/Proyecto-Google-Clone/tree/master/Clase%2013%20(css%20botones)

Hola @luis03r gracias por ayudarme.

Así tengo el index.html:

main.css

pensé que era la imagen y he probado varias y nada.

La sentencia de CSS del .search-icon se ve correcta. El error podría estar en el index.html.

Prueba copiando y pegando las partes correspondientes: index.html:

        <section class="main-input">
            <div class="main-input-container">
                <span class="search-icon"></span>
                <input type="text">
                <a class="micro-icon" href=""></a>
            </div>
        </section>

main.css

main .main-input .search-icon {
    background-image: url("https://img.icons8.com/android/24/000000/search.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 18px;
    height: 18px;
}