error no muestra favicon

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Lecturas</title>
    <link rel="icon" href="favicon.ico" />


    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="bower_components/alertifyjs/dist/css/alertify.css">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 well text-center apa" id="prim">
<h1 class="">¡Bienvenid@ a lecturas!</h1>
</div>

<div class="col-sm-7 col-sm-offset-3 text-center apa1" id="segun">
<p>
Hola, bienvenid@ a lecturas esta pagina esta hecha para que vayas anotando cada lectura que hagas,lo mejor de tenerlo aqui en lecturas, es que tu informacion esta 100% segura.
Si tienes una lectura que no ha sido guardada, sera de mucha utilidad que la anotes en el registro de lecturas, dandole al botón de "Agregar Nuevo", si te faltó colocar algo más ¡No importa!, solo tienes que dale al botón de la derecha par editar esa lectura y listo, y si no te gusta como quedo simplemente le das a la equis roja al lado del botón de editar y ya.
Como vez es muy facil anotar tus lecturas.</p>
<small>Dale al boton de Continuar para ingresar el registro de lecturas</small><br>
<a class="btn btn-info btn-lg" href="inicio.php">Continuar</a>
</div>

</div>
</div>


<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="scripts.js"></script>
</body>
</html>