html tag for favicons for all moible and desktop browsers
<!DOCTYPE html>
<html>
<head>
<title>HTML Icons</title>
<!-- Favicon -->
<link rel="icon" type="image/png" sizes="64x64" href="https://codetheweb.blog/assets/img/posts/html-icons/icon64.png">
<!-- Apple/Safari icon -->
<link rel="apple-touch-icon" sizes="180x180" href="https://codetheweb.blog/assets/img/posts/html-icons/icon180.png">
<!-- Square Windows tiles -->
<meta name="msapplication-square70x70logo" content="https://codetheweb.blog/assets/img/posts/html-icons/icon70.png">
<meta name="msapplication-square150x150logo" content="https://codetheweb.blog/assets/img/posts/html-icons/icon150.png">
<meta name="msapplication-square310x310logo" content="https://codetheweb.blog/assets/img/posts/html-icons/icon310.png">
<!-- Rectangular Windows tile -->
<meta name="msapplication-wide310x150logo" content="https://codetheweb.blog/assets/img/posts/html-icons/icon-rect-310.png">
<!-- Windows tile theme color -->
<meta name="msapplication-TileColor" content="#2e2e2e">
</head>
<body>
<h1>HTML icons!</h1>
</body>
</html>