<div>

  <!-- Nav tabs -->
  <ul class="nav nav-tabs">
    <li class="nav-item " >
        <a class="nav-link active"  href="#home" aria-controls="home" role="tab" data-toggle="tab"> Fontawesome</a></li>
    <li class="nav-item"><a class="nav-link"  href="#profile" aria-controls="profile" role="tab" data-toggle="tab"> Themify</a></li>
    <li class="nav-item"><a class="nav-link"  href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Simply Line</a></li>

  </ul>

  <!-- Tab panes -->
  <div class="tab-content pt-3">
    <div role="tabpanel" class="tab-pane active" id="home">
       <?php echo $__env->make('sximo.menu.fontawesome', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    </div>
    <div role="tabpanel" class="tab-pane" id="profile">
        <?php echo $__env->make('sximo.menu.temify', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    </div>
    <div role="tabpanel" class="tab-pane" id="messages">
        <?php echo $__env->make('sximo.menu.simple', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    </div>
  </div>

</div>
<style type="text/css">
    .icon-list-demo { font-size: 10px; }
    .icon-list-demo i{ font-size: 16px; }

</style>
<script type="text/javascript">
    $(document).ready(function(){

        $('.icon-list-demo  i , .material-icon-list-demo i').on('click',function(){
            val = $(this).attr('class');
           // alert(val);
            $('input[name=menu_icons]').val(val);
            $('#sximo-modal').modal('hide');

        })
    })
</script><?php /**PATH /home/u876998723/domains/nikochannel.com/public_html/DashboardKebun/resources/views/sximo/menu/icons.blade.php ENDPATH**/ ?>