<link rel="icon" href="yourIcon.png" type="image/png"><link rel="shortcut icon" type="image/png" href="Link to the image"/><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" />