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
0
votes
1 answer

Adding website logo to homescreen from website

I have already written a code to add my website logo to my desktop using and it is working fine. I have also added additional code to have the same thing work for mobile home screen. But, I am having to use the function provided in the browser menu…
0
votes
1 answer

Do browsers request favicon.ico even if it is not linked in the HTML

I am looking for a site for somebody, and fixing errors as I find them. There is no Favicon.. that is ok, I can fix that. My question is, do browsers (or certain browsers, Chrome in this case) request favicon.ico as soon as they load a site.. or…
Mike Irving
  • 1,480
  • 1
  • 12
  • 20
0
votes
0 answers

Web site icons always show the "Bootstrap" icon in Safari

I have a site built with Bootstrap 3. I have created all the formats of favicons and apple-touch-icons:
Steve
  • 14,401
  • 35
  • 125
  • 230
0
votes
1 answer

Favicon and headers not working in custom domain for rails app with heroku and Godaddy

I have a rails app hosted on heroku and then pointing my custom domain to it via GoDaddy. I've been struggling to get the favicon to work and have tried everything in this post. Favicon shows up on rails local, not on hosted app I've also tried rake…
user3787971
  • 457
  • 4
  • 22
0
votes
3 answers

How to detect if a file is a favicon in PHP?

I need to check if an uploaded file is a favicon type and I need do it in a secure way. If I upload a favicon file through an input file and print the $_FILES variable, I can see that the variable has the following type value:…
Kevin Gravell
  • 499
  • 2
  • 7
  • 20
0
votes
0 answers

fav icon not showing in chrome browser

my website showing fav icon in Firefox but not showing up in chrome browser, in chrome browser the index page is showing but the other pages not showing up , please help me to fix this. my website : http://www.tempfisher.com/ other page where fav…
Saravanan Kasi
  • 676
  • 6
  • 21
0
votes
1 answer

add favicons into a bootstrap built website?

This is my very first bootstrap website. I've made 1000 in plain html, css, etc. This is normally the code that I put in the '' section on every html page.
mlegg
  • 784
  • 6
  • 19
  • 35
0
votes
1 answer

Favicon Dynamic Code with HTML

The dynamic html code listed below: $("#favicon").attr("href","./favicon2/favicon2.ico"); Does not switch between two favicon image files on clicking of the browser tab. View…
Harold H.
  • 37
  • 4
0
votes
1 answer

Remove favicon from ASP.Net MVC Application

I have an ASP.Net MVC Application. I want to remove the favicon from my browser tab, but I am not able to do so. I have deleted the favicon.ico from my application and also put the below piece of code in Route.config to ignore…
Senjuti Mahapatra
  • 2,570
  • 4
  • 27
  • 38
0
votes
0 answers

Why do chrome's refresh button and the favicon update for every state change in React app?

I have just started developing with React so I might do this completely wrong, but I have a component that changes some icons when it is hovered, so I updated the state onMouseEnter and onMouseOut and it does what I expect it to do. My issue is that…
nightfury
  • 74
  • 5
0
votes
0 answers

Favicon works on Desktop browser but not on mobile browser

I'm trying to dynamically display the favicon, I've succesfully made the favicon dynamic on desktop browsers, like this: however, on iphone's Safari browser, this does not…
0
votes
1 answer

Universal favicon file for all sizes on all platforms?

I know that there are many devices that uses the favicon from the website in different ways... On these favicon generator websites you can easy put an image there and the website will do the rest (generating several scaled images for certain…
Lenak
  • 61
  • 1
  • 1
  • 4
0
votes
0 answers

Favicon isn't visible

I tried to add a favicon (simple #101010 square) to my website. However, it isn't visible and I have no clue why. Can anybody help me? I use the following code to embed the favicon in Wordpress.
didi
  • 287
  • 1
  • 6
  • 16
0
votes
3 answers

Favicon.ico doesn't appear in title bar

I am trying to add a favicon.ico in my title but it is not working. The image and the HTML file are in the same folder but it still can't show me the favicon icon. <link href="\Users\fjoni_000\Desktop\Stuff\Projects\Programming\favicon.ico"…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/favicon" class="post-tag grid--cell" title="show questions tagged 'favicon'" rel="tag">favicon</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card__deleted"> <time class="s-user-card--time" datetime="asked Jun 16 '16 at 18:10">asked Jun 16 '16 at 18:10</time> <div class="s-avatar s-avatar__32 s-user-card--avatar"> </div> <div class="s-user-card--info">user6337937</div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-37774069"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/37774069/can-should-i-use-parameters-in-links-to-favicon-tiles-and-the-like" class="question-hyperlink">Can/should I use parameters in links to favicon, tiles and the like?</a></h3> <div class="excerpt">These days we can specify boatloads of icons, startup images, tile images etc. specific for different devices in the head section of our websites. Almost every version needs its own meta-tag which specifies its target and resolution, eg. <link…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/get" class="post-tag grid--cell" title="show questions tagged 'get'" rel="tag">get</a> <a href="../../questions/tagged/favicon" class="post-tag grid--cell" title="show questions tagged 'favicon'" rel="tag">favicon</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 12 '16 at 12:10">asked Jun 12 '16 at 12:10</time> <a href="../../users/5556960/marlinn" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/5556960.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="MarLinn" /> </a> <div class="s-user-card--info"> <a href="../../users/5556960/marlinn" class="s-user-card--link">MarLinn</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">319</li> <li class="s-award-bling s-award-bling__silver" title="3 silver badges">3</li> <li class="s-award-bling s-award-bling__bronze" title="10 bronze badges">10</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <a class="s-pagination--item" href="../../questions/tagged/favicon_page=96" rel="prev" title="Go to page 96">Prev </a> <a class="s-pagination--item" href="../../questions/tagged/favicon_page=1" rel="" title="Go to page 1">1</a> <a class="s-pagination--item" href="../../questions/tagged/favicon_page=2" rel="" title="Go to page 2">2</a> <a class="s-pagination--item" href="../../questions/tagged/favicon_page=3" rel="" title="Go to page 3">3</a> <div class="s-pagination--item s-pagination--item__clear">…</div> <a class="s-pagination--item" href="../../questions/tagged/favicon_page=99" rel="" title="Go to page 99">99</a> <a class="s-pagination--item" href="../../questions/tagged/favicon_page=100" rel="" title="Go to page 100">100</a> <a class="s-pagination--item" href="../../questions/tagged/favicon_page=98" rel="next" title="Go to page 98"> Next</a> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>