Articles
5801 posts
SVG path syntax and properties
How the SVG path element works: the commands in the d attribute, absolute vs. relative coordinates, the properties that style a path, and what this means for logo and favicon files.
Create a new favicon
How to create a new favicon from a vector logo, including dark mode variants, clean SVG paths, raster fallbacks and a final check before launch.
Book Antiqua Font Identification
How to recognize Book Antiqua in a logo, tell it apart from Palatino and its lookalikes, and handle the font correctly in vector logo files.
How to remove a scanned logo’s background in Photoshop
Remove the white or black background from a scanned logo in Photoshop, clean the edges, check transparency, export a usable PNG and know when to redraw it as vector.
Choose Pixel Dimensions for a Reconstructed Logo
There is no single best pixel resolution for a logo. Learn how to size raster exports from a redrawn vector logo for each placement, screen and print job.
Adidas Logo Font: What the Wordmark Is Set In and How to Redraw It
The Adidas wordmark is custom logo lettering, not a typed font. Learn which typeface it is usually compared to, why a font match falls short, and how to recover the lettering as clean vector artwork.
Creating and Adding an SVG Favicon
How an SVG favicon works, how to prepare vector logo artwork for tiny sizes, how to add it to a page with fallbacks, and which details to verify.
Movie Color Palettes as Logo Color Inspiration
How to use a movie color palette as a starting point for logo colors, rebuild it as clean vector swatches, and avoid rights pitfalls when borrowing from film.
Can You Set a Favicon with CSS?
CSS cannot set a favicon. Learn how favicons are declared in HTML, where CSS works inside an SVG favicon, and how ICO and SVG files differ for logo artwork.
Set a favicon in Django
How to add a favicon to a Django project with static files and a template link tag, and how to prepare vector logo artwork so the icon stays legible at small pixel sizes.
How to Set Up a Favicon in Next.js
How to change a favicon in Next.js with the App Router or Pages Router, which icon files and sizes to provide, how the metadata API handles icons, and why an old icon keeps showing.
Design a Mushroom Favicon That Works in Light and Dark Mode
How to design a mushroom favicon: simplify the silhouette, build clean vector paths, add a dark mode variant inside the SVG and ship raster fallbacks.