xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<!-- Include the FontAwesome library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
/* Use FontAwesome icons by adding the "fa" and the corresponding icon class */
.my-icon {
font-size: 24px;
color: red;
}
</style>
</head>
<body>
<!-- Use an icon by adding the "fa" class and the desired icon class -->
<i class="fa fa-star my-icon"></i>
<!-- You can use any FontAwesome icon by changing the icon class -->
<i class="fa fa-heart my-icon"></i>
</body>
</html>
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
/>
</head>
<body>
<i class="fas fa-bell"></i> <!-- Example of a Font Awesome 5 icon -->
<i class="fab fa-facebook"></i> <!-- Another example of a Font Awesome 5 icon -->
</body>
</html>
xxxxxxxxxx
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<!-- Include Font Awesome CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- Use Font Awesome icons -->
<i class="fa fa-camera"></i>
<i class="fa fa-home"></i>
<i class="fa fa-envelope"></i>
</body>
</html>
xxxxxxxxxx
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">