Favicons
Articles about favicons.
290 posts
How to Add or Change a Favicon in Squarespace
Learn how to add or change a favicon in Squarespace, choose the right logo symbol, prepare a clean square file from vector artwork, and confirm the new icon is live.
Converting a Favicon from ICO to PNG
How to convert a favicon from ICO to PNG: what an ICO file contains, how to extract the right size, why upscaling fails, and when to re-export from the vector master.
Photoshop Logo ICO Files
What a Photoshop logo ICO file is, why ICO is a raster icon format rather than vector artwork, how Photoshop handles ICO, and what to keep as your master logo file.
Convert icon to favicon
How to turn an existing icon or logo mark into a favicon: simplify the artwork, prepare clean vector paths, export SVG, PNG and ICO files, add a dark-mode variant and verify the result.
Skull Favicon: Designing a Skull Icon That Stays Clear at Tiny Sizes
How to design and prepare a skull favicon: simplifying vector artwork, refining it on the pixel grid, choosing file formats and checking usage rights.
Serve a favicon with Apache
How to serve an SVG favicon with an ICO fallback on Apache: file placement, MIME types, HTML link tags, caching, and how to check that the SVG is real vector artwork.
TS Logo Design for Favicons: Choosing and Preparing a TS Monogram Symbol
How a TS monogram works as a favicon: symbol choices, simplifying the mark for tiny sizes, true vector structure versus raster files, and rights to check first.
SVG Favicon File Structure: Elements and Attributes
What goes inside an SVG favicon: the svg root element, the attributes that matter, the shape elements it contains, and how to tell true vector paths from embedded raster images.
Creating a Favicon with ImageMagick
How to use ImageMagick to turn a logo into a multi-size favicon.ico, what happens to SVG artwork during conversion, and where ImageMagick stops being the right tool.
What Size Should a WordPress Favicon Be?
Upload a square Site Icon of at least 512 × 512 pixels. Learn what WordPress generates, how to prepare it from a vector logo, and how to handle dark mode.
US Flag Favicon: Design Choices, File Formats and Usage Rights
How a US flag favicon works: simplifying the flag for 16 and 32 pixel icons, choosing SVG, PNG or ICO, checking real vector paths, and understanding reuse rights.
Converting an SVG Favicon to ICO with Transparency and Multiple Sizes
How to turn an SVG favicon into a transparent, multi-size ICO file: what ICO actually stores, which sizes to include, and how to keep the background clear.