Use the Font Awesome Icons (Font Awesome Free v5.11.2) in your HTML forms. (1544 icons)
1.5.0 *
https://furcan.github.io/IconPicker/
npm i @furcan/iconpicker
yarn add @furcan/iconpicker
<link rel="stylesheet" href="dist/fontawesome-5.11.2/css/all.min.css" />
<link rel="stylesheet" href="dist/iconpicker-1.5.0.css" /><script src="dist/iconpicker-1.5.0.js"></script><button type="button" id="GetIconPicker" data-iconpicker-input="input#IconInput" data-iconpicker-preview="i#IconPreview">Select Icon</button>// Default options
IconPicker.Init({
// Required: You have to set the path of IconPicker JSON file to "jsonUrl" option. e.g. '/content/plugins/IconPicker/dist/iconpicker-1.5.0.json'
jsonUrl: null,
// Optional: Change the buttons or search placeholder text according to the language.
searchPlaceholder: 'Search Icon',
showAllButton: 'Show All',
cancelButton: 'Cancel',
noResultsFound: 'No results found.', // v1.5.0 and the next versions
borderRadius: '20px', // v1.5.0 and the next versions
});// Select your Button element (ID or Class)
IconPicker.Run('#GetIconPicker');// @param1 => Select your Button element (ID or Class)
// @param2 => A Callback Function can be used after than an icon selected on the list.
IconPicker.Run('#GetIconPicker', function(){
// codes...
console.log('Icon Picker');
});Copyright © 2019 Icon Picker
MIT license - https://opensource.org/licenses/MIT