aboutsummaryrefslogtreecommitdiff
path: root/iconfont/tabler-icons.html
diff options
context:
space:
mode:
Diffstat (limited to 'iconfont/tabler-icons.html')
-rw-r--r--iconfont/tabler-icons.html221
1 files changed, 214 insertions, 7 deletions
diff --git a/iconfont/tabler-icons.html b/iconfont/tabler-icons.html
index df50b1d..6e8b116 100644
--- a/iconfont/tabler-icons.html
+++ b/iconfont/tabler-icons.html
@@ -5,7 +5,7 @@
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Tabler Icons - version 1.6.1</title>
+ <title>Tabler Icons - version 1.7.0</title>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600" rel="stylesheet">
<link rel="stylesheet" href="./tabler-icons.css">
@@ -39,8 +39,8 @@
background: #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
border-radius: 3px;
- border-top-right-radius: 0px;
- border-top-left-radius: 0px;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
.tabler-icons {
@@ -85,6 +85,7 @@
text-align: center;
margin: 2rem 0 3rem;
}
+
.search-bar {
padding: 0.75rem 1.5rem;
background: #fff;
@@ -108,12 +109,13 @@
<h1>
Tabler Icons
</h1>
- <p class="text-muted">version 1.6.1</p>
+ <p class="text-muted">version 1.7.0</p>
</header>
<div class="search-bar">
<input type="text" name="search" placeholder="type to search"/>
</div>
+
<div class="box">
<div class="tabler-icons">
@@ -181,6 +183,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-alien"></i>
+ <strong>alien</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-alien</code><br>
+ <code>\ebde</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-align-center"></i>
<strong>align-center</strong>
<div class="tabler-icon-codes">
@@ -595,6 +606,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-atom-2"></i>
+ <strong>atom-2</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-atom-2</code><br>
+ <code>\ebdf</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-award"></i>
<strong>award</strong>
<div class="tabler-icon-codes">
@@ -613,6 +633,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-ball"></i>
+ <strong>ball</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-ball</code><br>
+ <code>\ebe0</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-ban"></i>
<strong>ban</strong>
<div class="tabler-icon-codes">
@@ -640,6 +669,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-basket"></i>
+ <strong>basket</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-basket</code><br>
+ <code>\ebe1</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-battery"></i>
<strong>battery</strong>
<div class="tabler-icon-codes">
@@ -982,6 +1020,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-building-bank"></i>
+ <strong>building-bank</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-building-bank</code><br>
+ <code>\ebe2</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-building-bridge"></i>
<strong>building-bridge</strong>
<div class="tabler-icon-codes">
@@ -1027,6 +1074,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-building-warehouse"></i>
+ <strong>building-warehouse</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-building-warehouse</code><br>
+ <code>\ebe3</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-bulb"></i>
<strong>bulb</strong>
<div class="tabler-icon-codes">
@@ -1045,6 +1101,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-bus"></i>
+ <strong>bus</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-bus</code><br>
+ <code>\ebe4</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-calculator"></i>
<strong>calculator</strong>
<div class="tabler-icon-codes">
@@ -1378,6 +1443,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-clear-formatting"></i>
+ <strong>clear-formatting</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-clear-formatting</code><br>
+ <code>\ebe5</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-click"></i>
<strong>click</strong>
<div class="tabler-icon-codes">
@@ -1504,6 +1578,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-color-picker"></i>
+ <strong>color-picker</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-color-picker</code><br>
+ <code>\ebe6</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-color-swatch"></i>
<strong>color-swatch</strong>
<div class="tabler-icon-codes">
@@ -2008,6 +2091,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-exchange"></i>
+ <strong>exchange</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-exchange</code><br>
+ <code>\ebe7</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-exposure"></i>
<strong>exposure</strong>
<div class="tabler-icon-codes">
@@ -2170,6 +2262,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-firetruck"></i>
+ <strong>firetruck</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-firetruck</code><br>
+ <code>\ebe8</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-flag"></i>
<strong>flag</strong>
<div class="tabler-icon-codes">
@@ -2323,6 +2424,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-forklift"></i>
+ <strong>forklift</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-forklift</code><br>
+ <code>\ebe9</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-frame"></i>
<strong>frame</strong>
<div class="tabler-icon-codes">
@@ -2512,6 +2622,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-history"></i>
+ <strong>history</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-history</code><br>
+ <code>\ebea</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-home"></i>
<strong>home</strong>
<div class="tabler-icon-codes">
@@ -3007,6 +3126,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-math"></i>
+ <strong>math</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-math</code><br>
+ <code>\ebeb</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-maximize"></i>
<strong>maximize</strong>
<div class="tabler-icon-codes">
@@ -3799,6 +3927,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-social"></i>
+ <strong>social</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-social</code><br>
+ <code>\ebec</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-sort-ascending"></i>
<strong>sort-ascending</strong>
<div class="tabler-icon-codes">
@@ -4024,6 +4161,24 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-temperature-minus"></i>
+ <strong>temperature-minus</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-temperature-minus</code><br>
+ <code>\ebed</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
+ <i class="ti ti-temperature-plus"></i>
+ <strong>temperature-plus</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-temperature-plus</code><br>
+ <code>\ebee</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-template"></i>
<strong>template</strong>
<div class="tabler-icon-codes">
@@ -4042,6 +4197,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-terminal-2"></i>
+ <strong>terminal-2</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-terminal-2</code><br>
+ <code>\ebef</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-test-pipe"></i>
<strong>test-pipe</strong>
<div class="tabler-icon-codes">
@@ -4087,6 +4251,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-tir"></i>
+ <strong>tir</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-tir</code><br>
+ <code>\ebf0</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-toggle-left"></i>
<strong>toggle-left</strong>
<div class="tabler-icon-codes">
@@ -4186,6 +4359,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-umbrella"></i>
+ <strong>umbrella</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-umbrella</code><br>
+ <code>\ebf1</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-underline"></i>
<strong>underline</strong>
<div class="tabler-icon-codes">
@@ -4267,6 +4449,15 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-users"></i>
+ <strong>users</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-users</code><br>
+ <code>\ebf2</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-viewfinder"></i>
<strong>viewfinder</strong>
<div class="tabler-icon-codes">
@@ -4276,6 +4467,24 @@
</div>
<div class="tabler-icon">
+ <i class="ti ti-viewport-narrow"></i>
+ <strong>viewport-narrow</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-viewport-narrow</code><br>
+ <code>\ebf3</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
+ <i class="ti ti-viewport-wide"></i>
+ <strong>viewport-wide</strong>
+ <div class="tabler-icon-codes">
+ <code>ti ti-viewport-wide</code><br>
+ <code>\ebf4</code>
+ </div>
+ </div>
+
+ <div class="tabler-icon">
<i class="ti ti-virus"></i>
<strong>virus</strong>
<div class="tabler-icon-codes">
@@ -4414,9 +4623,6 @@
</div>
</div>
-
-</body>
-
<script type="text/javascript">
const input = document.querySelector("div.search-bar input");
const iconContainer = document.querySelector("div.box div.tabler-icons");
@@ -4437,4 +4643,5 @@
}
</script>
+</body>
</html>