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> | 
