Suddenly I found answer here You should add “?” to your favicon path and it works! Even with path such as images/favicon.ico. Just try: <link rel=”icon” href=”https://stackoverflow.com/images/favicon.ico?” type=”image/x-icon”> Other browsers works too. Remember to restart mozilla, because of it’s own cache, that is not connected with css and other caching. updated: Another way is set … Read more
I’ve seen this problem as well and it’s really obnoxious. From what I can tell, Chrome populates the chrome://favicon/ cache after you visit a URL (omitting the #hash part of the URL if any). It appears to usually populate this cache sometime after a page is completely loaded. If you try to access chrome://favicon/http://yoururl.com before … Read more
Here are 2 working options, I tested over 100 urls and got different results which each option. Please note, this solution is not JS, but JS may not be necessary. <!– Free –> <img height=”16″ width=”16″ src=”http://www.google.com/s2/favicons?domain=www.edocuments.co.uk” /> <!– Paid –> <img height=”16″ width=”16″ src=”http://grabicon.com/edocuments.co.uk” />
Right you’ve not been that helpful (providing source would be have been really useful!) but here you go… Some things to check: Is the code like this: <link rel=”icon” href=”http://www.example.com/favicon.ico” type=”image/x-icon” /> <link rel=”shortcut icon” href=”http://www.example.com/favicon.ico” type=”image/x-icon” /> Is it in the <head>? Is the image a real ico file? (renaming a bitmap is not … Read more
For Laravel 5.xx We can link favicon icon and css file in the following way. In Laravel application put your favicon icon and css file under the public folder. In my case, I put them public/css folder. <link rel=”shortcut icon” href=”{{ asset(‘img/favicon.png’) }}”> <link href=”{{ asset(‘css/style.css’) }}” rel=”stylesheet”> For Laravel 6.00 <link rel=”icon” href=”{{ URL::asset(‘/css/favicon.jpg’) … Read more
Disclaimer: I’m the author of RealFaviconGenerator, which I expect to be up-to-date (mostly, see below). So don’t be surprised if this answer matches what RFG generates. The one-size-fits-all myth There is no “one size fits all” icon. You can’t create a single SVG icon and expect it to work everywhere. From a technical point of … Read more
EDIT: Got it working with var canvas = document.createElement(‘canvas’); canvas.width = 16;canvas.height = 16; var ctx = canvas.getContext(‘2d’); var img = new Image(); img.src=”https://stackoverflow.com/favicon.ico”; img.onload = function() { ctx.drawImage(img, 0, 0); ctx.fillStyle = “#F00″; ctx.fillRect(10, 7, 6, 8); ctx.fillStyle=”#FFFFFF”; ctx.font=”bold 10px sans-serif”; ctx.fillText(‘2’, 10, 14); var link = document.createElement(‘link’); link.type=”image/x-icon”; link.rel=”shortcut icon”; link.href = canvas.toDataURL(“image/x-icon”); … Read more
There is a solution that works on every browser: go to www.yourwebsiteurl.com/favicon.ico (works for localhost as well) force refresh (Ctrl+F5 for most browsers, or manually) restart the browser
Is it really a .ico, or is it just named “.ico”? What browser are you testing in? The absolutely easiest way to have a favicon is to place an icon called “favicon.ico” in the root folder. That just works everywhere, no code needed at all. If you must have it in a subdirectory, use: <link … Read more
For me the problem was that on localhost it never worked in Edge. No matter what I did. It was always fine in Chrome and Firefox. The solution was that it only worked in Edge after I deployed to the webserver.