Index of every page on this site: llms.txt

Overview

Nuxt SEO Utils includes a CLI for generating favicon and app icon variants from a single source image. It produces all the standard sizes needed for modern browsers and devices.

When running in development mode, the module will detect if your project is missing favicon files and suggest the CLI command to generate them.

Icon Generation

Generate favicon and icon variants from a source image in your public/ directory:

npx nuxt-seo-utils icons --source logo.svg

What It Generates

FileSizePurpose
icon-16x16.png16x16Small favicon
icon-32x32.png32x32Standard favicon
apple-touch-icon.png180x180iOS home screen
icon-192x192.png192x192Android / PWA
icon-512x512.png512x512PWA splash
favicon.ico16x16, 32x32, 48x48Browser and legacy support

All files are written to your public/ directory and automatically detected by the module.

Supported source formats: SVG, PNG, JPG, JPEG, and WebP files are supported as input. SVG is recommended for best quality at all sizes.

Requirements

The CLI uses sharp for image processing. Sharp is an optional peer dependency. The module does not install it automatically. If you use icon generation, install it as a dev dependency:

pnpm add -D sharp

Options

OptionDescription
--sourceSource image file relative to the public directory (required)
--cwdWorking directory (default: .)
Was this page helpful?