Favicons
Articles about favicons.
290 posts
How to Add a PNG Favicon in HTML
Add a PNG favicon to your site with one link element in the HTML head, then refine your logo artwork on the pixel grid so it stays legible at tiny sizes.
Website Favicon Icon Size: Which Dimensions to Prepare and Why a Vector Master Matters
Which favicon sizes a website needs, how SVG and raster favicon files differ, and how to prepare a small icon from vector logo artwork.
Configure a favicon in WoodMart
How to set a favicon on a WoodMart WordPress site, and how to prepare a vector logo so the icon stays sharp at very small sizes.
Favicon Meaning in HTML: What It Is, How It Works and Why It Matters for Your Logo
What a favicon means in HTML, how browsers find and display it, why it matters, and how a vector logo is adapted into favicon SVG and raster files.
SVG Favicon Browser Support: What Works and How to Ship It
Which browsers accept SVG favicons, why a raster fallback is still needed, and how to prepare vector logo artwork so it works as a favicon.
W3Schools Favicon Tutorial: What It Covers and How It Applies to SVG Logo Files
An overview of the W3Schools favicon lesson: what a favicon is, the HTML link element it teaches, and what to check when your favicon starts as a vector logo.
Choose a favicon editor
How to choose a favicon editor for vector logo artwork: compare vector, raster and generator tools, check SVG and ICO support, and prepare files correctly.
Host a favicon on a CDN
How to serve a favicon, including an SVG favicon, from a CDN: the link markup, the root favicon.ico request, content types, caching, security policy and fallback files.
How to Find a Page's Favicon Address in HTML
Find a favicon's address in a page's HTML: which link tags to check, how to resolve the path, and how to tell whether the icon is true vector artwork.
How to Change a Favicon in Laravel, Including SVG Favicons
Change the favicon in a Laravel app: replace the files in the public folder, reference them in your Blade layout, add an SVG icon with fallbacks, and clear stale browser caches.
Add or change a favicon in Squarespace
How to add or change a Squarespace favicon, and how to prepare a small, clear browser icon from your vector logo artwork.
Understand the difference between a logo and a favicon
Logo vs favicon: how they differ in purpose, detail, typography, color and scalability, and how to design a favicon that stays visible in light and dark mode.