Favicons
Articles about favicons.
290 posts
How to Export an SVG Logo for Favicon Use
A practical guide to exporting a logo as a clean SVG for favicon use: preparing paths and type, choosing export settings, and checking the file before you ship it.
Editing the Paths of an SVG Favicon
How to edit path data in an SVG favicon: what the path element contains, how to check that a file holds real vector paths, editor and hand-editing workflows, and small-size and rights caveats.
How to Set Up a Favicon in TYPO3
Configure a TYPO3 favicon with TypoScript, add an SVG icon with fallbacks, confirm the SVG is truly vector, and work through checks when the icon won't appear.
How to Add a Favicon in Ruby on Rails
Add a favicon to a Rails app: where to put the files, which tags to add to the layout, how to prepare SVG logo artwork, and how to check the result.
Pixel Art Favicons: Building a Tiny Icon on a Strict Grid
What a pixel art favicon is, how grid-based design differs from scaling down a vector logo, and which file formats keep the pixels crisp.
How to Make an Animated SVG Favicon
How to build an animated SVG favicon from logo artwork: CSS animation inside the SVG, the HTML link tags, browser support limits, fallbacks, and how to verify the result.
Weebly Favicon Size and Safe Padding
What size a Weebly favicon should be, why safe padding matters at tiny scales, and how to prepare favicon files from a vector logo, with gaps in confirmed Weebly specifications noted.
How to Set a Favicon in Elementor
Add a favicon to an Elementor site through Site Settings or the WordPress Site Icon, prepare square logo artwork from a vector source, and confirm the icon appears.
SVG Favicon Styles: CSS, the style Attribute and the style Element
How SVG styling works in a favicon: presentation attributes, the style attribute, the style element and external stylesheets, with the limits that apply when an SVG is used as an icon.
How to Add a Favicon in WordPress
Add a favicon to WordPress through the Site Icon setting, handle .ico files correctly, and prepare logo artwork that stays legible on the pixel grid at tiny sizes.
Stripe Favicon: What It Is and What Its Files Can Tell You
What the Stripe favicon is, how it differs from the full Stripe logo, how to tell vector artwork from raster files, and what permissions apply before you reuse it.
Configure a Drupal theme favicon
How to set a favicon in a Drupal theme, how to prepare an SVG favicon from a vector logo, and when you need extra link tags for ICO, PNG or touch icons.