Favicons
Articles about favicons.
290 posts
W3C Guidance on Website Favicons
What W3C and HTML standards say about favicons: how icons are declared, how sizes and SVG fit in, and what that means when preparing a favicon from vector logo artwork.
Favicon for a Construction Website: Building a Mark That Works in Light and Dark Mode
How to turn a construction company logo into a favicon that stays legible at tiny sizes and in dark mode, and how to check whether the source file is truly vector.
How to Convert PDF to SVG for Logo and Favicon Artwork
Convert a PDF logo to SVG, check whether the result is truly vector, and prepare a clean, square SVG file for use as a favicon.
How to Make a Favicon Look Bigger
Browsers set favicon display size, so a favicon looks bigger only when the mark fills more of its canvas. Learn how to crop, simplify and test SVG favicon artwork.
How to Set Up a Favicon in Node.js
Serve a favicon from a Node.js app with Express or the built-in http module, prepare a clean SVG icon, and troubleshoot a missing favicon in a logical order.
Favicon Sizes and Proportions
Common favicon sizes and the 1:1 ratio, explained: which pixel dimensions browsers and devices use, what goes in an ICO file, how to declare sizes in HTML, and how to adapt a vector logo for tiny icons.
Eye-Shaped Favicons: Designing an Eye Symbol That Works at Tab Size
How to design an eye favicon that stays legible at tiny sizes: shape choices, vector construction, file formats, and licensing checks before you ship.
Multiple Favicon Sizes: Which Ones You Need and Why
Why a favicon needs several sizes, which contexts use them, how SVG and ICO fit in, and how to prepare each size from vector logo artwork.
Change a favicon in Blogger
How to change a Blogger favicon, prepare a small square icon from vector logo artwork, and know when an SVG favicon needs a theme edit instead.
How to Change a Favicon with JavaScript
Change a favicon with JavaScript: swap the icon link, draw badge icons on canvas, build a favicon rotator, and prepare vector artwork that stays legible.
Set a favicon in the Blocksy theme
How to set a favicon in the Blocksy WordPress theme with the Site Icon feature, and how to prepare a square raster export from your vector logo artwork.
How to Add a Favicon in WordPress
Set a WordPress favicon with the built-in Site Icon setting or add favicon code manually, prepare logo artwork that stays legible, and verify the result.