@extends('layouts.master')

@section('content')
<div id="content-page" class="content-page">
    <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">Unicons Icon</h4>
                </div>
                
             </div>
             <div class="iq-card-body">
                <p>Use Class <code>&lt;i class="ion-archive"&gt;&lt;/i&gt;</code></p>
                <div class="row mt-3">


<div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-archive"></i>Archive</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-reply"></i>Reply</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-reply-all"></i>Reply All</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-forward"></i>Forward</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-play"></i>Play</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-volume-high"></i>Volume High</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-pricetags"></i>Pricetags</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-pause"></i>Pause</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-briefcase"></i>Briefcase</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-medkit"></i>Medkit</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-at"></i>At</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-pound"></i>Pound</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-asterisk"></i>Asterisk</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-alert"></i>Alert</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-alert-circled"></i>Alert Circled</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-refresh"></i>Refresh</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-loop"></i>Loop</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-shuffle"></i>Shuffle</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-home"></i>Home</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-search"></i>Search</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-flag"></i>Flag</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-heart"></i>Heart</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-heart-broken"></i>Broken</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-gear-a"></i>Gear</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-gear-b"></i>Gear bold</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-toggle-filled"></i>Toggle</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-trash-b"></i>Trash fill</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-hammer"></i>Hammer</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-wrench"></i>Wrench</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-information-circled"></i>Information</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-help-circled"></i>Help</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-plus-circled"></i>Plush</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-close-circled"></i>Close</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-email-unread"></i>Email</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-upload"></i>Upload</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-soup-can"></i>Database</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-thumbsup"></i>Thumbsup</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-thumbsdown"></i>Thumbsdown</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-pricetag"></i>Pricetag</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-2">
                         <a class="iq-icons-list" href="#"><i class="ion-bowtie"></i>Bowtie</a>
                      </div>

                      <div class="col-sm-12 text-center mt-3">
                         <a href="https://www.unicon.net/" target="blank" class="btn btn-primary">View All Icon</a>
                      </div>
                   </div>
             </div>
          </div>
          </div>
       </div>
    </div>
 </div>

@endsection