Favicons
Articles about favicons.
290 posts
TL Logo Design for Favicons: Choosing and Preparing a TL Monogram
How to choose and prepare a TL monogram for a favicon: simplifying the letterforms, keeping a vector master, exporting small-size files and checking usage rights.
Set a favicon in Blogger
How to set a favicon in Blogger, prepare it from a vector logo, and handle dark browser tabs, including the limits of Blogger's built-in upload.
Make an SVG favicon adapt to dark mode
How to make an SVG favicon switch colors in dark mode with an embedded prefers-color-scheme media query, plus fallbacks, artwork prep and caveats.
Check SVG favicon browser support and Safari compatibility
Where SVG favicons work, why Safari has been the exception, and how to set up fallbacks so your vector logo shows up as a tab icon in every browser.
Favicon 128 PNG: Where the Size Fits and How to Prepare It
What a 128×128 PNG favicon is used for, how it compares with 32×32 and 196×196 icons, and how to refine a vector logo for small pixel grids.
W3C Standards for Linking a Favicon
What the web standards say about adding a favicon: the rel="icon" link, sizes and type attributes, the favicon.ico fallback, manifest icons, and how vector artwork fits in.
How to Add an SVG Favicon in Next.js
Add an SVG favicon in Next.js with the App Router icon convention or the metadata API, prepare the logo artwork for tiny sizes, and verify the result.
How to Add a Favicon to a Bootstrap Website
Bootstrap has no favicon setting. Add standard link tags to your page head, prepare a simplified logo symbol as SVG, ICO and PNG, then verify it loads.
What Is a Favicon and Why Does a Website Need One?
A favicon is the small icon that identifies a website in browser tabs, bookmarks and history. Learn what it means, why sites use one and how it shapes logo artwork.
Favicon Sizes for Websites
Which favicon sizes a website typically needs, how SVG, ICO and PNG versions differ, and how to adapt a vector logo so it stays legible at tab-icon size.
Favicon Editors and Creation Tools: What They Do and How They Differ
An overview of favicon editors and tools: how vector editors, pixel editors and generators differ, and how symbol selection and source artwork shape the result.
How to Choose a Favicon Format
Which favicon format to use: when SVG, PNG and ICO each fit, how to prepare logo artwork for small icons, and how to check the result.