Font Awesome Browser is a simple jQuery plugin that allows you to integrate a responsive icon browser linked to an input element.
A jQuery icon picker plugin that allows the user to choose an icon from a popup for the responsive Font Awesome icon browser and displays the corresponding icon categories in your input field.
font awesome icon picker, font awesome script tag, font awesome script icon, font awesome icons, font awesome icons script link, font awesome js
How to make use of it:
1. Load the wanted jQuery library and Font Awesome iconic font within the doc.
<script src="/path/to/cdn/jquery.slim.min.js"></script> <link rel="stylesheet" href="/path/to/cdn/fontawesome/all.min.css" />
2. Download & unzip the package after which insert the next information into the doc.
<link rel="stylesheet" href="fontawesome-browser.css" /> <script src="fontawesome-browser.js"></script>
3. Create an input area with the data-fa-browser
attribute.
<input type="text" placeholder="Select icon" data-fa-browser />
4. Attach the Font Awesome icon browser/picker to the input file.
$(function($) { $.fabrowser(); });
Font Awesome Icon Browser & Picker, Font Awesome Browser Plugin/Github
See Demo And Download
Official Website(GianlucaChiarani): Click Here
This superior jQuery/javascript plugin is developed by GianlucaChiarani. For extra Advanced Usages, please go to the official website.