<html>
<head>
<link href="https://use.fontawesome.com/releases/v5.9.0/css/all.css" rel="stylesheet">
</head>
<body>
<div style="padding:20px 0;">
	<a href="http://fortawesome.github.io/Font-Awesome/icons/" target=_blank>Find icons &raquo;</a>
</div>


<?
$icons=array(
	array('name'=>'user','adjust'=>-6),
	array('name'=>'cog','adjust'=>-6),
	array('name'=>'chart-bar','adjust'=>-4),
	array('name'=>'file-contract','adjust'=>0),
	array('name'=>'folder-open','adjust'=>-6,'style'=>'r','subs'=>array(
		array('name'=>'file-image','adjust'=>-24,'dx'=>14,'dy'=>-2,'style'=>'r')
	)),
	array('name'=>'folder-open','adjust'=>0),
	array('name'=>'folder-open','adjust'=>0,'style'=>'r','subs'=>array(
		array('name'=>'camera-retro','adjust'=>-36,'dx'=>16,'dy'=>20)
	)),
	array('name'=>'flask','adjust'=>0),
	array('name'=>'calendar','adjust'=>-2,'style'=>'r','subs'=>array(
		array('name'=>'glass-martini','adjust'=>-34,'dx'=>14,'dy'=>25)
	)),
	array('name'=>'tags','adjust'=>-8),
	array('name'=>'shopping-basket','adjust'=>-12),
	array('name'=>'gift','adjust'=>0),
	array('name'=>'calendar-alt','adjust'=>-2,'style'=>'s'),
	array('name'=>'utensils','adjust'=>0),
	array('name'=>'elementor','adjust'=>0,'style'=>'b'),
	array('name'=>'comment-alt','adjust'=>-4),
	array('name'=>'map-marker','adjust'=>0)
);
?>

<div style="margin-bottom:10px;">
SD Icons:
</div>

<div class="clear"></div>
<?

foreach ($icons as $icon){
	$subs=$icon['subs'];
	$style=$icon['style'];
	if ($style=='') $style='s';
?>

<div style="position:relative;padding:10px;float:left;">
	<span class="fa<?echo $style;?> fa-<?echo $icon['name'];?>" style="color:#72ADDE;font-size:<?echo 32+ceil($icon['adjust']/2);?>px;margin-right:10px;position:relative;">
	<?
	if (is_array($subs)){
		foreach ($subs as $sub){
			$sstyle=$sub['style'];
			if ($sstyle=='') $sstyle='s';
	?>
	<span class="fa<?echo $sstyle;?> fa-<?echo $sub['name'];?>" style="color:#72ADDE;font-size:<?echo 32+ceil($sub['adjust']/2);?>px;position:absolute;top:<?echo floor($sub['dy']/2);?>px;left:<?echo floor($sub['dx']/2);?>px;"></span>
	<?		
		}//foreach	
	}//subs
	?>
	</span>
	
	<?
	if (is_array($subs)){
	?>
	<span class="fa<?echo $style;?> fa-<?echo $icon['name'];?>" style="color:#72ADDE;font-size:<?echo 32+ceil($icon['adjust']/2);?>px;margin-right:10px;position:relative;">
	<?
		foreach ($subs as $sub){
			$sstyle=$sub['style'];
			if ($sstyle=='') $sstyle='s';
	?>
	+ <span class="fa<?echo $sstyle;?> fa-<?echo $sub['name'];?>" style="color:#72ADDE;font-size:<?echo 32+ceil($sub['adjust']/2);?>px;"></span>
	<?
		}
	}
	?>	
</div>

<div style="padding:10px;background:#3C3839;float:left;">
<div style="position:relative;">	
	<span class="fa<?echo $style;?> fa-<?echo $icon['name'];?>" style="position:relative;color:#ffffff;font-size:<?echo 24+floor($icon['adjust']*12/32);?>px;margin-right:10px;">
	<?
	if (is_array($subs)){
		foreach ($subs as $sub){
			$sstyle=$sub['style'];
			if ($sstyle=='') $sstyle='s';
	?>
	<span class="fa<?echo $sstyle;?> fa-<?echo $sub['name'];?>" style="color:#ffffff;font-size:<?echo 24+ceil($sub['adjust']*12/32);?>px;position:absolute;top:<?echo floor($sub['dy']*12/32);?>px;left:<?echo floor($sub['dx']*12/32);?>px;"></span>
	<?		
		}//foreach	
	}//subs
	?>
	</span>
	<?
	if (is_array($subs)){
	?>
	<span class="fa<?echo $style;?> fa-<?echo $icon['name'];?>" style="color:#ffffff;font-size:<?echo 24+ceil($icon['adjust']*12/32);?>px;"></span>
	<?
		foreach ($subs as $sub){
			$sstyle=$sub['style'];
			if ($sstyle=='') $sstyle='s';
	?>
	<span style="color:#ffffff;">+</span> <span class="fa<?echo $sstyle;?> fa-<?echo $sub['name'];?>" style="color:#ffffff;font-size:<?echo 24+ceil($sub['adjust']*12/32);?>px;"></span>	
	<?
		}
	}
	?>
</div>
</div>

<?}?>


