[Edit]

HTML - set web page favicon

1 contributors

2 contributions

0 discussions

3 points

Created by:

user4838

698

In this article, we would like to show you how to set web page favicon in HTML.

Quick solution:

for *.ico file:

xxxxxxxxxx
 
<link rel="icon" type="image/x-icon" href="https://example.com/favicon.ico" />

for *.png file:

xxxxxxxxxx
 
<link rel="icon" type="image/png" href="https://example.com/favicon.png" />

Practical example

Edit

In order to set web page favicon, you need to specify a link element with the href attribute containing path to the new favicon.ico file and put the link inside head section.

xxxxxxxxxx
 
<!doctype html>
<html>
<head>
  <link rel="icon" type="image/x-icon" href="https://example.com/favicon.ico" />
</head>
<body>
  <div>Some div element on the web page...</div>
</body>
</html>