Get started with clarity-icons CDN

MIT licensed

Clarity Icons is a library providing a set of scalable, customizable, and open-source SVG icons for modern interfaces.

Tags:
  • ux
  • ui
  • css
  • typescript
  • component-library
  • design-system
  • clarity

Stable version

Copied!

How to start using clarity-icons CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with clarity-icons CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/assets/styles/clarity-icons.css" />
  <script src="https://cdn.cdnhub.io/clarity-icons/0.10.28/clarity-icons.min.js"></script>
</head>
<body>
  <button id="copy-btn">
    <clarity-icon icon="copy"></clarity-icon>
  </button>
  <script>
    document.getElementById('copy-btn').addEventListener('click', () => {
      // Your copy functionality here
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions