html tag for favicons for all moible and desktop browsers code example

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

Tags:

Misc Example

Recent Posts