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.
1,710
questions
0
votes
0
answers
15
views
Ubuntu Nginx React Build Webpack - favicon is not displayed
Favicon is not showing.
React -> Webpack (favicon) -> Build -> Nginx -> Not showing in the browser.
I tried to add:
mime.types to the nginx.config.
launch the standard npx app.
added path ...
0
votes
0
answers
31
views
Fetching favicon with default icon
Hi I am using google's favicon gstatic to get icons of different domains.
For example, to get netflix favicon : https://t0.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,...
4
votes
1
answer
68
views
+50
Default React Favicon shows up on pdf view instead of customized one
I have the following file structure in my React App - public folder:
So my custom favicon that I added(instead of the default React one that I deleted) is working fine, it shows up. Now when the pdf ...
0
votes
0
answers
21
views
slack encodes & to & in href
In order to serve app specific favicon in slack link preview, Server is sending html with link tag along with others og:tag:
<link rel="icon" href="/favicon?appName=XYZ&api_key=...
0
votes
0
answers
17
views
Is there still support for favicons in react using Firefox?
Trying to host a react app on github pages but when the website opens in Firefox the favicon will not show up.
Tried resetting cache and browser and use multiple variations of the code below but still ...
-2
votes
1
answer
40
views
React pending request to server when deployed to GCP App Engine
I deployed a React + FastAPI app to GCP app engine. However, I'm getting a HTTP Status Code 500 which's an internal server error and I checked the problem and found out that the favicon.ico is pending ...
0
votes
1
answer
22
views
my favicon not showing up on my local server how do i correct it?
enter image description here
enter image description here
I'm working on a local server and trying to add a simple favicon. I have already searched high and low on these forums, and tried everything. ...
0
votes
1
answer
20
views
SVG favicon not working for Chrome shortcut
I'm using <link rel="icon" href="images/icon.svg" sizes="any" type="image/svg+xml"> and it works like a charme for the icon in the browser tab:
However, ...
0
votes
0
answers
12
views
Error that displays whenever I open dev tools, no matter the project I am working on
Error:
Failed to load resource: the server responded with a status of 404
(Not Found): favicon.ico:1
This error loads every time I open dev tools, both in Chrome and FireFox, and both launching my ...
-2
votes
0
answers
18
views
How do I create an embed HTML link for a favicon generator?
I'm working on a favicon generating web app that displays a embed HTML code for linking the favicon. I am using Django for the development of this web. I'm out of ideas on what approach to use for ...
0
votes
0
answers
27
views
favicon.png works on all pages except root
I have a Flask website. There is a root (aka / or index.html) main page, and a few other pages. In development, the root page can be accessed with http://localhost:5000/index.html or http://localhost:...
-2
votes
0
answers
16
views
Need Help regarding favicon uploadin in Wordpress
I want to upload a fvicon on my site but i need it to be specific for every single device. Like for apple there is a different favicon and for windows its different. I have all types of favicon and ...
0
votes
0
answers
25
views
How to override root pdf fav icon using yii2, php
I want to override root fav icon of pdf dynamically when i open pdf.
i have tried many things but every time suggestion is place your fave icon to the root directory with favicon.ico name.what when i ...
0
votes
1
answer
30
views
Favicon in Angular not showing
Ive been struggeling to get my favicon in my Angular app to show up. No matter what i try, it wont work.
I have it in the src folder of my project
And this is how i linked it in the index.html:
<...
-1
votes
0
answers
16
views
How can I prevent discoloration of my favicon?
Discolored Favicon
Hello, I hope you are doing well. In my website endeavours, I found that my favicon's coloration seems to be darkened when put into my browser. Why is this?
-2
votes
1
answer
49
views
favicon.ico:1 GET http://127.0.0.1:8000/static/favicon.ico 404 (Not Found) even after adding a link [duplicate]
I am trying to fix this error:
favicon.ico:1 GET http://127.0.0.1:8000/static/favicon.ico 404 (Not Found)
The error came after I added a fetch to a JavaScript function.
I have tried adding &...
0
votes
0
answers
41
views
Android chrome home screen shortcut icon
Has something changed in Chrome/Android in the last year that has made shortcut icons not creatable on your home screen anymore? When using the "Add to homepage..." in the burger menu I used ...
0
votes
1
answer
42
views
Change color of a SVG in Favicon
I want to change the color of a SVG that I use as a FavIcon in an HTML-Page.
I want to use a button and if you click the button it should change the FavIcon.
I already got it to work with normal SVG ...
-1
votes
1
answer
47
views
How to get a favicon from a website URL without seeing a CORS error?
Does anyone know how to get a favicon from a website URL without seeing a CORS error?
I'm implementing a simple chrome extension that shows a list of my bookmarks. As I wanted to display a bookmark ...
0
votes
2
answers
49
views
Some favicon images come corrupt from Kubernetes cluster
I'm trying to figure out why this is happening. In production, my site https://gordo.fitness returns the favicons apple-touch-icon.png, favicon-16x16.png, favicon-16x16.png and favicon.ico are not ...
1
vote
0
answers
37
views
Github Pages Markdown Icon
I am working on a simple markdown-based Github Pages website and I would love to have a custom icon. I know how to do this in HTML but would honestly prefer to just write basic markdown to make it ...
0
votes
1
answer
52
views
Favicon not showing on safari despite several sizes
i am trying to get a favicon to display on safari it works on every other browser except safari.
The application i built runs on Nuxt3 with composition api.
In the default layout i've added the ...
0
votes
0
answers
51
views
favicon successfully changed on chrome but not on safari
I changed all the icons in the icons folder inside web for my desired icon. On chrome, it works fine, but on safari its still showing me the flutter icon. Do I need to change something somewhere?
0
votes
0
answers
35
views
Add to Homescreen icon doesn't work, but favicon works
Although Favicon works (i see my icon in Chrome browser etc) I cannot make "Add to home screen" to Android to work..I've tried many different tags but nothing..
Here is my code:
<!-- ...
0
votes
2
answers
21
views
What size should i apply for favicon?
I have sized a favicon with 20px and 5px. but it's showing stretched and not looking well at all. what should I do to set favicon nicely on my project? Here's my project link.
https://github.com/...
0
votes
2
answers
49
views
Started fullstackopen for the first time and getting a "favicon.ico" request in the network tab
So I basically started this web dev course by fullstackopen and in one of the steps it says that once you open the Developer Console, and refresh the tab, 2 requests shall appear (one HTTP GET request ...
0
votes
2
answers
40
views
Favicon doesnt seem to work at all . the icon besides title
i tried clearing dns cache and reloading still dont work . here is full code
main.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
...
0
votes
0
answers
123
views
Favicon Refresh / Cache - iOS iPhone & Simulator
I'm building a personal website and want to use my favicon across modern up-to-date browsers. Desktop (Safari, Chrome, Brave) etc... work as desired. However, iPhone, either simulator or personal ...
0
votes
0
answers
22
views
My favicon is not appearing no matter what I try
I know this feels like an age-old question but I cannot for the life of me seem to get this thing to work! I've cleared all caches & history on both Safari and Chrome but the image still won't ...
2
votes
2
answers
351
views
Assets within public directory give 404 errors in Next.js App
I have been trying to get the favicon for my site (uses next.js) to show up. After going through countless Stack Overflow posts and tutorials, I am starting to get frustrated.
My project's structure, ...
0
votes
1
answer
244
views
How do I add a favicon to Single Spa?
I've spent some time trying to find a way to add a favicon to Single Spa application, believe it or not :). I couldn't find anything in the framework documentation. There are bits and pieces about ...
0
votes
0
answers
18
views
Favicon.ico not working after multiple attemps
I have been trying to add a favicon to my code and it is not working. I have generated a code on google chrome favicon generator as well as placed the zip file in my root directory. Please help?
0
votes
1
answer
106
views
Where is my angular project picking up the A favicon.ico from? It's not in my project
Just recently, code that has worked correctly since 2018 has started falsely showing the old default "A" favicon.ico from Angular. I have combed my code and can't find it anywhere. All of my ...
1
vote
0
answers
30
views
How do I change the favicon of an html bookmark/tile on a Samsung watch 4
I like to save internet bookmarks as tiles on my watch 4. They all show the same generic icon. Is there a way to change these? Like a favicon?
0
votes
1
answer
74
views
Favicon only showing for index route
I'm running a react / webpack application and the favicon does not show when loading any route of my app other than the index ("/").
/public/app-bundle.js --> react/webpack bundle
/public/...
-1
votes
2
answers
133
views
asp.net core favicon.ico goes through custom middleware
In my CustomMiddleware, I have a simple logging and some Authenticated user related code.
It seems like favicon.ico request goes through CustomMiddleware, but request path is "/" same as ...
0
votes
1
answer
27
views
Favicon is not showing when I put / at the end of URL in PHP website
I have a website made with PHP we have rewritten some URLs using htaccess to remove .php but now when I put / at the end of URL the favicon is not showing
link without slash https://www.seosolutions....
0
votes
0
answers
277
views
Angular favicon.ico is not showing
I try to replace my favicon.ico in my angular app. In the code, I can find the right .ico. But the .ico is not showing in the browser (See below).
favicon.ico is in my src folder
https://i.stack....
1
vote
1
answer
117
views
Adding Favicon.ico to Contentful or Gatsby website
I am trying to add a new favicon logo to a Gatsby site on Contentful. Do I put it in Contentful or in the code on Gatsby? Also with that being said, is there a way to make the Favicon animated as well?...
0
votes
0
answers
105
views
cannot access favicon with react app through nginx server
I created a react app and I want to host it on a vps using nginx.
However, when I go to the website it loads the react default favicon and not mine. When I go to console I get the following error
...
-2
votes
1
answer
83
views
How can i change the icon of my site that appears on google
See the image of what i want
I tried using <meta property="og:image" content="logo.png">
but it still shows the default which is a web icon
1
vote
0
answers
95
views
Showing default favicon if getting custom favicon from an API fails
I have a front end that is written in Angular and a default favicon.ico is packed in the public folder. A simple index.html is showing this favicon.ico as follow:
<html>
<head>
<...
0
votes
0
answers
24
views
Browser tab badge notification with out changing favicon [duplicate]
Is there any way to have a badge for notification in the browser's tab without changing the favicon?
0
votes
1
answer
322
views
Google's change of favicon service
For a long time you could get the favicon of every site from a public Google link, it had the format
https://www.google.com/s2/favicons?domain=stackoverflow.com
It was possible to download it with ...
0
votes
0
answers
168
views
Can't change favicon dynamically on Safari
I want to create a page where users can customize their portals, with custom color, image, etc. The custom image should be used as the favicon of the page.
The problem is that I'm not being able to ...
0
votes
0
answers
27
views
Check the name of the favicon displayed in the browser tab
In a website's source code, there are several icons linked:
<link rel="icon" type="image/png" sizes="192x192" href="mysite.net/assets/icons/android-icon-192x192....
0
votes
0
answers
14
views
favicon.ico through host pointing to server
Odd issue, but one I haven’t been able to solve in years.
I have used my own web servers forever and a day. But I’m always messing with them trying to learn this or that and will occasionally destroy ...
0
votes
2
answers
102
views
Problems with favicon, can not make it to show up whenever the path is different than having it saved in the same folder as the html one
<link rel="icon" type="image/x-icon" href="/photos/icon.ico" /> so this does not work
<link rel="icon" type="image/x-icon" href="icon....
0
votes
0
answers
38
views
Django Heroku Application Erorr
I made a small site and I wanted to publish it on heroku. However, some errors arose during this time.
The site gave a favicon.ico error, so I wondered if there was a problem with the django project I ...
2
votes
1
answer
118
views
Why is the favicon only shown in the root page?
I have a react app and a favicon icon in the folder src. It is only shown for the root path, the other pages cannot find it. In the developer tools, it show a wrong path for a subpage, it tries to get ...