I would like to have my site’s logo shown in the icon area of the title rather than the default white document. Exactly as Stack Overflow has it.
I would like to have my site’s logo shown in the icon area of the title rather than the default white document. Exactly as Stack Overflow has it.
The accepted answer works perfectly fine. I just want to mention a minor problem with the answer devXen has given.
If you set the icon like this:
<link rel="shortcut icon" type="image/x-icon" href="icon.ico">
The icon will work as expected:
However, if you set it like devXen has suggested:
<title> Amir A. Shabani</title>
The title of the page moves upon refresh:
So I would advise using <link> instead.
This code will definitely work. In a comment I saw they are using a 'js' syntax that is not for everyone only for those who are working with 'express.js'
<link rel="icon" href="demo_icon.gif" sizes="16x16">
<title> Reddit</title>
you can also add png and jpg
If using in ruby rails use the below code.
For calculating the path of the file, asset_path function is used to find the image that we are using inside of the rails code embedded in <%= code %>
<link rel="icon" type="image/png" href="<%= asset_path('icon_name.jpg')%>">
If you wanna use a URL just you can use this code.
<link rel="shortcut icon" type="image/x-icon" href="https://..." />