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!