How do I get my page title to have an icon

Question

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

User · Answer

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.

User · Answer

According to w3school    lt link rel  icon  href  your icon   gt

User · Answer

this is an interesting question so let check it  if you have a image for use as a website-icon then   Add this to your script       lt link rel  icon  type  image gif  href  animated favicon1 gif    gt    otherwise if you have a icon for your website icon then you chose     lt link rel  shortcut icon  href  favicon ico    gt    I always use http   www iconspedia com  for more icons   if my answer solved your problem then give me vote  ok

User · Answer

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  lt    code   gt    lt link rel  icon  type  image png  href   lt    asset path  icon name jpg    gt   gt

User · Answer

If you wanna use a URL just you can use this code    lt link rel  shortcut icon  type  image x-icon  href  https          gt

User · Answer

This code will defiantly work  In a comment I saw they are using ejs syntex that is not for everyone only for those who are working with express js   lt link rel  icon  href  demo icon gif  sizes  16x16  gt   lt title gt  Reddit lt  title gt    you can also add png and jpg

User · Answer

lt link rel  shortcut icon  type  image x-icon  href  favicon ico    gt    add this to your HTML Head  Of course the file  favicon ico  has to exist  I think 16x16 or 32x32 pixel files are best

User · Answer

Apparently you can use this trick     lt title gt  My title lt  title gt    That icon-alike is actually a text

User · Answer

They re called favicons  and are quite easy to make use  Have a read of http   www favicon com  for help

[html] How do I get my page title to have an icon?

Examples related to html

Examples related to icons