Favicons in Webflow

Creating a Favicon

Overview
What is a Favicon?
100
Where Do Favicons Appear?
101
Favicons in Google Search Results
102
Webflow & Favicons
What Favicons Does Webflow Support?
200
Creating Favicons
Creating a Favicon
300
Resources
References
600
Troubleshooting Favicons
601
What Favicons Does Google See?
601
Advanced
Technical Notes
800
Favicon formats
801
Advanced Favicons use
810
Expert Favicons use
820
No items found.
Published
November 10, 2022
Updated
in lightbox

So many ways.

Branded Favicons

Ideally, you'll use your own brand logo as an icon, but it must be square.

Create your icon in any graphic software of your choice, and export into Webflow's two formats;

  • 32x32 PNG
  • 256x256 PNG

Online tools

You can also find tools that may help automate this process;

Finding a pre-made icon

I prefer to use Flaticon for this.

Here's why;

  • It costs, but it has a huge array of icons and styles I like, and allows export as specific sizes and as SVGs as well.
  • It also allows for color-editing. All of these things are great for my purposes.
  • It specifically supports PNG export to the sizes Webflow needs as well.

More tools & resources

  • IconArchive - https://iconarchive.com/
  • https://realfavicongenerator.net/

FAQs

Answers to frequently asked questions.

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.