<!DOCTYPE html>
<html>

<head>

  <!--CLARITY ICONS STYLE-->
  <link rel="stylesheet" href="https://unpkg.com/clarity-icons/clarity-icons.min.css">

  <!--CLARITY ICONS DEPENDENCY: CUSTOM ELEMENTS POLYFILL-->
  <script src="https://unpkg.com/@webcomponents/custom-elements/custom-elements.min.js"></script>

  <!--CLARITY ICONS API & ALL ICON SETS-->
  <script src="https://unpkg.com/clarity-icons/clarity-icons.min.js"></script>
  
  <script src="app.js"></script>
</head>

<body>
  <h1>
    Clarity Icons API 
  </h1>
  <p>
    Check <b>app.js</b> file to see how the API is used.
  </p>
</body>

</html>
console.log("Retrieving the 'check' icon template: ", ClarityIcons.get("check"));
console.log("Retrieving all available icons: ", ClarityIcons.get());