Skip to content

Tutorial

AI Tutorial

A practical AI workflow for icons, palettes and page copy — from the first prompt to the final favicon export.

AI is useful for the first draft, not the final file. Use it to explore directions, then finish the icon in the local generator so every size stays sharp.

Step 1 — describe the mark

Open AI Studio and describe the icon in plain words: subject, shape and style. One clear idea beats a long list. The result is clean SVG you can edit.

Step 2 — lock the palette

Ask for a background, foreground and accent colour. Check the contrast at 16 px before you keep it: a palette that reads small beats a trendy one that disappears in a tab.

Step 3 — name it and write the copy

Use the naming and SEO tabs to draft a short product name, a title under 60 characters and a description under 155 characters. Rewrite anything that sounds generic.

Step 4 — export every size

Send the chosen result to the generator, adjust padding and corners, then download the ICO, PNG set and manifest snippet in one ZIP.

AI output is a starting point. Check licences and similarity before publishing.

FAQ

Frequently asked questions

What is a favicon?

A favicon is the small icon shown in browser tabs, bookmarks and mobile home screens. It makes your site instantly recognisable.

How do I generate a favicon?

Upload a square image or switch to the text mode, pick colours and a shape, then download the PNG sizes you need or a ready-to-use favicon.ico. Everything is generated in your browser.

Which favicon sizes should I generate?

At minimum generate 16×16 and 32×32 for browser tabs, 180×180 for the Apple touch icon, and 192×192 and 512×512 for the web app manifest.

Can I generate a favicon from text?

Yes. Enter one or two letters, choose a font weight and colours, and the generator renders a crisp favicon for every size.

Do I need to upload my image to a server?

No. The favicon generator uses the Canvas API, so your image never leaves your device.

Is this favicon generator free?

Yes, generating and downloading favicons is completely free — no account, no watermark and no hidden limits.

Still have a question? Contact us

Start now

Ready to generate a favicon?

Create a crisp, recognisable icon for your website in less than a minute.