Server : LiteSpeed System : Linux webbox1.ncrdns.net 5.14.0-611.55.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue May 19 15:19:29 EDT 2026 x86_64 User : rahcos ( 1533) PHP Version : 8.4.24 Disable Function : NONE Directory : /home4/rahcos/.trash/wp-content/themes/hara/fonts/tb-icon/ |
<html class="gr__simplelineicons_com"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="Simple line icons">
<meta name="keywords" content="simple, line, icons, icon pack, web icon">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ThemBay Icon Font</title>
<link rel="stylesheet" href="./../../css/font-tbay-custom.css">
<link rel="stylesheet" href="https://fonts.thembay.com/tbay-custom/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.thembay.com/tbay-custom/css/style.css">
</head>
<body data-gr-c-s-loaded="true">
<div class="container mt">
<h1 class="text-center">ThemBay Custom Icon Preview</h1>
<p class="text-center">Click on the icons to get the icon class name</p>
<div class="quick-search">
<input type="text" id="quick-search" placeholder="Search...">
<i class="tb-icon tb-icon-search"></i>
</div>
<div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-00-star" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">00-star</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-00-star</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-00-star"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-02-star-light" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">02-star-light</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-02-star-light</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-02-star-light"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-03-star" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">03-star</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-03-star</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-03-star"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-24-support" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">24-support</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-24-support</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-24-support"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-account" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">account</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-account</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-account"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-angle-down" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">angle-down</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-angle-down</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-angle-down"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-angle-left" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">angle-left</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-angle-left</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-angle-left"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-angle-right" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">angle-right</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-angle-right</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-angle-right"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-angle-up" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">angle-up</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-angle-up</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-angle-up"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-arrow-bottom" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">arrow-bottom</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-arrow-bottom</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-arrow-bottom"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-arrow-left" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">arrow-left</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-arrow-left</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-arrow-left"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-arrow-right" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">arrow-right</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-arrow-right</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-arrow-right"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-arrow-top" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">arrow-top</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-arrow-top</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-arrow-top"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-bars" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">bars</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-bars</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-bars"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-beauty" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">beauty</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-beauty</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-beauty"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-blood-drop" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">blood-drop</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-blood-drop</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-blood-drop"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-blur" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">blur</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-blur</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-blur"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-box" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">box</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-box</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-box"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-brush" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">brush</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-brush</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-brush"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-btn-left" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">btn-left</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-btn-left</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-btn-left"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-btn-right" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">btn-right</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-btn-right</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-btn-right"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-bubbles" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">bubbles</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-bubbles</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-bubbles"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-bullet" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">bullet</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-bullet</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-bullet"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-calendar-31" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">calendar-31</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-calendar-31</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-calendar-31"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-card" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">card</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-card</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-card"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-cart-empty" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">cart-empty</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-cart-empty</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-cart-empty"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-cart-full" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">cart-full</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-cart-full</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-cart-full"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-cart-plus" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">cart-plus</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-cart-plus</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-cart-plus"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-cart" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">cart</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-cart</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-cart"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-chart-bar" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">chart-bar</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-chart-bar</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-chart-bar"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-check" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">check</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-check</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-check"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-chevron-down" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">chevron-down</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-chevron-down</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-chevron-down"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-chevron-left" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">chevron-left</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-chevron-left</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-chevron-left"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-chevron-right" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">chevron-right</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-chevron-right</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-chevron-right"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-chevron-up" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">chevron-up</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-chevron-up</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-chevron-up"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-clapboard-play" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">clapboard-play</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-clapboard-play</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-clapboard-play"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-clock" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">clock</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-clock</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-clock"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-close-01" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">close-01</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-close-01</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-close-01"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-close" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">close</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-close</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-close"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-clover" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">clover</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-clover</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-clover"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-cog" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">cog</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-cog</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-cog"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-comb" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">comb</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-comb</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-comb"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-comment-alt" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">comment-alt</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-comment-alt</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-comment-alt"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-comment" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">comment</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-comment</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-comment"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-compare" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">compare</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-compare</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-compare"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-cross" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">cross</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-cross</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-cross"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-cross2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">cross2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-cross2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-cross2"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-cube" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">cube</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-cube</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-cube"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-cup" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">cup</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-cup</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-cup"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-customer-service" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">customer-service</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-customer-service</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-customer-service"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-delivery-man" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">delivery-man</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-delivery-man</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-delivery-man"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-delivery-svgrepo" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">delivery-svgrepo</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-delivery-svgrepo</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-delivery-svgrepo"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-doctor-bag" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">doctor-bag</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-doctor-bag</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-doctor-bag"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-document" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">document</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-document</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-document"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-down" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">down</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-down</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-down"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-drip" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">drip</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-drip</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-drip"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-element-plus" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">element-plus</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-element-plus</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-element-plus"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-email" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">email</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-email</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-email"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-envelope-open" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">envelope-open</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-envelope-open</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-envelope-open"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-envelope" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">envelope</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-envelope</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-envelope"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-equalizer" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">equalizer</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-equalizer</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-equalizer"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-eye" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">eye</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-eye</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-eye"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-eyebrow" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">eyebrow</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-eyebrow</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-eyebrow"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-facebook-f" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">facebook-f</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-facebook-f</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-facebook-f"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-fast-delivery" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">fast-delivery</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-fast-delivery</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-fast-delivery"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-filter" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">filter</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-filter</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-filter"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-flash-sale" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">flash-sale</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-flash-sale</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-flash-sale"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-flash-svgrepo" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">flash-svgrepo</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-flash-svgrepo</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-flash-svgrepo"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-folder" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">folder</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-folder</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-folder"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-free-return" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">free-return</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-free-return</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-free-return"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-giftbox-ribbon" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">giftbox-ribbon</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-giftbox-ribbon</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-giftbox-ribbon"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-gifts-01" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">gifts-01</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-gifts-01</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-gifts-01"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-glass" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">glass</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-glass</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-glass"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-grid-horizontal" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">grid-horizontal</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-grid-horizontal</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-grid-horizontal"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-headphones-01" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">headphones-01</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-headphones-01</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-headphones-01"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-heart" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">heart</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-heart</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-heart"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-heart2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">heart2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-heart2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-heart2"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-history" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">history</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-history</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-history"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-home3" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">home3</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-home3</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-home3"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-import" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">import</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-import</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-import"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-instagram" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">instagram</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-instagram</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-instagram"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-laboratory-equipment" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">laboratory-equipment</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-laboratory-equipment</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-laboratory-equipment"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-level-up" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">level-up</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-level-up</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-level-up"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-like-shapes" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">like-shapes</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-like-shapes</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-like-shapes"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-linkedin-in" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">linkedin-in</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-linkedin-in</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-linkedin-in"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-lipstick" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">lipstick</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-lipstick</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-lipstick"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-liquid-soap" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">liquid-soap</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-liquid-soap</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-liquid-soap"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-list" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">list</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-list</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-list"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-loading" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">loading</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-loading</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-loading"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-location-2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">location-2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-location-2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-location-2"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-location-shop" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">location-shop</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-location-shop</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-location-shop"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-location" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">location</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-location</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-location"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-logout" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">logout</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-logout</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-logout"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-logout2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">logout2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-logout2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-logout2"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-loupe" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">loupe</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-loupe</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-loupe"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-magic-star" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">magic-star</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-magic-star</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-magic-star"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-magnifier" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">magnifier</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-magnifier</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-magnifier"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-makeup" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">makeup</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-makeup</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-makeup"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-map-marker-alt" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">map-marker-alt</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-map-marker-alt</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-map-marker-alt"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-menu" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">menu</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-menu</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-menu"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-message-question" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">message-question</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-message-question</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-message-question"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-messages-2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">messages-2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-messages-2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-messages-2"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-minus-square" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">minus-square</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-minus-square</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-minus-square"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-minus" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">minus</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-minus</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-minus"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-money-check-edit-alt" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">money-check-edit-alt</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-money-check-edit-alt</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-money-check-edit-alt"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-money-send" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">money-send</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-money-send</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-money-send"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-music-note2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">music-note2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-music-note2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-music-note2"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-nails" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">nails</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-nails</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-nails"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-note" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">note</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-note</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-note"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-patient" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">patient</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-patient</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-patient"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-pencil3" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">pencil3</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-pencil3</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-pencil3"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-pencil4" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">pencil4</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-pencil4</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-pencil4"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-perfume" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">perfume</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-perfume</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-perfume"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-pet" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">pet</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-pet</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-pet"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-pharmacy" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">pharmacy</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-pharmacy</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-pharmacy"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-phone-call-1" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">phone-call-1</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-phone-call-1</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-phone-call-1"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-phone-call" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">phone-call</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-phone-call</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-phone-call"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-picture2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">picture2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-picture2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-picture2"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-pictures" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">pictures</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-pictures</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-pictures"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-play-circle" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">play-circle</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-play-circle</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-play-circle"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-play" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">play</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-play</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-play"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-plus-square" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">plus-square</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-plus-square</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-plus-square"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-plus" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">plus</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-plus</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-plus"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-pushpin" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">pushpin</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-pushpin</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-pushpin"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-quality" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">quality</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-quality</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-quality"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-question-circle" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">question-circle</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-question-circle</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-question-circle"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-quickview" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">quickview</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-quickview</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-quickview"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-quote-left" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">quote-left</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-quote-left</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-quote-left"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-quote" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">quote</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-quote</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-quote"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-razor" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">razor</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-razor</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-razor"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-redo2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">redo2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-redo2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-redo2"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-reply" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">reply</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-reply</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-reply"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-ribbon" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">ribbon</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-ribbon</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-ribbon"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-scissors" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">scissors</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-scissors</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-scissors"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-search" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">search</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-search</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-search"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-send" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">send</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-send</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-send"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-shipping-worldwide" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">shipping-worldwide</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-shipping-worldwide</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-shipping-worldwide"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-shopping-bag" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">shopping-bag</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-shopping-bag</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-shopping-bag"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-shopping-cart" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">shopping-cart</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-shopping-cart</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-shopping-cart"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-sort-amount-down" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">sort-amount-down</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-sort-amount-down</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-sort-amount-down"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-square" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">square</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-square</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-square"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-star2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">star2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-star2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-star2"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-store-24" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">store-24</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-store-24</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-store-24"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-store" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">store</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-store</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-store"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-straight-razor" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">straight-razor</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-straight-razor</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-straight-razor"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-support" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">support</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-support</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-support"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-sync" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">sync</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-sync</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-sync"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-tab" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">tab</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-tab</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-tab"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-tag" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">tag</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-tag</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-tag"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-tag2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">tag2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-tag2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-tag2"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-tb-list" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">tb-list</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-tb-list</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-tb-list"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-tb-user" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">tb-user</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-tb-user</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-tb-user"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-telephone" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">telephone</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-telephone</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-telephone"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-temperature" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">temperature</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-temperature</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-temperature"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-text-align-right" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">text-align-right</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-text-align-right</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-text-align-right"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-thermometer" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">thermometer</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-thermometer</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-thermometer"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-tick-circle" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">tick-circle</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-tick-circle</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-tick-circle"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-tick-square" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">tick-square</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-tick-square</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-tick-square"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-timer" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">timer</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-timer</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-timer"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-trash" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">trash</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-trash</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-trash"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-truck-01" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">truck-01</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-truck-01</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-truck-01"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-truck" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">truck</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-truck</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-truck"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-twitter" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">twitter</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-twitter</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-twitter"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-type-audio" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">type-audio</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-type-audio</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-type-audio"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-type-image" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">type-image</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-type-image</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-type-image"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-type-video" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">type-video</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-type-video</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-type-video"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-upload2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">upload2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-upload2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-upload2"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-user" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">user</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-user</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-user"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-view-grid" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">view-grid</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-view-grid</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-view-grid"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-view-list" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">view-list</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-view-list</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-view-list"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-wallet" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">wallet</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-wallet</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-wallet"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-wave-vertical" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">wave-vertical</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-wave-vertical</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-wave-vertical"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-wave" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">wave</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-wave</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-wave"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-youtube" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">youtube</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-youtube</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-youtube"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zoom-in" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zoom-in</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zoom-in</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zoom-in"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zt-cruelty" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zt-cruelty</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zt-cruelty</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zt-cruelty"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zt-guarant" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zt-guarant</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zt-guarant</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zt-guarant"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zt-sourcing" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zt-sourcing</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zt-sourcing</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zt-sourcing"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zu-back-area" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zu-back-area</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zu-back-area</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zu-back-area"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zu-bikini" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zu-bikini</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zu-bikini</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zu-bikini"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zu-call" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zu-call</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zu-call</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zu-call"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zu-facial-area" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zu-facial-area</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zu-facial-area</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zu-facial-area"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zu-hand-zone" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zu-hand-zone</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zu-hand-zone</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zu-hand-zone"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zu-leg" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zu-leg</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zu-leg</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zu-leg"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zu-location" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zu-location</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zu-location</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zu-location"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zu-wave" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zu-wave</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zu-wave</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zu-wave"></input>
</a>
</div>
</div><div class="icon-preview-box col-xs-6 col-md-3 col-lg-3">
<div class="preview">
<a href="#" class="show-code" title="click to show css class name">
<i class="tb-icon tb-icon-zu-zone-life" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zu-zone-life</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zu-zone-life</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zu-zone-life"></input>
</a>
</div>
</div>
</div>
<script src="https://fonts.thembay.com/tbay-custom/js/jquery.slim.min.js"></script>
<script src="https://fonts.thembay.com/tbay-custom/js/bootstrap.min.js"></script>
<script src="https://fonts.thembay.com/tbay-custom/js/main.js"></script>
</body></html>