Favicon Generator

Upload any square image or icon to generate all favicon sizes, `.ico` format, and ready-to-use HTML code.

Drag & drop your image here or

Supports PNG, JPG, WEBP, SVG (Square aspect ratio recommended)

Settings

Background Shape

Background Color

Padding (0%)

Browser Tab Preview

My Awesome Site

My Awesome Site

HTML Header Code

About this favicon generator

A favicon is the small icon browsers show next to a page's title in tabs, bookmarks and search results. Sites actually need several versions of it — different sizes for browser tabs, home-screen icons and Android/iOS shortcuts — which is exactly what this tool builds for you in one pass, entirely in your browser.

Upload once, get every size

Drop in one square image and it's rendered into 16×16, 32×32, 180×180, 192×192 and 512×512 PNGs, plus a favicon.ico and a site.webmanifest, all zipped together.

Shape and padding

Add a background color, round the corners or crop to a circle, and adjust padding — with a live preview of how it looks in a light and dark browser tab.

Ready-to-paste HTML

Copy the generated <link> tags straight into your page's <head> so browsers and devices pick up every icon size automatically.

Tips for a clean favicon

Start with a square image so nothing gets stretched when it's resized.
Use a simple icon or mark — fine detail disappears at 16×16.
Add padding if your image touches the edges, especially with rounded or circle shapes.
Check the light and dark tab previews before downloading.