@import url("styles/header.css");
:root{ --cor-de-fundo: #ebecee; }
body{ background-color: var(--cor-de-fundo); }
.cabeçalho__menu-hamburguer{ width: 24px;
height: 24px;
background-image: url("../logo/Menu.svg");
display: inline-block;}
Solucionado
@import url("styles/header.css");
:root{ --cor-de-fundo: #ebecee; }
body{ background-color: var(--cor-de-fundo); }
.cabeçalho__menu-hamburguer{ width: 24px;
height: 24px;
background-image: url("../logo/Menu.svg");
display: inline-block;}
e outra coloco o backgroud-image: url("../logo/Menu.svg")
a imagem não aparece as 3 linhas aparece só 2 linhas
Bom dia Pedro,
isso é por causa do position e do tamanho da imagem, coloca width: 42px;
height: 42px; background-position: center; olha se ajuda