<div style="clear:both;margin-bottom:40px;"></div>

<div style="margin-bottom:10px;">
SD Tab Icons:
</div>

<div class="clear"></div>
<?

foreach ($icons as $icon){
	$subs=$icon['subs'];
	$style=$icon['style'];
	if ($style=='') $style='s';
?>

<div style="position:relative;padding:10px;float:left;">
	<span class="fa<?echo $style;?> fa-<?echo $icon['name'];?>" style="color:#666666;font-size:<?echo 16+round($icon['adjust']/4);?>px;margin-right:10px;position:relative;"></span>
</div>

<div style="padding:10px;background:#CCCCCC;float:left;">
	<div style="position:relative;">	
		<span class="fa<?echo $style;?> fa-<?echo $icon['name'];?>" style="position:relative;color:#666666;font-size:<?echo 16+round($icon['adjust']/4);?>px;margin-right:10px;"></span>
	</div>
</div>


<?}?>

<div style="clear:both;padding-top:20px;margin-bottom:10px;">
HD Tab Icons:
</div>

<div class="clear"></div>
<?

foreach ($icons as $icon){
	$subs=$icon['subs'];
	$style=$icon['style'];
	if ($style=='') $style='s';
?>

<div style="position:relative;padding:10px;float:left;">
	<span class="fa<?echo $style;?> fa-<?echo $icon['name'];?>" style="color:#666666;font-size:<?echo 32+round($icon['adjust']/2);?>px;margin-right:10px;position:relative;"></span>
</div>

<div style="padding:10px;background:#CCCCCC;float:left;">
	<div style="position:relative;">	
		<span class="fa<?echo $style;?> fa-<?echo $icon['name'];?>" style="position:relative;color:#666666;font-size:<?echo 32+round($icon['adjust']/2);?>px;margin-right:10px;"></span>
	</div>
</div>


<?}?>

<div style="clear:both;padding-top:20px;margin-bottom:10px;">
	HD Icons:
</div>

<?foreach ($icons as $icon){
	$subs=$icon['subs'];
	$style=$icon['style'];
	if ($style=='') $style='s';
?>

<div style="position:relative;padding:10px;float:left;">
	<span class="fa<?echo $style;?> fa-<?echo $icon['name'];?>" style="position:relative;color:#72ADDE;font-size:<?echo 64+$icon['adjust'];?>px;">
	<?
	if (is_array($subs)){
		foreach ($subs as $sub){
			$sstyle=$sub['style'];
			if ($sstyle=='') $sstyle='s';
	?>
	<span class="fa<?echo $sstyle;?> fa-<?echo $sub['name'];?>" style="color:#72ADDE;font-size:<?echo 64+$sub['adjust'];?>px;position:absolute;top:<?echo $sub['dy'];?>px;left:<?echo $sub['dx'];?>px;"></span>
	<?		
		}//foreach	
	}//subs
	?>
	</span>
	
	<?
	if (is_array($subs)){
	?>
	<span class="fa fa-<?echo $icon['name'];?>" style="position:relative;color:#72ADDE;font-size:<?echo 64+$icon['adjust'];?>px;">
	<?
		foreach ($subs as $sub){
			$sstyle=$sub['style'];
			if ($sstyle=='') $sstyle='s';
	?>
	<span style="font-size:22px;vertical-align:middle;">+</span> <span class="fa<?echo $sstyle;?> fa-<?echo $sub['name'];?>" style="color:#72ADDE;font-size:<?echo 64+$sub['adjust'];?>px;"></span>
	<?
		}
	}
	?>		
</div>

<div style="padding:10px;background:#3C3839;float:left;">
<div style="position:relative;">	
	<span class="fa<?echo $style;?> fa-<?echo $icon['name'];?>" style="position:relative;color:#ffffff;font-size:<?echo 48+$icon['adjust'];?>px;">
	<?
	if (is_array($subs)){
		foreach ($subs as $sub){
			$sstyle=$sub['style'];
			if ($sstyle=='') $sstyle='s';
	?>
	<span class="fa<?echo $sstyle;?> fa-<?echo $sub['name'];?>" style="color:#ffffff;font-size:<?echo 48+ceil($sub['adjust']*24/32);?>px;position:absolute;top:<?echo floor($sub['dy']*24/32);?>px;left:<?echo floor($sub['dx']*24/32);?>px;"></span>
	<?		
		}//foreach	
	}//subs
	?>
	</span>
	<?
	if (is_array($subs)){
	?>
	<span class="fa<?echo $style;?> fa-<?echo $icon['name'];?>" style="position:relative;color:#ffffff;font-size:<?echo 48+$icon['adjust'];?>px;">
	<?
		foreach ($subs as $sub){
			$sstyle=$sub['style'];
			if ($sstyle='') $sstyle='s';
	?>
	<span style="color:#ffffff;font-size:20px;vertical-align:middle;">+</span> 
	<span class="fa<?echo $sstyle;?> fa-<?echo $sub['name'];?>" style="color:#ffffff;font-size:<?echo 48+ceil($sub['adjust']*24/32);?>px;"></span>
	<?
		}
	}
	?>	
</div>
</div>


<?}?>

<div style="clear:both;"></div>

</body>
</html>
