<div class="container-fluid">
               <div class="row">
                  <div class="col-sm-12">
                     <div class="iq-card">
                     <div class="iq-card-header d-flex justify-content-between">
                        <div class="iq-header-title">
                           <h4 class="card-title">Dripicons Icon</h4>
                        </div>
                        
                     </div>
                     <div class="iq-card-body">
                        <p>Use Class <code>&lt;div data-icon="a" class="icon"&gt;&lt;/div&gt;</code></p>
                        <div class="row mt-3">
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="a" class="icon"></div><span>4k Fill</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="o" class="icon"></div><span>Up Arrow</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="h" class="icon"></div><span>Down Arrow</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="j" class="icon"></div><span>Left Arrow</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="i" class="icon"></div><span>Right Arrow</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="l" class="icon"></div><span>left</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="k" class="icon"></div><span>Down</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="n" class="icon"></div><span>Up</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="m" class="icon"></div><span>Right</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="f" class="icon"></div><span>Anchor</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="g" class="icon"></div><span>File</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="p" class="icon"></div><span>Note</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="s" class="icon"></div><span>Dribbble</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="K" class="icon"></div><span>Download</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="G" class="icon"></div><span>Sun</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="H" class="icon"></div><span>Haf light</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="F" class="icon"></div><span>Light</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="I" class="icon"></div><span>Voice</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="x" class="icon"></div><span>Notification</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="J" class="icon"></div><span></span>Page</a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="t" class="icon"></div><span>Battery Empty</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="u" class="icon"></div><span>Battery Full</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="v" class="icon"></div><span>Battery One</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="w" class="icon"></div><span>Battery Two</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="Q" class="icon"></div><span>Cart</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="P" class="icon"></div><span>Card</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="O" class="icon"></div><span>Camera</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="N" class="icon"></div><span>Video</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="S" class="icon"></div><span>Check</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="T" class="icon"></div><span>Angle Down</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="U" class="icon"></div><span>Angle Left</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="V" class="icon"></div><span>Angle Right</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="W" class="icon"></div><span>Angle Up</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="X" class="icon"></div><span>Up Arrow</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="Y" class="icon"></div><span>Clock</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="Z" class="icon"></div><span>Reload</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="0" class="icon"></div><span>Cloud</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="1" class="icon"></div><span>Cloud Download</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="2" class="icon"></div><span>Cloud Upload</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="5" class="icon"></div><span>Arrow</span></a>
                              </div>
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="5" class="icon"></div><span>Arrow</span></a>
                              </div>
                              <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                                 <a class="iq-icons-list" href="#" ><div data-icon="5" class="icon"></div><span>Arrow</span></a>
                              </div>
                              
                              <div class="col-sm-12 text-center mt-3">
                                 <a class="btn btn-primary" href="http://demo.amitjakhu.com/dripicons/" target="blank">View All Icon</a>
                              </div>
                           </div>
                     </div>
                  </div>
                  </div>
               </div>
            </div>