Favicons
Articles about favicons.
290 posts
How to Use a Favicon on a Website
How to turn logo artwork into a working favicon: choosing a symbol that survives small sizes, preparing vector paths, exporting the right files and confirming the result in the browser.
How to Set a Favicon: What CSS Can and Can't Do
CSS can't set a favicon. HTML link elements do. Learn where CSS still helps, how to pick a logo symbol for the icon, and how to check that it loads.
How to Get a Favicon Set in a ZIP Archive
Turn a vector logo into a complete favicon ZIP: prepare the source artwork, generate or export ICO, SVG and PNG icons, add the HTML tags and verify every file.
Submark vs favicon: choose the right brand asset
Submark or favicon? Compare geometry, typography, spacing, color and scalability to decide whether your submark can serve as a favicon or needs a dedicated icon.
How to Compress a Favicon Without Breaking the Artwork
Compressing a favicon depends on its format. Here is how to shrink SVG, PNG and ICO favicons, what to check first, and what to keep in your master file.
How to Create and Design Your Own Favicon
How to create a custom favicon from a vector logo: simplifying the mark, refining it on the pixel grid, exporting the right files and checking the result.
Use an SVG file as an HTML favicon
How to set an SVG file as your site's favicon in HTML, which fallbacks to keep, and how to prepare vector logo artwork so it stays clear at tab-icon sizes.
How to Add a Favicon in WordPress
Set a favicon in WordPress with the Site Icon feature: prepare a simplified square mark from your vector logo, upload it, crop it and confirm it in the browser.
Set a favicon in Drupal 7
How to set a favicon in Drupal 7 through theme settings or the theme folder, plus practical notes on preparing SVG and ICO icon files from a vector logo.
What Is a Favicon and What Does It Represent?
A favicon is the small icon a website shows in browser tabs, bookmarks and history. Learn what it represents and how it relates to vector logo artwork.
What Is a Favicon in SEO?
A favicon is the small icon that identifies a website in browser tabs and search results. Learn its SEO role and how to prepare logo artwork for dark mode.
Walmart Favicon: Finding the Site Icon and Understanding Its Files
How to locate the favicon used on Walmart's website, tell vector from raster versions, and what downloading the icon does and does not permit.