@effective/favicon

Effective Favicon Generator

A small generator for a modern set of typical favicons. Expected a folder of svg files (only one is okay as well) and generates the variants suggested by How to Favicon in 2023: Six files that fit most needs automatically.

Usage

effective-favicon <directory>

Expects one or many SVG files somewhere in this directory. It writes all output files using the same base name but with different postfixes/extensions e.g.:

Source: icon-myproduct.svg Output:

• SVG Icon: icon-opt.svg optimized SVG of source image.
• Classic Favicon: icon-myproduct.ico with 16px and 32px icons embedded.
• Apple Touch Icon: icon-myproduct-180.png
• Web Manifest: icon-myproduct-192.png + icon-myproduct-512.png

Tech Stack

• sharp for image resizing/conversion
• pngquant for PNG optimization
• png-to-ico for ICO file generation
• svgo for SVG optimization

License

Apache License; Version 2.0, January 2004

Copyright

Copyright 2023
Sebastian Software GmbH