Font Awesome Icon Picker plugin for Bootstrap

Font Awesome Icon Picker is a fully customizable plugin for Twitter Bootstrap, with a powerful base API, based on Bootstrap Popover Picker

You can use Font Awesome or another font icon set of your choice (icon options and items are customizable).

Demos

Default

As a component

With the input as a search box

Inside dropdowns

Note: In dropdowns the placement is controlled by the Bootstrap dropdown plugin

Inline mode, without input:

With custom options, e.g. a subset of icons

{
    //...
    title: 'With custom options',
    icons: [
        {
            title: "fab fa-github",
            searchTerms: ['repository', 'code']
        },
        {
            title: "fas fa-heart",
            searchTerms: ['love']
        },
        {
            title: "fab fa-html5",
            searchTerms: ['web']
        },
        {
            title: "fab fa-css3",
            searchTerms: ['style']
        }
    ],
    selectedCustomClass: 'label label-success',
    mustAccept:true,
    placement:'bottomRight',
    showFooter:true,
    //... (see the source code of this page)
}

Tip: You can use any font library of your choice and add the icons this way, mix them up with Font Awesome icons, etc.