Icons

                
                    
<div class="row mb-5">
    <div class="col-md-9 mx-auto">
        <div class="section-title">
            <h2 class="mb-5">Font Awesome Icons</h2>
        </div>
        <ul class="icons-set d-flex flex-wrap list-unstyled px-lg-4">
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Arrow Right" tabindex="-1"><i class="fa fa-arrow-right">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Arrow Up" tabindex="-1"><i class="fa fa-arrow-up">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Arrow Left" tabindex="-1"><i class="fa fa-arrow-left">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Arrow Down" tabindex="-1"><i class="fa fa-arrow-down">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="User" tabindex="-1"><i class="fa fa-user">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Users" tabindex="-1"><i class="fa fa-users">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Search" tabindex="-1"><i class="fa fa-search">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Phone" tabindex="-1"><i class="fa fa-phone-alt">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Pencil Square" tabindex="-1"><i class="fa fa-pencil-square">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Pencil" tabindex="-1"><i class="fa fa-pencil">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Facebook" tabindex="-1"><i class="fa fa-facebook">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Google Plus" tabindex="-1"><i class="fa fa-google-plus">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Twitter" tabindex="-1"><i class="fa fa-twitter">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="linkedin" tabindex="-1"><i class="fa fa-linkedin">&nbsp;</i></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Skype" tabindex="-1"><i class="fa fa-skype">&nbsp;</i></a></li>
        </ul>
    </div>
</div> 
                    Copy to clipboard
                

                
                    
<div class="row">
    <div class="col-md-9 mx-auto">
        <div class="section-title">
            <h2 class="mb-5">Line Icons</h2>
        </div>
        <ul class="icons-set d-flex flex-wrap list-unstyled px-lg-4">
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Design" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/Icon.png" alt="Design"></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Development" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/Icon-1.png" alt="Development"></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Online Store" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/Icon-2.png" alt="Online Store"></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Mobile App" aria-describedby="tooltip170175" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/Icon-3.png" alt="Mobile App"></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Email Marketing" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/Icon-4.png" alt="Email Marketing"></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="SEO" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/Icon-5.png" alt="SEO"></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Target Goal" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/Icon-6.png" alt="Target Goal"></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Email" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/Icon-7.png" alt="Email"></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Project" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/Icon-8.png" alt="Plan"></a></li>
            <li><a href="#" class="tooltip-text" data-toggle="tooltip" title="" data-original-title="Phone" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/Icon-9.png" alt="Phone"></a></li>
        </ul>
    </div>
</div>
                    Copy to clipboard