Download Icon Favicon
Alana Fekety
I built Favicon.io because creating a favicon should be a simple process. No other favicon generator or favicon creator can make a well designed favicon from text. If you like favicon.io or have a suggestion feel free to say hello. Feedback is much appreciated!
Hi all thank you in advance for your help.
I want to change the Dokuwiki Icon or Logo on my site.
I have followed the instruction located Here
I am using the Arctic-mbo Template.
So I have changed the lib/tpl/dokuwiki/images/logo.png. Modifying the name to logoBAK.png
And I have uploaded my logo at the same place calling it logo.png
I did the same thing with the lib/tpl/dokuwiki/images/favicon.ico. Modifying it to faviconBAK.ico
And replacing it with my favico.ico file.
I used Inkspace to produce the png.
And I used Icofx to transforme my .png to .ico, files.
But all this did not work. I still have the DokuWiki Icon or Logo.
Get free Favicon icons in iOS, Material, Windows and other design styles for web, mobile, and graphic design projects. These free images are pixel perfect to fit your design and available in both PNG and vector. Download icons in all formats or edit them for your designs.
I've made websites in the past where a simple favicon suffices and the website icon on the iPhone displays properly. However, when using Bootstrap studio, even when entering all the favicon information, I'm having trouble with this step. When I add to my iPhone's homescreen it shows up as a screenshot of the website itself. I've also tried adding favicon.ico and favicon.png manually to my hosting. Any suggestions would be welcome!
I never have issues with favicons, but I don't get too fancy with them. I just create one in Photoshop, save it as a .png, and then use one of the many online favicon generator websites to create the .ico file. I drop it in the BSS website export folder, upload to server, and it's always worked fine.
When iOS Safari users add Progressive Web Apps (PWAs) to their home screens, the icon that appears is called the Apple touch icon. You can specify what icon your app should use by including a tag in the of your page. If your page doesn't have this link tag, iOS generates an icon by taking a screenshot of the page content.
To add a favicon to your website, either save your favicon image to the root directory of your webserver, or create a folder in the root directory called images, and save your favicon image in this folder. A common name for a favicon image is "favicon.ico".
Actually mixed content is more common reason, I reckon. But I tried few moments ago here using link from my own WordPress site and it was showing favicon nicely. So, the issue comes from OP indeed, and is not something strange glitch between Discourse and WordPress per se.
I used sometime ago to put together my icon set. However, I forgot the part where I was supposed to add the generated code to the head section of my site. I had all the images in the right spot though, so everything was working except this one instance.
Hey I was wondering if it was possible to change the favicon on my site in the search engines, like how other businesses have it? Like, is it possible to change rhe globe icon, to my logo, like how it is on fort burches site? Thanks!?
I put a photo down below to give you a better image of what I mean.
Hello - the favicon of my site doesn't show up in Google Search results (see attached). I already followed this discussion and also define a favicon using code injection per Google's documentation -- (see code injection screenshot attached). I uploaded a png file to Design > Browser Icon, and it's a 96x96 pixel file.
The point is that the actual path (URI) to the resource is required by Google for the image to show up in the search results. Support told me that they do not disclose this kind of information, so I set out on a quest to find it myself.
By now, I am clueless. I had already contacted Squarespace support, they couldn't help me (or referred me to Google support). Google Support does not exist on the subject. So I hope to get further with some good advice on here.
The following situation: no matter what favicon I upload (transparent or non-transparent, 48x48px or smaller/larger multiples) it doesn't show up in Google search. However, as soon as I change it, it shows up without problem at the top of the tab and also, if you have the page bookmarked.
I have already uploaded the favicons with different names, waited a few weeks each time and also had the page reindexed several times via Google Search Console. Nothing happens. The search console also shows the default favicon from Squarespace.
My favicon is not appearing on Google search results. I have tried all the recommendations and followed all requirements by Squarespace and Google, and it still does not appear. Perhaps I should try injecting an HTML code but (1) I am unsure where/how to do that on Squarespace, and (2) apparently I need to upgrade my Squarespace in order to do that (please correct me if I am wrong). I do not want to upgrade because I have another website on another platform (Wordpress) and I do not have this favicon issue - I may switch to Wordpress if this does not resolve, but would appreciate any and all advice on this. Thank you!
1) Favicon must be a multiple of 48 pixels square (e.g. 48, 96, 144 pixels on a side) for Google to render it. The Squarespace requirement of multiples of 16 pixels is needed only for Squarespace, and is inadequate for Google. See -in-search
2) Favicon should be created in Paint such that its color palette can meet the rendering requirements. I recommend creating the image (see item 1) and zooming out to see how it will look at 16x16 px, the size it will actually appear on the browser tab, and at 32x32 px as it will appear in Google (may be scaled slightly smaller). When you think you are done, save the image as a .bmp with 8 bit depth (a favicon requirement of some browsers). Then exit Paint and open the .bmp file and inspect the image to make sure the colors are as you expect them, given the reduced color palette. If OK save the file as a .jpg.
3) Favicons are cached in the browser, which means that they don't get refreshed often if at all. To help, make your favicon a different filename than the last one you used. Set the new icon in Squarespace (Design->Browser Icon) to the .jpg file created in step2. Note Squarespace will create the .ico file and include the appropriate reference in your website html. Next, you should log out of Squarespace, clear the browser cache using the settings menu or similar, then load your website page. The new favicon should appear on the browser tab. You may need to fiddle with this several times.
4) You need to nudge Google to update its database of websites. See -indexing/ask-google-to-recrawl For a big website I suggest this, since Squarespace automatically generates an XML sitemap in proper form: -indexing/sitemaps/build-sitemap#addsitemap
I am 100% certain it's an issue with Squarespace and not Google because we have a separate sub-domain not built with Squarespace (we built it with custom code and hosted it differently) and favicon appeared just fine in Google search (screenshots attached). Its a shame that Squarespace support kept saying its a problem with Google. I decided to just give up on this issue.
I have built a few other websites with other hosting services, and this is the first time I had such an issue of favicon not showing up on Google search results. I'm pretty sure it is an issue with Squarespace.
When my Squarespace site was first indexed, the Favicon displayed in search results. It is no longer doing so and is just displaying the Squarespace cube Favicon. Does anyone have any guidance on how to deal with this issue? Generic Favicons or a lack thereof can affect CTRs. This is pretty frustrating.
Have you checked the size of the image file you are using? It must be a multiple of 48px square, for example, 48 x 48px, 96 x 96px or 144 x 144px. Unfortunately this isn't mentioned in the Squarespace support guide.
Did you change the icon recently? The icon should remain stable as stable as possible (not be changed frequently) but if you did make changes, you may want to manually request indexing of your site. This is because the crawler will only check it very occasionally.
Google produce guidelines that explain how to be eligible for a favicon in Google Search results.
I have added a favicon and it shows up in my browser tab. I have also added a logo for my social image. However, when my sire shows up in a Google search, there's no logo... just a generic globe (see attached).
How can I remove the favicon/browser icon on my website so that there is no icon, including the default Squarespace block icon? I'm looking to make it completely blank. Some ideas I have are adding a completely transparent logo or something. I chatted with Squarespace support, and he suggested that I may be able to delete the default logo with CSS, but I don't know how. I've never seen this question asked before either. Any advice?
Hey CassAggett, I changed the favicon like you said. While on my it works is transparent on my dekstop, on mobile it's still the default squarespace block. How can I fix this? It's been like this for over a day.
c80f0f1006