JSFiddle - React, Tailwind, and code Playground

by Victor Valencia

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://victor-valencia.github.io/bootstrap-iconpicker/bootstrap-iconpicker/css/bootstrap-iconpicker.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://victor-valencia.github.io/bootstrap-iconpicker/bootstrap-iconpicker/js/iconset/iconset-all.min.js"></script>
<script src="http://victor-valencia.github.io/bootstrap-iconpicker/bootstrap-iconpicker/js/bootstrap-iconpicker.min.js"></script>
<div class="row text-center">    
    <div class="col-md-12">
        <h3>Button tag</h3>
        <button id="mypicker"></button>
    </div>
</div>

CSS

body {
    padding: 12px;
}

JavaScript

$('#mypicker').iconpicker({
    iconset: {
        iconClass: 'fa',
        iconClassFix: 'fa-',
        icons: ["", "youtube", "linkedin", "pinterest"],
    },
});