Try it Yourself: Icons Introduction

Icons Introduction

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<style>
  @font-face {
    font-family: "DemoIcons";
    src: url("demo-icons.woff2") format("woff2");
  }
  .icon {
    font-family: "DemoIcons";
    font-style: normal;
  }
  .icon-star::before {
    content: "\e901";
  }
</style>

<i class="icon icon-star"></i>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<style>
  @font-face {
    font-family: "DemoIcons";
    src: url("demo-icons.woff2") format("woff2");
  }
  .icon {
    font-family: "DemoIcons";
    font-style: normal;
  }
  .icon-star::before {
    content: "\e901";
  }
</style>

<i class="icon icon-star"></i>

</body>
</html>