xxxxxxxxxx
/* this icon from font awesome */
<div class="container">
/* quote icon */
<i class="fa-solid fa-quote-right"></i>
</div>
<style>
.container {
font-size: 28px;
}
</style
xxxxxxxxxx
<div style="font-size: 0.5rem;">
<i class="fas fa-camera fa-xs"></i>
<i class="fas fa-camera fa-sm"></i>
<i class="fas fa-camera fa-lg"></i>
<i class="fas fa-camera fa-2x"></i>
<i class="fas fa-camera fa-3x"></i>
<i class="fas fa-camera fa-5x"></i>
<i class="fas fa-camera fa-7x"></i>
<i class="fas fa-camera fa-10x"></i>
</div>
xxxxxxxxxx
<i class="fas fa-camera fa-xs"></i> <!--fa-xs -extra small -->
<i class="fas fa-camera fa-sm"></i> <!--fa-sm -small -->
<i class="fas fa-camera fa-lg"></i> <!--fa-lg -large -->
<i class="fas fa-camera fa-2x"></i> <!--fa-2x -2x from default -->
<i class="fas fa-camera fa-3x"></i> <!--fa-3x -2x from default -->
<i class="fas fa-camera fa-5x"></i>
<i class="fas fa-camera fa-7x"></i>
<i class="fas fa-camera fa-10x"></i>
xxxxxxxxxx
<span style="font-size: 500px; color: Tomato;">
<i class="fas fa-camera"></i>
</span>
xxxxxxxxxx
<!-- Include Font Awesome CSS file -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<!-- Use Font Awesome icon with increased size -->
<i class="fas fa-cog fa-2x"></i>
<!-- You can adjust the size by changing the `fa-2x` class to other available options such as `fa-lg`, `fa-3x`, `fa-4x`, `fa-5x`, `fa-10x`, etc. -->
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<!-- Include Font Awesome CDN -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
<style>
/* Additional CSS if needed */
</style>
</head>
<body>
<!-- Icon with regular size -->
<i class="fas fa-heart"></i>
<!-- Icon with larger size -->
<i class="fas fa-heart fa-lg"></i>
<!-- Icon with custom size (2 times larger) -->
<i class="fas fa-heart fa-2x"></i>
<!-- Icon with custom size (3 times larger) -->
<i class="fas fa-heart fa-3x"></i>
</body>
</html>
xxxxxxxxxx
<p><i class="fa-solid fa-coffee fa-2xs"></i> When my six o’clock alarm buzzes, I require a pot of good java.</p>
<p><i class="fa-solid fa-coffee fa-xs"></i> When my six o’clock alarm buzzes, I require a pot of good java.</p>
<p><i class="fa-solid fa-coffee fa-sm"></i> When my six o’clock alarm buzzes, I require a pot of good java.</p>
<p><i class="fa-solid fa-coffee"></i> When my six o’clock alarm buzzes, I require a pot of good java.</p>
<p><i class="fa-solid fa-coffee fa-lg"></i> When my six o’clock alarm buzzes, I require a pot of good java.</p>
<p><i class="fa-solid fa-coffee fa-xl"></i> When my six o’clock alarm buzzes, I require a pot of good java.</p>
<p><i class="fa-solid fa-coffee fa-2xl"></i> When my six o’clock alarm buzzes, I require a pot of good java.</p>