Generate Complete Favicon Set and Update Project HTML

Favicon generates a complete favicon set from a single source image and wires up the project's HTML, after verifying ImageMagick v7+ is installed (which magick) and that the source is a supported format - PNG, JPG, JPEG, SVG, WEBP, or GIF. It detects the project type from thirteen framework signals - Rails, Next.js, Gatsby, SvelteKit, Astro, Hugo, Jekyll, Vite, Create React App, Vue CLI, Angular, Eleventy, or static HTML - each mapping to its own static-assets directory (public/, static/, src/assets/, or the HTML's own directory), and defers to an existing favicon's location over framework detection when one is found; if it isn't confident where assets belong, it asks the user rather than guessing. It determines the app name from a priority chain - an existing site.webmanifest, then package.json, then a Rails module name, then the directory name - title-casing it as needed. With ImageMagick it generates a multi-resolution favicon.ico (16/32/48px, with -background none placed before the input file so SVG transparency renders correctly instead of a white background), favicon-96x96.png, apple-touch-icon.png at 180px, and two web-app-manifest PNGs at 192px and 512px, plus copying the source as favicon.svg if it was already an SVG. It creates or updates site.webmanifest, preserving any existing theme_color, background_color, and display values while updating the name and icon list. Finally it updates the project's HTML or layout file with the correct favicon tags - a Rails ERB layout, a Next.js metadata export, or a static index.html - omitting the SVG icon line when there wasn't one, removing any pre-existing favicon-related tags before adding the new set, and reporting a full summary of the detected framework, assets directory, files generated, app name used, and whether HTML was updated automatically or needs a manual addition.

Use it when you need a complete favicon set generated from one source image, placed in the correct framework-specific static directory, with the project's HTML link tags updated to match. It stops and gives install instructions if ImageMagick isn't present, and stops with the exact failed path if the source image doesn't exist; if no project framework is detected, it still generates the files but skips HTML updates and tells the user what to add manually.

Input: a source image path ($1) in a supported format. Output: favicon.ico, favicon-96x96.png, apple-touch-icon.png, two web-app-manifest PNGs, favicon.svg if applicable, an updated site.webmanifest, and, where a supported framework's layout file was found, updated favicon link or metadata tags in that file.

• ImageMagick v7+ (magick) for all image resizing and format conversion
• Framework detection across Rails, Next.js, Gatsby, SvelteKit, Astro, Hugo, Jekyll, Vite, Create React App, Vue CLI, Angular, Eleventy, and static HTML
• package.json, site.webmanifest, and Rails config/application.rb as app-name sources

Developers who want a full, correctly placed favicon set and matching HTML markup generated from one image, across any of the common web frameworks, without hand-running ImageMagick commands or editing layout files themselves.