Use the Font Awesome Icons (Font Awesome Free v5.11.2) in your HTML forms. (1544 icons)
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