Favicons
Articles about favicons.
290 posts
To-Do List Favicon: Choosing a Symbol That Survives at Tab Size
How to choose and prepare a to-do list favicon: which symbols read at small sizes, why vector source artwork matters, and what to check before using a downloaded icon.
How to Fix a Cropped Favicon in Wix
Why a Wix favicon looks cropped and how to fix it: square artboard, padding around the mark, a clean SVG viewBox, a careful export and steps to verify the result.
PC Logo Design for Favicons: Building a Monogram That Works at Tiny Sizes
What a PC monogram favicon is, how it differs from a full PC logo, and how to design, check and deliver vector artwork that stays legible in browser tabs.
Set a favicon in Blazor
How to add or replace a favicon in a Blazor app: where the icon link goes for each hosting model, how to use an SVG logo safely, and which fallbacks to keep.
Make a round favicon
How to make a round favicon: a circular mark on a transparent square canvas, light and dark mode handling, and where platforms apply their own masks.
Circle Favicon: How Round Icons Work and How to Handle Dark Mode
What a circle favicon actually is, why the round shape comes from transparency rather than the file format, and how to prepare vector artwork with dark mode variants.
Submark vs Favicon: Choosing the Right Brand Symbol
Submark or favicon? Learn how these two compact brand symbols differ in geometry, detail, color and scalability, and how to choose or adapt one for browser tabs.
Favicon Size and Padding: Fit Artwork Within the Icon Canvas
HTML can't enlarge a favicon in the browser tab. Learn what the sizes attribute does, how padding affects visual size, and how to prepare favicon artwork from a vector logo.
How to Add a Favicon to a Bootstrap Website
Add a favicon to a Bootstrap site with link tags in the page head, prepare a clean SVG version of your logo, and confirm the icon loads correctly.
What Favicon Size to Choose in Canva
Which canvas size to use for a favicon in Canva, which export sizes browsers and devices expect, and how vector and raster files differ for favicon delivery.
Squarespace Favicon: What It Is and How to Prepare It From Vector Logo Artwork
What a Squarespace favicon is, how it relates to your vector logo, and how to turn SVG artwork into a clear, square browser icon file.
SM Logo Design for Favicons: Choosing a Monogram Symbol That Works at Tiny Sizes
How to turn an SM monogram into a favicon: what the mark should be, how to simplify it for small sizes, and how vector masters differ from raster exports.