Skylark Icon Picker

Default

As a component

With the input as a search box

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.