Solucionado
Vi que muita gente teve esse problema, porém, nenhuma das soluções dadas resolveu para mim. Inclusive, foi o mesmo código que usei nos exercícios anteriores.
O meu type está errado?
<head>
<title>Portfolio - Joao da Silva</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../img/favicon.png">hoje, com a Alura e o Google Gemini
Cara tem um erro no rel, quando se trata de folha de estilo se usa o atributo rel=”stylesheet”, no seu caso, para adicionar o favicon temos o atrubuto rel da seguinte forma rel=” shortcut icon”.
E sim o seu type está errado, o certo seria type="image/png".
Lembrando que o type esta falando qual é o formato da imagem, então você deve adicionar o tipo de acordo com o formato do seu ícone/imagem.
Segue alguns exemplos para ficar claro como você pode adicionar o favicon na sua pgina:
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="http://example.com/favicon.png"/>