1,802 questions
1
vote
2
answers
77
views
Can I use the favicon in my website sections such as the navbar in Next.js?
First, I'm new to NextJS. When I try to use the SVG picture I'm using as a favicon in other parts of the website, it doesn't work.
Here's the tree of my directory:
|- components/
| |- Navbar.tsx <-...
0
votes
0
answers
51
views
Favicon in NextJs 15 renders in only some browsers
I deployed a NextJs 15 project through Vercel. When running locally, my personalized favicon loads perfectly, but when deployed it depends on the browser I use.
In my Chrome I see it correctly, but in ...
1
vote
1
answer
274
views
Why does my favicon appear smaller than other sites in Google search? (Next.js 14 + favicon.ico only)
In Google search results, I noticed that some sites show a full-sized favicon (A), while mine shows a smaller one (B) with padding or shrink.
Here’s what I mean:
A (Other site – full favicon):
B (My ...
0
votes
0
answers
49
views
Browser extension fails to reliably update favicon on SPA pages despite correct <link rel="icon"> in DOM
I’m developing a browser extension that changes the favicon on a Single Page Application (SPA).. specifically Roblox.com. The extension injects code to replace the existing favicon with a custom SVG ...
0
votes
0
answers
67
views
How to fix MASK-ICON for Safari
I prepared some mask-icon for my website, but I can't find the reason why it doesn't work. I've been looking for solution for a week. And still don't understand why safari doesn't use it...
That's my ...
3
votes
2
answers
413
views
Different light and dark mode favicons in Safari
I’m trying to cause Safari to use different favicons in light and dark mode. In other browsers you’d do this:
<!doctype html>
<title>test</title>
<link rel="icon" href=&...
0
votes
0
answers
137
views
Favicon not displaying in Firefox on iOS, despite correct link tags setup
I'm experiencing an issue where the favicon is not displaying in Firefox on iOS.
The link tags and other favicon-related tags are correctly defined in the HTML head, and the icons are accessible at ...
0
votes
1
answer
241
views
What is a way of adding a favicon in Nuxt 3?
I am not sure how to add a favicon in Nuxt 3. I see many suggestions online, but they all don't seem to work.
I've now put my favicon in the /public folder as favicon.ico, I've run a new npm run dev, ...
0
votes
0
answers
391
views
Setting favicon for nicegui app, visible on one port but not the other
I'm trying to set a favicon for my app with following code (main):
app.mount("/static", StaticFiles(directory="static"), name="static")
ui.run(storage_secret="...
1
vote
1
answer
102
views
Vaadin SpringBoot - Favicon with @PWA not working
I'm using Vaadin UI (v24) with SpringBoot (v3.4). I've added a favicon which is correctly displayed when I open the app in my browser.
When I add the @PWA annotation to my app, the favicon is not ...
1
vote
0
answers
194
views
How do I correct the white ring issue around my favicons?
Nothing I've done is resolving the extra white space surrounding my favicons in various places and at various sizes. I have 5 favicon's (smaller sizes have are styled different) in .png format and all ...
1
vote
1
answer
158
views
Linked iOS home screen icon for launching a webapp doesn't show up on iPhone
I have created a simple test web app using Apps Script. I would like to deploy the web app url on an iPhone/iPad home screen with a custom icon. When I add the web app with "Add to Home Screen&...
-1
votes
1
answer
146
views
How to change page icon color in browser tab
Fontawesome free icons are used as page icons like
<html><head>
<link rel='icon' href='https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/pen-to-square.svg'>
</...
-1
votes
1
answer
90
views
Nginx - Serving different favicons for each subdomain sharing the same declaration
I have 2 sites: abc.domain.com & def.domain.com
Being subdomains, they share the same cert and also the same root folder. Essentially they go to the same site, but for different clients.
server {
...
1
vote
1
answer
341
views
Chrome on Android prefers apple touch icon over SVG favicon
I'm testing favicon in a web page in my local, non-HTTPS, vitejs development server.
This is the part related to favicon:
<link
rel="icon"
href="/favicon-32x32-light.png"
...