Boa noite @Bruna, posso te ajudar com o seu código, você tem um print do seu objetivo de tela?

fiz um fork no seu projeto pra ver mais ou menos como está.

dentro da sua tag header onde tem uma imagem e 3 links "a" para as imagens aparecer é necessário dentro da tag "a" adicionar uma "img" e aí sim colocar o src:

<header class="menu">
    <span class="hamburguer__menu"></span>
    <img src="./img/Logo.svg" alt="logo alura books">
    <a href="" alt="favoritos"><img src="./img/Favoritos.svg" alt="img-favoritos"></a>
    <a href="" alt="sacola de compras"><img src="./img/Compras.svg" alt="compras"></a>
    <a href="" alt="login"><img src="./img/Usuário.svg" alt=""></a>
</header>

na questão do header está dessa cor pq vc colocou a propriedade no css background: var(--principal-color);

me adiciona no linkedin que eu te ajudo no projeto linkedin

Muito obrigada ;)