<link rel="icon" href="yourIcon.png" type="image/png">
<link rel="shortcut icon" href="http://example.com/favicon.ico" />
<link rel="icon" type="image/png" href="/favicon.png"/>
<head>
<title>Webpage</title>
<link rel="icon" type="image/gif/png" href="favicon.png">
</head>
<link rel="icon" type="image/png" href="/favicon.png"/>
<link rel="icon" type="image/png" href="https://example.com/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="http://example.com/favicon.png"/>
<link rel="icon" href="image.jpg" type="image/jpg">
<head>
<title>My Page Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<!--
To add a favicon to your website, either save your favicon image to
the root directory of your webserver, or create a folder in the root
directory called images, and save your favicon image in this folder.
A common name for a favicon image is "favicon.ico".
Next, add a <link> element to your "index.html" file, after the <title>
element, as per the example above.
I hope that this helps <3 Happy coding!
-->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/png" href="/favicon.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon.png" sizes="96x96">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<link rel="icon" href="/favicon.ico" />
<link rel="shortcut icon" type="image" href="./favicons/examplefavicon.ico" />
<!-- Most Webbrowsers atomatically look for a favicon but you can also do this: -->
<head>
<title>Favicon Demo</title>
<link rel="icon" type="image/png" href="favicon.png">
</head>
<link rel="icon" type="image/png" href="/fav.png">
<!DOCTYPE html>
<html>
<head>
<title>My Page Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
<!--
general favicon setting for browsers.
You can also use .ico files you just have to change:
type="image/png" to type="image/x-icon"
For backwards compatibility to older browsers (e.g. IE6), use .ICO
-->
<link rel="icon" type="image/png" href="path/to/favicon.png" sizes="32x32">
<link rel="icon" type="image/png" href="path/to/favicon.png" sizes="96x96">
<!-- Apple touch icon support -->
<link rel="apple-touch-icon" sizes="180x180" href="path/to/favicon.png">
<!-- defines the tile for Microsoft tiles -->
<meta name="msapplication-TileColor" content="#212121">
<meta name="msapplication-TileImage" content="path/to/favicon.png">
<!-------------------->
<head>
<title>Webpage</title>
<link rel="icon" type="image/gif/png" href="favicon.png">
</head>
<!-------------------->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/png" href="/favicon.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon.png" sizes="96x96">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<link rel="icon" href="FILE" type="image/FILE FORMAT">
1
<link rel="icon" type="image/gif" href="tonlien" />