icon-generator | generator macOS and windows app icon | Icon library

I've found an answer to this. The problem was that the height of the svg-path was greater than the width. I tried some 'hacks' with inkscape to add another invisible path to the svg with the width equals height, but it didn't work out.

In the end I opened the font (.ttf) with FontForge (open source), centered the icon, saved the font again and it worked.

Here are the steps, it may saves someones time:

1. Open the font in FontForge
2. Click on "View - Goto" and enter the icon address (In my case it was 0xe800)
3. Double click on your icon to open the editor
4. Metrics - Center in width
5. Close editor
6. File - Generate Fonts
7. Enter your desired name and choose TrueType for the font format
8. Click Generate
9. Some dialogs will appear with warnings and the offer to fix some stuff - just click yes or review all the time
10. If a window pops up with your icon name - double click it and some fix the problems with the upcoming popups
11. Done - Don't forget flutter clean before using the new font

I have used a combination of Java script and XPaths to get the :

1. First element before the shadow-root by tagname // Here i am using the getElementsByTagname to get tag which gets all the elements under the tag which is just before the second shadow-root.
2. ' WebElement ironPages = (WebElement) jse.executeScript("return arguments[0].shadowRoot.getElementsByTagName('iron-pages')[0]", edgeCallControl); '
3. once i get the above , i am able to access every element by "id" of each of the element as per the HTml

Get the button button , where the Button is the ID. ` WebElement button = (WebElement) jse.executeScript("return arguments[0].shadowRoot.querySelector('#Button')", edgeManualDial);'

this ideas i got from the "Shadow-dom support for selenium"

Favicons have a tendency to cache super-aggressively.

Your code doesn't appear to be off, but I would suggest the following troubleshooting steps:

• Try accessing the same page in a different browser. Make sure that going to /favicon.ico directly in the browser actually works, and gives you the icon you expect.

• Load the page in a different browser (or a different computer) - one that has preferably never seen this page before.

I'm not sure it's related to this, but there a couple of issues with other parts of the code that could possibly be causing this side-effect;

• You've missed a ! in your doctype - it should be
• Your title should be inside your head section.

I suggest also running your html through a linter, as badly formed html can have really strange side effects sometimes.

Should put your icon code outside the tag. Stuff inside is only parsed if javascript is disabled.

UPDATE

Time to run in circles and try everything then:

Clear your caches and whatnot. Try to navigate to /favicon.ico in your browser to make sure it's being served.

Load your site in incognito/private mode, or on multiple browsers, or on a different device

Get rid of the rel="shortcut icon" line. It's for IE8 and below, so nobody cares.

Try using a plain png favicon. Save a PNG called favicon.png, and use