html tag for favicons for all moible and desktop browsers

Solutions on MaxInterview for html tag for favicons for all moible and desktop browsers by the best coders in the world

showing results for - "html tag for favicons for all moible and desktop browsers"
Amy
07 Apr 2018
1<!DOCTYPE html>
2<html>
3    <head>
4        <title>HTML Icons</title>
5        <!-- Favicon -->
6        <link rel="icon" type="image/png" sizes="64x64" href="https://codetheweb.blog/assets/img/posts/html-icons/icon64.png">
7        <!-- Apple/Safari icon -->
8        <link rel="apple-touch-icon" sizes="180x180" href="https://codetheweb.blog/assets/img/posts/html-icons/icon180.png">
9        <!-- Square Windows tiles -->
10        <meta name="msapplication-square70x70logo" content="https://codetheweb.blog/assets/img/posts/html-icons/icon70.png">
11        <meta name="msapplication-square150x150logo" content="https://codetheweb.blog/assets/img/posts/html-icons/icon150.png">
12        <meta name="msapplication-square310x310logo" content="https://codetheweb.blog/assets/img/posts/html-icons/icon310.png">
13        <!-- Rectangular Windows tile -->
14        <meta name="msapplication-wide310x150logo" content="https://codetheweb.blog/assets/img/posts/html-icons/icon-rect-310.png">
15        <!-- Windows tile theme color -->
16        <meta name="msapplication-TileColor" content="#2e2e2e">
17    </head>
18    <body>
19        <h1>HTML icons!</h1>
20    </body>
21</html>
22