<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="favicon.png"> <!-- or favicon.ico -->
<!-- Apple -->
<link rel="apple-touch-icon" sizes="57x57" href="AppIcon57x57.png" />
<link rel="apple-touch-icon" sizes="114x114" href="AppIcon57x57@2x.png" />
<link rel="apple-touch-icon" sizes="72x72" href="AppIcon72x72.png" />
<link rel="apple-touch-icon" sizes="144x144" href="AppIcon72x72@2x.png" />
<!-- IE8 -->
<meta name="msapplication-TileImage" content="AppIcon72x72@2x.png">
<meta name="msapplication-TileColor" content="#59978c"/>
<meta name="application-name" content="[Your App Name Here]" />
<!-- IE11 -->
<meta name="msapplication-square70x70logo" content="AppIcon70x70.png"/>
<meta name="msapplication-square150x150logo" content="AppIcon150x150.png"/>
<meta name="msapplication-wide310x150logo" content="AppIcon310x150.png"/>
<meta name="msapplication-square310x310logo" content="AppIcon310x310.png"/>