|
Server : Apache System : Linux ls31.server.ly 3.10.0-962.3.2.lve1.5.68.el7.x86_64 #1 SMP Wed Apr 6 11:12:23 UTC 2022 x86_64 User : medchoco ( 2906) PHP Version : 8.3.16 Disable Function : mail Directory : /home/medchoco/public_html/wp-content/themes/puca/fonts/tb-icon/ |
Upload File : |
<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-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-check-square" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">check-square</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-check-square</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-check-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-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-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-star" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">star</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-star</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-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-zz-arrow-down-1" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-arrow-down-1</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-arrow-down-1</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-arrow-down-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-zz-arrow-down" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-arrow-down</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-arrow-down</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-arrow-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-zz-arrow-left-1" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-arrow-left-1</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-arrow-left-1</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-arrow-left-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-zz-arrow-left" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-arrow-left</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-arrow-left</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-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-zz-arrow-right-1" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-arrow-right-1</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-arrow-right-1</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-arrow-right-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-zz-arrow-right" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-arrow-right</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-arrow-right</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-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-zz-arrow-up-1" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-arrow-up-1</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-arrow-up-1</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-arrow-up-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-zz-arrow-up" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-arrow-up</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-arrow-up</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-arrow-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-zz-bag" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-bag</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-bag</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-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-zz-cancel-1" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-cancel-1</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-cancel-1</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-cancel-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-zz-compare" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-compare</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-compare</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-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-zz-heart-footer" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-heart-footer</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-heart-footer</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-heart-footer"></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-zz-heart" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-heart</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-heart</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-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-zz-img-post-1" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-img-post-1</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-img-post-1</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-img-post-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-zz-img-post-2" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-img-post-2</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-img-post-2</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-img-post-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-zz-img-post-3" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-img-post-3</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-img-post-3</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-img-post-3"></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-zz-list" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-list</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-list</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-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-zz-minus" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-minus</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-minus</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-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-zz-plus" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-plus</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-plus</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-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-zz-quick-view" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-quick-view</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-quick-view</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-quick-view"></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-zz-right-arrow" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-right-arrow</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-right-arrow</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-right-arrow"></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-zz-search" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-search</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-search</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-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-zz-squares" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-squares</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-squares</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-squares"></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-zz-user" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zz-user</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zz-user</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zz-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-zzz-bars" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zzz-bars</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zzz-bars</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zzz-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-zzz-home" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zzz-home</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zzz-home</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zzz-home"></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-zzz-picture-1" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zzz-picture-1</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zzz-picture-1</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zzz-picture-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-zzzz-close" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zzzz-close</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zzzz-close</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zzzz-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-zzzz-delivery-return" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zzzz-delivery-return</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zzzz-delivery-return</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zzzz-delivery-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-zzzz-delivery-time" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zzzz-delivery-time</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zzzz-delivery-time</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zzzz-delivery-time"></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-zzzz-question" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zzzz-question</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zzzz-question</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zzzz-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-zzzz-size-guide" style="font-size: 20px;"></i>
<span class="name" style="display: inline;">zzzz-size-guide</span>
<code class="code-preview" style="display: none;">tb-icon tb-icon-zzzz-size-guide</code>
<input class="hide-input" style="opacity:0;width: 1px;" value="tb-icon tb-icon-zzzz-size-guide"></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>