xxxxxxxxxx
<link rel="icon" type="image/png" href="/favicon.png"/>
<link rel="icon" type="image/png" href="https://example.com/favicon.png"/>
xxxxxxxxxx
<head>
<title>Webpage</title>
<link rel="icon" type="image/gif/png" href="favicon.png">
</head>
xxxxxxxxxx
<link rel="shortcut icon" type="image/png" href="http://example.com/favicon.png"/>
xxxxxxxxxx
<!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>
xxxxxxxxxx
<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">
xxxxxxxxxx
<link rel="shortcut icon" type="image" href="./favicons/examplefavicon.ico" />
xxxxxxxxxx
<!-- 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>