Information circle /HTML


Here is my code, the information circle doesn’t work.

Thank you in advance.

CTYPE html>
	<body >
			<link rel="stylesheet" type="text/css" href="reservia.css">
			<link rel="preconnect" href="">
			<link href="" 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">
			<meta charset="utf-8">
				<img src="resphoto.png">
			<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>
		<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">
		<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>
					<button class="eco-button">Économique</button>
				<nav class="familial" >
					<div class="children">
						<i class="fas fa-child"></i>
					<button class="fam-button">Familial</button>
				<nav class="romantique"> 
					<div class="heart">
						<i class="fas fa-heart"></i>
					<button class="rom-button">Romantique</button>
				<nav class="animaux-autorises">
					<div class="dog">
						<i class="fas fa-dog"></i>
					<button class="anim-button">Animaux autorisés</button>
		<i class="fal fa-info-circle"></i>
		<p>Plus de 500 logements sont disponibles dans cette ville</p>
			<h1 class="grands-titres">Hébergements à Marseille</h1>

Hi, @Loussine.
could you translate it to English?
and what is life-cycle in your code?
explain more about your code.

1 Like

Hi @Jack628

I need to use this icon, but it doesn’t work.


so, you want to create your own web page?
if so, you should import css, font files to your project.
where you find this icon?
I mean this ‘fal fa-info-circle’ icon?
let me check it for you.

1 Like

Typo here. Where arethe other letters?

you can use cdn …i advice use versioin 4 it is free

Even font awesome 5 is also free.

look it is pro

1 Like

Hey @Loussine!
Do you have pro version?

1 Like

I don’t have pro version , so if i understood well it doesn’t work because I don’t have pro version?

Try to use this code

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

<i class="fas fa-info-circle"></i> //Free version

<i class="fal fa-info-circle"></i>  //Pro version
1 Like


I’m creating a web page; This icon doesn’t work on html…

The other icons work as you see, but not the "information circle ".
So I’m here to understand if I have done mistakes in my code…

Thank you , this one works.

1 Like

how about use fab or fa or fas rather than fa.
if you want to use fal, you should pay 99USD per year.
your code:

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

my suggestion:

<i class="fa fa-info-circle"></i>
<i class="fas fa-info-circle"></i>
<i class="fab fa-info-circle"></i>

sorry, I am late.

1 Like

As you see here

And As @Jack628 said you have pay 99USD to use pro icons

1 Like

@Jack628 Next time I’ll try to be clearer. Thank you.

1 Like

you’re welcome.
So sorry too late.
try these icons later. I hope it helps you.
thank you for your reply.