<div id="selected-icon">No icon selected</div>
<button class="btn btn-default dropdown-toggler" type="button" id="iconMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Select Icon <span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="iconMenu">
    <li><a href="#" onclick="setIcon('asterisk', 'Asterisk')"><span class="glyphicon glyphicon-asterisk"></span> Asterisk</a></li>
    <li><a href="#" onclick="setIcon('plus', 'Plus')"><span class="glyphicon glyphicon-plus"></span> Plus</a></li>
    <li><a href="#" onclick="setIcon('cloud', 'Cloud')"><span class="glyphicon glyphicon-cloud"></span> Cloud</a></li>
    <li><a href="#" onclick="setIcon('envelope', 'Envelope')"><span class="fa fa-fw fa-envelope"></span> Envelope</a></li>
    <li><a href="#" onclick="setIcon('pencil', 'Pencil')"><span class="fa fa-fw fa-pencil"></span> Pencil</a></li>
    <li><a href="#" onclick="setIcon('film', 'Film')"><span class="glyphicon glyphicon-film"></span> Film</a></li>
    <li><a href="#" onclick="setIcon('star', 'Star')"><span class="glyphicon glyphicon-star"></span> Star</a></li>
    <li><a href="#" onclick="setIcon('star-empty', 'Star Empty')"><span class="glyphicon glyphicon-star-empty"></span> Star Empty</a></li>
    <li><a href="#" onclick="setIcon('remove', 'Remove')"><span class="fa fa-fw fa-times"></span> Remove</a></li>
    <li><a href="#" onclick="setIcon('ok', 'Ok')"><span class="glyphicon glyphicon-ok"></span> Ok</a></li>
    <li><a href="#" onclick="setIcon('th-large', 'Th Large')"><span class="glyphicon glyphicon-th-large"></span> Th Large</a></li>
    <li><a href="#" onclick="setIcon('home', 'Home')"><span class="glyphicon glyphicon-home"></span> Home</a></li>
    <li><a href="#" onclick="setIcon('time', 'Time')"><span class="glyphicon glyphicon-time"></span> Time</a></li>
    <li><a href="#" onclick="setIcon('repeat', 'Repeat')"><span class="glyphicon glyphicon-repeat"></span> Repeat</a></li>
    <li><a href="#" onclick="setIcon('barcode', 'Barcode')"><span class="glyphicon glyphicon-barcode"></span> Barcode</a></li>
    <li><a href="#" onclick="setIcon('flag', 'Flag')"><span class="glyphicon glyphicon-flag"></span> Flag</a></li>
    <li><a href="#" onclick="setIcon('hdd', 'HDD')"><span class="glyphicon glyphicon-hdd"></span> HDD</a></li>
    <li><a href="#" onclick="setIcon('play', 'Play')"><span class="glyphicon glyphicon-play"></span> Play</a></li>
    <li><a href="#" onclick="setIcon('tags', 'Tags')"><span class="glyphicon glyphicon-tags"></span> Tags</a></li>
    <li><a href="#" onclick="setIcon('camera', 'Camera')"><span class="glyphicon glyphicon-camera"></span> Camera</a></li>
    <li><a href="#" onclick="setIcon('book', 'Book')"><span class="glyphicon glyphicon-book"></span> Book</a></li>
    <li><a href="#" onclick="setIcon('wrench', 'Wrench')"><span class="glyphicon glyphicon-wrench"></span> Wrench</a></li>
    <li><a href="#" onclick="setIcon('cd', 'CD')"><span class="glyphicon glyphicon-cd"></span> CD</a></li>
    <li><a href="#" onclick="setIcon('blackboard', 'Blackboard')"><span class="glyphicon glyphicon-blackboard"></span> Blackboard</a></li>
    <li><a href="#" onclick="setIcon('headphones', 'Headphones')"><span class="glyphicon glyphicon-headphones"></span> Headphones</a></li>
    <li><a href="#" onclick="setIcon('usd', 'USD')"><span class="glyphicon glyphicon-usd"></span> USD</a></li>
    <li><a href="#" onclick="setIcon('info-sign', 'Info Sign')"><span class="fa fa-fw fa-info-circle"></span> Info Sign</a></li>
    <li><a href="#" onclick="setIcon('scissors', 'Scissors')"><span class="glyphicon glyphicon-scissors"></span> Scissors</a></li>
    <li><a href="#" onclick="setIcon('hourglass', 'Hourglass')"><span class="glyphicon glyphicon-hourglass"></span> Hourglass</a></li>
    <li><a href="#" onclick="setIcon('pushpin', 'Pushpin')"><span class="glyphicon glyphicon-pushpin"></span> Pushpin</a></li>
    <li><a href="#" onclick="setIcon('folder-open', 'Folder Open')"><span class="glyphicon glyphicon-folder-open"></span> Folder Open</a></li>
    <li><a href="#" onclick="setIcon('flash', 'Flash')"><span class="glyphicon glyphicon-flash"></span> Flash</a></li>
    <li><a href="#" onclick="setIcon('question-sign', 'Question Sign')"><span class="glyphicon glyphicon-question-sign"></span> Question Sign</a></li>
    <li><a href="#" onclick="setIcon('comment', 'Comment')"><span class="fa fa-fw fa-comment"></span> Comment</a></li>
    <li><a href="#" onclick="setIcon('warning-sign', 'Warning Sign')"><span class="glyphicon glyphicon-warning-sign"></span> Warning Sign</a></li>
    <li><a href="#" onclick="setIcon('calendar', 'Calendar')"><span class="glyphicon glyphicon-calendar"></span> Calendar</a></li>
    <li><a href="#" onclick="setIcon('thumbs-down', 'Thumbs Down')"><span class="glyphicon glyphicon-thumbs-down"></span> Thumbs Down</a></li>
    <li><a href="#" onclick="setIcon('phone', 'Phone')"><span class="glyphicon glyphicon-phone"></span> Phone</a></li>
    <li><a href="#" onclick="setIcon('phone-alt', 'Phone Alt')"><span class="glyphicon glyphicon-phone-alt"></span> Phone Alt</a></li>
    <li><a href="#" onclick="setIcon('thumbs-up', 'Thumbs Up')"><span class="glyphicon glyphicon-thumbs-up"></span> Thumbs Up</a></li>
    <li><a href="#" onclick="setIcon('globe', 'Globe')"><span class="glyphicon glyphicon-globe"></span> Globe</a></li>
    <li><a href="#" onclick="setIcon('alert', 'Alert')"><span class="glyphicon glyphicon-alert"></span> Alert</a></li>
    <li><a href="#" onclick="setIcon('bitcoin', 'Bitcoin')"><span class="glyphicon glyphicon-bitcoin"></span> Bitcoin</a></li>
    <li><a href="#" onclick="setIcon('paperclip', 'Paperclip')"><span class="glyphicon glyphicon-paperclip"></span> Paperclip</a></li>
</ul>
<input type="hidden" id="iconValue" name="icon" value="">