How to add a browser tab icon (favicon) for a website?

There are actually two ways to add a favicon to a website.

<link rel="icon">

Simply add the following code to the <head> element:

<link rel="icon" href="http://example.com/favicon.png">

PNG favicons are supported by most browsers, except IE <= 10. For backwards compatibility, you can use ICO favicons.

Note that you don’t have to precede icon in rel attribute with shortcut anymore. From MDN Link types:

The shortcut link type is often seen before icon, but this link type is non-conforming, ignored and web authors must not use it anymore.

favicon.ico in the root directory

All modern browsers (tested with Chrome 4, Firefox 3.5, IE8, Opera 10 and Safari 4) will always request a favicon.ico unless you’ve specified a shortcut icon via <link>.

So all you have to do is to make the /favicon.ico request to your website return your favicon. This option unfortunately doesn’t allow you to use a PNG icon.

See also favicon.png vs favicon.ico – why should I use PNG instead of ICO?

Related Posts:

  1. Adding a favicon to a static HTML page
  2. Customize icon for “Add to home screen”
  3. Add Favicon to Website [duplicate]
  4. Add image in title bar
  5. Do you have to include link rel=”icon” href=”favicon.ico” type=”image/x-icon” /?
  6. What is the best practice for creating a favicon on a web site?
  7. Favicon not working
  8. Favicon not showing in Google search results
  9. Is HTML considered a programming language? [closed]
  10. Open source social media icons to download and use on website? [closed]
  11. How to make a monopoly board using css grid?
  12. Redirect from an HTML page
  13. Redirect from an HTML page
  14. What is ' and why does Google search replace it with apostrophe?
  15. What’s the difference between ” ” and ” “?
  16. Should I use tag for icons instead of ? [closed]
  17. Open link in new tab or window [duplicate]
  18. Half circle with CSS (border, outline only)
  19. Line break in HTML with ‘\n’
  20. CSS calc width and height values
  21. HTML encoding issues – “” character showing up instead of ” “
  22. How to horizontally center an element
  23. Center image using text-align center?
  24. Unblur content inside blurring background div
  25. Failed to load resource: the server responded with a status of 404 (Not Found) css
  26. Edit webpage with javascript trick – how to “unedit”?
  27. See answer keys in Google Form (quiz) source page?
  28. CSS Background Opacity [duplicate]
  29. Angular, image not found (GET 404)
  30. what do
    and do?
  31. CSS Background Opacity [duplicate]
  32. reCAPTCHA ERROR: Invalid domain for site key
  33. Android WebView err_unknown_url_scheme
  34. How to create an HTML button that acts like a link
  35. What do < and > stand for?
  36. What’s the difference between HTML ‘hidden’ and ‘aria-hidden’ attributes?
  37. How to create an HTML button that acts like a link
  38. count(): Parameter must be an array or an object that implements Countable error in php
  39. Can I force a page break in HTML printing?
  40. count(): Parameter must be an array or an object that implements Countable error in php
  41. How do I vertically align text in a div?
  42. What is the difference between HTML tags
  43. Hide scroll bar, but while still being able to scroll
  44. CSS background-image-opacity?
  45. How to create an HTML button that acts like a link
  46. Resize image proportionally with CSS?
  47. What character encoding is >?
  48. HTML 5: Is it
    ,
    , or
    ?
  49. What is the main difference of
    and
  50. Setting table column width
  51. How do I vertically align text in a div?
  52. What does In html mean
  53. How to set a border for an HTML div tag
  54. How can I center text (horizontally and vertically) inside a div block?
  55. iframe refuses to display
  56. Embed image in a
  57. Setting table column width
  58. Why does z-index not work?
  59. How do I vertically center text with CSS?
  60. Automatically pausing html5 video as the ‘next’ button is pressed (javascript/ jquery)
  61. What is difference between png8 and png24
  62. Center image horizontally within a div
  63. Draw Circle using css alone [duplicate]
  64. How to get a tab character?
  65. Failed to load resource: the server responded with a status of 404 (Not Found) css
  66. Why does z-index not work?
  67. How do I vertically center text with CSS?
  68. What does do?
  69. Is it possible to write data to file using only JavaScript?
  70. What is the difference between
    and
  71. What does enctype=’multipart/form-data’ mean?
  72. How to center an iframe horizontally?
  73. Can I have an onclick effect in CSS?
  74. Which characters need to be escaped in HTML?
  75. Image is not showing in browser?
  76. Link with target=”_blank” and rel=”noopener noreferrer” still vulnerable?
  77. Adding a background image to a
  78. How to style a checkbox using CSS
  79. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  80. Add hover text without javascript like we hover on a user’s reputation
  81. Transparent CSS background color
  82. What does do?
  83. How to get a tab character?
  84. Is it possible to write data to file using only JavaScript?
  85. Creating a nav bar with flexbox
  86. How to make JavaScript execute after page load?
  87. Set cookie and get cookie with JavaScript
  88. How can I set the default value for an HTML

© 2026 Read For Learn
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)