diff options
Diffstat (limited to 'iconfont/tabler-icons.html')
-rw-r--r-- | iconfont/tabler-icons.html | 221 |
1 files changed, 214 insertions, 7 deletions
diff --git a/iconfont/tabler-icons.html b/iconfont/tabler-icons.html index df50b1d7..6e8b1160 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> |