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

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

   <link rel="icon" type="image/gif" href="animated_favicon1.gif" />

otherwise if you have a icon for your website icon then you chose

 <link rel="shortcut icon" href="favicon.ico" />

I always use http://www.iconspedia.com/ for more icons

if my answer solved your problem then give me vote ok

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

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

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

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    lt link rel  shortcut icon  type  image x-icon  href  icon ico  gt    The icon will work as expected     However  if you set it like devXen has suggested    lt title gt  Amir A  Shabani lt  title gt    The title of the page moves upon refresh     So I would advise using  lt link gt  instead

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

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

User · Answer

According to w3school    lt link rel  icon  href  your icon   gt

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

Examples related to html

Examples related to icons