Get started with feather-icons CDN

MIT licensed

Feather Icons is a lightweight, open-source vector icon library for the web.

Tags:
  • popular
  • icons
  • feather
  • svg

Stable version

Copied!

How to start using feather-icons CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with feather-icons CDN - cdnhub.io</title>
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
  <style>
    .feather {
      width: 24px;
      height: 24px;
      fill: currentColor;
    }
  </style>
</head>
<body>
  <button id="toggle-dark">
    <feather-icon class="feather feather-moon" width="24" height="24" aria-hidden="true"></feather-icon>
    Dark mode
  </button>
  <script>
    document.getElementById('toggle-dark').addEventListener('click', function() {
      document.body.classList.toggle('dark');
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions