Updated
Using the favicon generator
Contain mode keeps your whole image and fills unused space with the chosen color. Cover mode crops the center to fill the square. Download the PNG and use it as an image/png icon in your page’s head.
A worked example
At 32 pixels, the example becomes a 32 × 32 PNG favicon. Contain preserves the whole wide image; cover fills the square.
Before you use the result
Exports PNG, not an ICO bundle. Browser tabs can display PNG icons, but platforms may require additional sizes or an ICO file. Tiny details become difficult to see at small sizes.
Cite this page
ToolOctopus. “Favicon generator.” Updated 2026-09-19. https://tooloctopus.com/favicon-generator.
Add an access date if your instructions require one.
Citation formatting uses citeproc-js by Frank Bennett and Citation Style Language styles. Licence and source code.
