Ícone | Front-end | Alura - Cursos online de tecnologia

Estou no curso de HTML e CSS: responsividade com mobile-first. o ícone menu não está aparecendo, já voltei a aula várias vezes, pra vê se tinha algum erro, e não encontrei nada de diferente da aula.

O que pode ser? Fiz a importação. @import url("style/header.css");

Coloquei a imagem na url conforme a aula. .cabecalho__menu_hamburguer { width: 24px; height: 24px; background-image: url("../img/Menu.svg"); background: no-repeat; background-position: center; display: inline-block;

O head está com o link correto, para pegar as informações do CSS.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css"> 

<title>Alura-Books</title>

Olá, Jose! Parece que você está fazendo um ótimo trabalho no curso de HTML e CSS. Vamos tentar resolver seu problema com o ícone do menu.

A propriedade 'background' é uma propriedade de atalho que pode definir várias propriedades de fundo ao mesmo tempo, então peço para que tente algo a fim de validar um teste pessoal, passando um valor substituindo, background' por 'background-repeat, então, em vez disso, tente o seguinte código:

.cabecalho__menu_hamburguer {
    width: 24px;
    height: 24px;
    background-image: url("../img/Menu.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

Além disso, certifique-se de que o caminho para a imagem 'Menu.svg' está correto. O caminho que você forneceu é relativo ao arquivo CSS, não ao arquivo HTML. Se o arquivo CSS estiver em uma pasta diferente da imagem, o caminho não funcionará.

Tente colocar uma imagem aleatória de algo na internet para ver se o link está correto, por exemplo:

background-image: url("https://icons.veryicon.com/png/System/Small%20%26%20Flat/cat.png");

Faça esses teste e em caso de persistência do erro, peço que você compartilhe o link do seu projeto no GitHub ou uma pasta com todos os arquivos que você utilizou no através do Google Drive. Dessa forma, conseguirei realizar os testes necessários e te ajudar de forma mais assertiva.

Lembre-se que, se enviar os arquivos por meio do Google Drive, é necessário conceder permissão para que eu possa ter acesso.

Em caso de erros fico no aguardo e à disposição

Chegou a hora de transformar