Easy Icon Picker For Bootstrap Glyphicons - iconPicker.js

File Size: 11.4 KB
Views Total: 2549
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Easy Icon Picker For Bootstrap Glyphicons - iconPicker.js

A jQuery based icon picker plugin for Bootstrap that enables the user to pick and select Bootstrap Glyphicons from a filterable/searchable icon picker popup. The plugin will fill the input field with the corresponding icon classes after selection.

More Icon Picker:

How to use it:

1. Include the necessar jQuery library and Bootstrap 3 stylesheet on the page.

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js" 

2. Download the plugin and insert the following CSS & JS files into the page.

<link href="css/icon-picker.min.css" rel="stylesheet">
<script src="js/iconPicker.min.js"></script>

3. Create a standard input box for the icon picker.

<input type="text" name="someName" class="icon-picker" />

4. Call the function on the input box to initialize the icon picker.

$(function () {

This awesome jQuery plugin is developed by tito433. For more Advanced Usages, please check the demo page or visit the official website.