Icon problème / HTML

Hello ,

here is my code, the icon info-circle doesn’t display…
I already had this problem , suddenly it worked, so I couldn’t understand what was wrong.
Now I have the same problem …

Thank you in advance.

<i class="fal fa-info-circle"></i>

Hi @Loussine!

It would help more if we could see the full code.

1 Like

Thank you @jwilkins.oboe.

Here is the code:

<!DOCTYPE html>
<html>	
	<body >
		<head>	
			<link rel="stylesheet" type="text/css" href="reservia.css">
			<link rel="preconnect" href="https://fonts.gstatic.com">
			<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap" rel="stylesheet">
			<link rel="stylesheet" type="text/css" href="file:///Users/loussinesaratelian/Dropbox/Mon%20Mac%20(MBP-de-Loussine)/Desktop/RESERVIA/fontawesome-free-5.15.1-web/css/all.css">
			<title>Réservia</title>
			<meta charset="utf-8">
		</head>
		<header>
			<p>
				<img src="resphoto.png">
			</p>
			<nav class="menu">
				<a class="menu-hébergement" href="">Hébergement</a>
				<a class="menu-activités" href="">Activités</a>
				<a class="menu-inscription" href="">S'inscrire</a>
			</nav>
		</header>
		<h1 class="grands-titres">Trouvez votre hébergement pour des vacances de rêve</h1>
		<p>En plein centre ville ou en pleine nature</p>
		<nav class="input-group">
			<span class="map-marker">
				<i class="fas fa-map-marker-alt"></i>
			</span> <!--span est un conteneur générique en ligne (inline)-->
			<input type="text" value="Marseille,France">
			<button>Rechercher</button>
		</nav>
		<form method="post" action="traitement.php" class="flex-groupe">
			<h1 class="filtres">Filtres</h1>
			<div class="group-filtres">
				<nav class="economique">
					<div class="money">
 						<i class="fas fa-money-bill-wave"></i>
 					</div>
					<button class="eco-button">Économique</button>
				</nav>
				<nav class="familial" >
					<div class="children">
						<i class="fas fa-child"></i>
					</div>
					<button class="fam-button">Familial</button>
				</nav>
				<nav class="romantique"> 
					<div class="heart">
						<i class="fas fa-heart"></i>
					</div>
					<button class="rom-button">Romantique</button>
				</nav>
				<nav class="animaux-autorises">
					<div class="dog">
						<i class="fas fa-dog"></i>
					</div>
					<button class="anim-button">Animaux autorisés</button>
				</nav>
			</div>
		</form>
		<i class="fal fa-info-circle"></i>
		<p>Plus de 500 logements sont disponibles dans cette ville</p>
		<main>
			<h1 class="grands-titres">Hébergements à Marseille</h1>
		</main>
	</body>
</html>

The icon normally should be here , see the flash on the photo.

Maybe it is a problem with the font awesome link.

Have you tried to use the cdn instead. I always use that and haven’t had problems with it.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />

1 Like

@jwilkins.oboeThank you I’ll try to use.