Questions tagged [favicon]

An icon associated with particular website. It is often displayed in a web browser in address field (usually left to the URL), on tab bar, or in bookmarks.

A favicon is an icon associated with a particular website. It is often displayed in a web browser in the address field (usually left of the URL), on a tab bar, or in bookmarks.

Originally, favicons had a size of 16x16 pixels, though now they can be larger. How large the favicon is depends on the user agent. Favicons were introduced by Internet Explorer 5, which was using those small graphics for ed websites. Bookmarked websites were called favorites in IE5, which led to the name "favicon".

Favicons were originaly produced in format, but now they can use other types of image files (ie. or ). The benefit of using ".ico" files is that these can hold images in multiple sizes (usually 16x16, 32x32 and 48x48 pixels) for different contexts such as in the browser or on the desktop.

Favicons help give a website identity. They are often a scaled-down version of a website logo.

1781 questions
88
votes
6 answers

SVG Favicon Not Working

I'm trying to get an SVG Favicon on my site but no matter what I do, it just doesn't want to work. I've got the following code saved as an .svg file in my usual favicon location, but when I change the favicon path to be .svg instead of .ico, nothing…
Sam Willis
  • 4,001
  • 7
  • 40
  • 59
86
votes
8 answers

Spring Boot: Overriding favicon

How can I override the favicon of Spring Boot? NOTE: Here is my another question that provides another solution which does not involve any coding: Spring Boot: Is it possible to use external application.properties files in arbitrary directories…
zeodtr
  • 10,645
  • 14
  • 43
  • 60
85
votes
12 answers

How to set-up a favicon?

I am trying to do a very simple preliminary exercise to setting up a website which is creating a favicon. This is the code I am using:
user2694332
  • 851
  • 1
  • 6
  • 3
83
votes
9 answers

What is currently the best way to get a favicon to display in all browsers that support Favicons?

What is currently the best way to get a favicon to display in all browsers that currently support it? Please include: Which image formats are supported by which browsers. Which lines are needed in what places for the various browsers.
Fred
  • 2,713
  • 3
  • 27
  • 30
82
votes
3 answers

Converting GIF's, PNG's and JPG's to .ICO files using Imagemagick

From: JPG, To: ICO; /usr/bin/convert -resize x16 -gravity center -crop 16x16+0+0 input.jpg \ -transparent white -colors 256 output/favicon.ico This is the output for the command line. From: GIF's, PNG To: ICO; /usr/bin/convert -resize x16 -gravity…
Chris Braid
  • 821
  • 1
  • 7
  • 3
78
votes
7 answers

How to animate a favicon?

How to animate a favicon like that? It seems to work only in Firefox.
tonyf
  • 34,479
  • 49
  • 157
  • 246
77
votes
12 answers

How to add favicon in rails 3.2

I know new rails apps come with an empty favicon.ico file. I want to know how I go about adding a favicon. I know you can use the favicon_link_tag helper, but I am not sure how to populate the favicon.ico file. Do you use favicon generators? If…
noob
  • 1,807
  • 2
  • 18
  • 34
77
votes
4 answers

HTML5 ``

The WHATWG document for HTML5 says that the rel attribute must contain values that are space-separated, and then it gives a table of allowed values. The attribute's value must be a set of space-separated tokens. The allowed keywords and their…
chharvey
  • 8,580
  • 9
  • 56
  • 95
73
votes
5 answers

favicon not displayed by Firefox

I DO know this question has been asked at least a thousand times in this website alone, but I HAVE read many of those threads, I DO consider myself very knowledgeable and rarely ever ask anything, instead prefer to do my own research. However, THIS…
Mörre
  • 5,699
  • 6
  • 38
  • 63
73
votes
7 answers

What are the correct pixel dimensions for an apple-touch-icon?

I'm not sure what the correct size should be. Many sites seem to repeat that the apple-touch-icon should be 57x57 pixels but cite a broken link as their source. Hanselman's and playgroundblues's comments suggest different sizes including 163x163 and…
Zack Peterson
  • 56,055
  • 78
  • 209
  • 280
70
votes
5 answers

Where do I put my favicon with Hugo

I am using Hugo to generate a static site. Where should I put my favicon.ico file?
katzkode
  • 1,911
  • 1
  • 13
  • 18
68
votes
17 answers

HTML Favicon.ico won't show on Google Chrome

I am making a HTML page and one of the things I wanted was a favicon appearing next to the title. I'm using Google Chrome, I see favicons working on other websites, but the favicon on my website won't show up. The site is in a folder on my desktop…
Nick
  • 946
  • 1
  • 6
  • 15
66
votes
10 answers

Unable to set favicon using Jekyll and github pages

I am trying to set a favicon.ico for my github page, but it doesn't work. When I serve it locally I see the standard "empty" favicon and when I push it I see the facebook icon. Why is it so? I have the right favicon.ico in the root directory of my…
Dror
  • 12,174
  • 21
  • 90
  • 160
58
votes
8 answers

Unable to Change Favicon with Express.js

This is a really basic question, but I'm trying to change the favicon of my node.js/Express app with app.use(express.favicon(__dirname + '/public/images/favicon.ico')); and I'm still getting the default favicon. This is in my app.configure…
gtmtg
  • 3,010
  • 2
  • 22
  • 35
55
votes
9 answers

WARNING Not Found: /favicon.ico in Django

I'm new to Python and Django. I'm seeing this error message after I perform runserver, when trying to log in from my landing page, $ python manage.py runserver Running in development mode. Running in development mode. Running in development…
henghonglee
  • 1,732
  • 3
  • 20
  • 29