Try it Yourself: Icons Custom

Icons Custom

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
</head>
<body>

<style>
  .icon-font-demo {
    font-size: 48px;
    color: seagreen;
  }
</style>

<i class="bi bi-heart-fill icon-font-demo"></i>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
</head>
<body>

<style>
  .icon-font-demo {
    font-size: 48px;
    color: seagreen;
  }
</style>

<i class="bi bi-heart-fill icon-font-demo"></i>

</body>
</html>