@extends('layouts/contentLayoutMaster')

@section('title', 'Feather Icons')

@section('content')
{{-- Feather icon-s section start --}}
<section id="feather-icons">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-content">
                    <div class="card-body">
                        <div class="feather-icons overflow-hidden row">
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-activity"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-activity</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-airplay"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-airplay</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-alert-circle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-alert-circle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-alert-octagon"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-alert-octagon</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-alert-triangle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-alert-triangle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-align-center"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-align-center</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-align-justify"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-align-justify</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-align-left"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-align-left</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-align-right"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-align-right</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-anchor"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-anchor</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-aperture"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-aperture</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-arrow-down-left"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-arrow-down-left</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-arrow-down-right"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-arrow-down-right</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-arrow-down"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-arrow-down</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-arrow-left"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-arrow-left</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-arrow-right"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-arrow-right</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-arrow-up-left"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-arrow-up-left</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-arrow-up-right"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-arrow-up-right</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-arrow-up"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-arrow-up</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-at-sign"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-at-sign</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-award"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-award</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-bar-chart-2"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-bar-chart-2</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-bar-chart"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-bar-chart</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-battery-charging"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-battery-charging</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-battery"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-battery</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-bell-off"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-bell-off</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-bell"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-bell</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-bluetooth"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-bluetooth</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-bold"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-bold</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-book"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-book</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-bookmark"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-bookmark</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-box"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-box</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-briefcase"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-briefcase</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-calendar"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-calendar</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-camera-off"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-camera-off</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-camera"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-camera</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-cast"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-cast</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-check-circle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-check-circle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-check-square"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-check-square</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-check"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-check</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-chevron-down"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-chevron-down</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-chevron-left"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-chevron-left</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-chevron-right"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-chevron-right</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-chevron-up"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-chevron-up</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-chevrons-down"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-chevrons-down</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-chevrons-left"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-chevrons-left</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-chevrons-right"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-chevrons-right</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-chevrons-up"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-chevrons-up</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-chrome"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-chrome</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-circle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-circle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-clipboard"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-clipboard</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-clock"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-clock</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-cloud-drizzle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-cloud-drizzle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-cloud-lightning"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-cloud-lightning</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-cloud-off"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-cloud-off</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-cloud-rain"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-cloud-rain</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-cloud-snow"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-cloud-snow</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-cloud"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-cloud</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-codepen"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-codepen</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-command"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-command</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-compass"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-compass</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-copy"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-copy</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-corner-down-left"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-corner-down-left</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-corner-down-right"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-corner-down-right</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-corner-left-down"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-corner-left-down</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-corner-left-up"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-corner-left-up</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-corner-right-down"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-corner-right-down</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-corner-right-up"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-corner-right-up</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-corner-up-left"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-corner-up-left</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-corner-up-right"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-corner-up-right</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-cpu"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-cpu</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-credit-card"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-credit-card</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-crop"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-crop</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-crosshair"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-crosshair</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-delete"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-delete</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-disc"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-disc</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-download-cloud"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-download-cloud</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-download"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-download</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-droplet"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-droplet</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-edit-2"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-edit-2</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-edit-1"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-edit-1</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-edit"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-edit</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-external-link"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-external-link</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-eye-off"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-eye-off</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-eye"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-eye</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-facebook"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-facebook</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-fast-forward"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-fast-forward</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-feather"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-feather</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-file-minus"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-file-minus</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-file-plus"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-file-plus</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-file-text"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-file-text</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-file"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-file</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-film"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-film</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-filter"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-filter</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-flag"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-flag</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-folder"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-folder</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-github"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-github</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-gitlab"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-gitlab</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-globe"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-globe</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-grid"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-grid</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-hash"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-hash</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-headphones"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-headphones</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-heart"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-heart</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-help-circle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-help-circle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-image"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-image</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-inbox"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-inbox</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-info"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-info</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-instagram"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-instagram</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-italic"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-italic</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-layers"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-layers</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-layout"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-layout</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-life-buoy"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-life-buoy</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-link-2"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-link-2</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-link"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-link</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-list"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-list</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-loader"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-loader</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-lock"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-lock</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-log-in"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-log-in</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-log-out"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-log-out</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-mail"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-mail</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-map-pin"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-map-pin</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-map"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-map</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-maximize-2"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-maximize-2</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-maximize"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-maximize</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-menu"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-menu</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-message-circle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-message-circle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-message-square"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-message-square</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-mic-off"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-mic-off</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-mic"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-mic</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-minimize-2"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-minimize-2</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-minimize"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-minimize</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-minus-circle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-minus-circle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-minus-square"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-minus-square</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-minus"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-minus</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-monitor"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-monitor</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-moon"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-moon</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-more-horizontal"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-more-horizontal</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-more-vertical"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-more-vertical</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-move"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-move</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-music"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-music</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-navigation-2"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-navigation-2</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-navigation"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-navigation</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-octagon"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-octagon</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-package"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-package</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-paperclip"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-paperclip</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-pause-circle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-pause-circle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-pause"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-pause</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-percent"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-percent</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-phone-call"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-phone-call</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-phone-forwarded"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-phone-forwarded</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-phone-incoming"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-phone-incoming</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-phone-missed"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-phone-missed</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-phone-off"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-phone-off</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-phone-outgoing"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-phone-outgoing</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-phone"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-phone</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-pie-chart"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-pie-chart</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-play-circle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-play-circle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-play"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-play</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-plus-circle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-plus-circle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-plus-square"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-plus-square</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-plus"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-plus</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-pocket"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-pocket</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-power"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-power</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-printer"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-printer</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-radio"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-radio</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-refresh-ccw"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-refresh-ccw</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-refresh-cw"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-refresh-cw</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-repeat"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-repeat</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-rewind"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-rewind</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-rotate-ccw"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-rotate-ccw</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-rotate-cw"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-rotate-cw</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-save"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-save</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-scissors"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-scissors</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-search"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-search</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-server"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-server</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-settings"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-settings</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-share-2"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-share-2</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-share"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-share</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-shield"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-shield</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-shopping-cart"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-shopping-cart</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-shuffle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-shuffle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-sidebar"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-sidebar</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-skip-back"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-skip-back</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-skip-forward"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-skip-forward</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-slack"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-slack</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-slash"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-slash</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-sliders"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-sliders</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-smartphone"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-smartphone</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-speaker"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-speaker</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-square"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-square</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-star"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-star</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-stop-circle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-stop-circle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-sun"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-sun</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-sunrise"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-sunrise</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-sunset"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-sunset</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-tablet"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-tablet</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-tag"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-tag</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-target"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-target</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-thermometer"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-thermometer</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-thumbs-down"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-thumbs-down</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-thumbs-up"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-thumbs-up</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-toggle-left"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-toggle-left</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-toggle-right"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-toggle-right</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-trash-2"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-trash-2</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-trash"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-trash</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-trending-down"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-trending-down</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-trending-up"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-trending-up</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-triangle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-triangle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-tv"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-tv</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-twitter"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-twitter</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-type"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-type</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-umbrella"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-umbrella</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-underline"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-underline</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-unlock"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-unlock</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-upload-cloud"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-upload-cloud</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-upload"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-upload</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-user-check"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-user-check</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-user-minus"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-user-minus</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-user-plus"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-user-plus</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-user-x"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-user-x</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-user"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-user</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-users"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-users</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-video-off"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-video-off</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-video"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-video</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-voicemail"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-voicemail</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-volume-1"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-volume-1</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-volume-2"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-volume-2</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-volume-x"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-volume-x</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-volume"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-volume</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-watch"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-watch</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-wifi-off"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-wifi-off</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-wifi"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-wifi</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-wind"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-wind</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-x-circle"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-x-circle</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-x-square"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-x-square</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-x"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-x</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-zap"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-zap</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-zoom-in"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-zoom-in</label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                <div class="fonticon-wrap">
                                    <i class="feather icon-zoom-out"></i>
                                </div>
                                <label class="fonticon-classname mt-1">icon-zoom-out</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{-- // Feather icon-s section end --}}
@endsection