Favicons
Articles about favicons.
290 posts
White pixel grid overlays for favicon refinement
What a white grid PNG is, when a transparent white-line grid helps refine favicon artwork, how it differs from a vector grid, and what to check before using one.
Design a Modern Favicon: Dark Mode Variants That Hold Up at Tiny Sizes
How to design a modern favicon with light and dark mode variants: simplify the vector mark, build an adaptive SVG, keep raster fallbacks, and check usage rights.
Is SVG Vector? What the SVG Format Means for Logos and Favicons
SVG is a vector format, but an .svg file can still hide raster images or unconverted text. Learn what SVG means for logo artwork and favicon design.
Change favicon based on dark mode
How to switch a favicon between light and dark themes: an SVG with an embedded color-scheme query, media-specific link tags or a script, plus design checks for the dark variant.
Adapt a Favicon to Dark and Light Mode
How to make a favicon readable in dark and light browser themes: SVG favicons with color-scheme media queries, single-icon design strategies, raster fallbacks and practical caveats.
How to Optimize a Favicon File
A practical guide to optimizing a favicon: choosing a symbol that survives small sizes, simplifying vector paths, exporting SVG, PNG and ICO files cleanly, and verifying the result.
Placeholder Favicon: What It Is, How It Differs and How to Choose One
A placeholder favicon is a temporary site icon used until the final brand mark is ready. Learn how it differs, what symbol to pick and what to check.
How to Convert ICO to SVG
Turn an ICO icon into a real vector SVG: extract the largest image, trace or redraw it, clean the paths, and check that the file holds no hidden bitmap.
Get a website favicon from its URL
How to find and retrieve a website's favicon from its address, what file formats you are likely to get, how to tell vector SVG artwork from raster images, and what permission covers.
What Favicon Size Does WordPress Need?
WordPress asks for a square site icon of at least 512 × 512 pixels. Learn why, how it handles smaller sizes, where SVG fits, and how to prepare the file from a vector logo.
How to Prevent Wix Favicon Cropping
Stop your Wix favicon from being cropped: build a square artboard, keep the mark inside a padded safe area, export the full canvas, and verify the result after publishing.
Squarespace Favicon Size: What to Upload and How to Prepare It From a Vector Logo
What size favicon to use on Squarespace, which details we could not confirm, and how to turn a vector logo into a compact square icon that stays clear at tab size.