Veja que quando eu coloco o icone, ele sobe para área de cabeçalho e não faz nenhum sentido, sendo que eu coloquei organizado no html em baixo do contato!
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="programador.png">
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="style.css">
<title>Geovane-dev-front-end</title>
</head>
<body>
<header>
<div class="cabeçalho">
<h1 id="about">About</h1>
<nav>
<ul>
<div class="listas">
<li class="primeiro"><a href="#about">About</a></li>
<li class="segundo"><a href="#projetos">Projetos</a></li>
<li class="terceiro"><a href="#contato">Contato</a></li>
</div>
</ul>
</nav>
</div>
</header>
<main>
<div class="sobre-mim">
<img src="foto.png" class="foto">
<p class="quem-sou">Meu nome é Geovane tenho 25 anos, estudo linguagem de programação <br> na escola online alura e gosto de tecnologia em geral. <br> Tenho conhecimento em html e css e estou estudando java script e web responsivo. <br> Procuro estágio na área
e será muito bom fazer parte da sua equipe. <br> Se quizer saber um pouco mais sobre meu trabalho <br> ou bater um bom papo entre em contato logo abaixo!</p>
</div>
<h2 id="projetos">Projetos</h2>
<p class="p-projetos">Por enquanto só tenho o meu proprio portifólio!</p>
<h3>Contato</h3>
<nav>
<a><img src="linkedin.png.png" alt="" class="icone-linkedin"></a>
</nav>
</main>
<footer>
</footer>
</body>
</html>
