CSS Icons
➢Icons can easily be added to your HTML page, by using an icon library.
➢The simplest way to add an icon to your HTML page, is with an icon library, such as Font Awesome.
➢Add the name of the specified icon class to any inline HTML element (like <i> or <span>).
➢All the icons in the icon libraries below, are scalable vectors that can be customized with CSS (size, color, shadow, etc.)
➢The simplest way to add an icon to your HTML page, is with an icon library, such as Font Awesome.
➢Add the name of the specified icon class to any inline HTML element (like <i> or <span>).
➢All the icons in the icon libraries below, are scalable vectors that can be customized with CSS (size, color, shadow, etc.)
EXAMPLE:
<!DOCTYPE html>
<html>
<head>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>
<i class="fa fa-cloud"</i>
<i class="fa fa-heart"</i>
<i class="fa fa-car"</i>
<i class="fa fa-file"</i>
<i class="fa fa-bars"</i>
</body>
</html>
<html>
<head>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>
<i class="fa fa-cloud"</i>
<i class="fa fa-heart"</i>
<i class="fa fa-car"</i>
<i class="fa fa-file"</i>
<i class="fa fa-bars"</i>
</body>
</html>
RESULT:
Run
FEEDBACK
