Get started with fontawesome-iconpicker CDN

MIT licensed

Fontawesome-iconpicker is a library that enables easy selection and integration of Font Awesome icons into web projects.

Tags:
  • bootstrap
  • fontawesome
  • iconpicker
  • popover
  • picker

Stable version

Copied!

How to start using fontawesome-iconpicker CDN


<!DOCTYPE html>
<html>
<head>
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css"
   
   
  />
  <script src="https://cdn.cdnhub.io/fontawesome-iconpicker/3.2.0/js/fontawesome-iconpicker.min.js"></script>
  <style>
    #icon-picker {
      width: 300px;
      height: 400px;
      border: 1px solid #ccc;
      padding: 10px;
    }
  </style>
</head>
<body>
  <button id="show-picker">Show Icon Picker</button>
  <div id="icon-picker"></div>

  <script>
    document.getElementById("show-picker").addEventListener("click", () => {
      const iconPicker = new FontAwesomeIconPicker("#icon-picker", {
        iconLibrary: "solid",
        selectionLimit: 1,
      });
      iconPicker.show();
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions