Favicons
Articles about favicons.
290 posts
Add a favicon in ASP.NET MVC
How to add a favicon to an ASP.NET MVC or ASP.NET Core MVC site: where the file goes, what to put in the layout, and how to prepare an SVG favicon with a fallback.
How to Resize a Favicon
How to resize a favicon properly: export each size from vector logo artwork, simplify the symbol for tiny sizes, package the files and verify the result.
Embed a Base64 favicon
How to embed a favicon as a Base64 data URI in HTML, how it differs from linking a separate icon file, and what to check when the source is an SVG logo.
MS Logo Design for Favicons: Choosing and Building an MS Monogram That Works at Tiny Sizes
What an MS monogram favicon is, how it differs from a full MS logo, and how to choose, simplify and deliver the symbol as clean vector artwork.
How to Make a Rotating Favicon: Cycling Icon Frames with SVG Artwork
Learn how to build a favicon rotator that cycles through a set of icon frames with JavaScript, how to prepare the SVG artwork, and how to test the result.
How to Add a Favicon in Django
Add a favicon to a Django project step by step: prepare the logo artwork, place the files in static, link them in your base template, handle /favicon.ico, and verify the result.
Can You Set a Website Favicon with CSS?
CSS cannot set a favicon, but CSS inside an SVG favicon can switch colors for dark mode. Here is how the pieces fit and what to prepare in your logo files.
Anti-aliasing for pixel-based favicon artwork
When to use hard pixel edges, hand-placed anti-aliasing or automatic smoothing in favicons, and how vector, raster and SVG favicon files affect the result.
Apple Touch Icon vs Favicon: Differences and When to Use Each
How an Apple touch icon differs from a favicon, where each appears, which formats suit them, and how dark mode affects your vector logo exports.
Change an Angular favicon dynamically
How to swap a favicon at runtime in Angular with a small service, plus SVG and fallback file choices, caching pitfalls and logo-use caveats.
Converting a PNG Favicon to ICO
How to convert a PNG favicon to ICO: what the ICO format holds, why each size needs its own pixel-grid refinement, and when you still need an ICO file at all.
Change a favicon dynamically with JavaScript
How to swap a favicon at runtime with JavaScript, where SVG favicons fit, how to prepare logo artwork for icon variants, and the browser caveats to check.