How to Create a Favicon
Creating a favicon is a 60-second job: start from a square, generate a multi-size .ico, and link it in your HTML <head>. This guide walks through every step.
Your source image should be square and at least 512×512. SVG is even better — it scales without quality loss.
The minimum viable setup is a single multi-size favicon.ico. Modern setups also include an SVG, a 180×180 apple-touch-icon, and a 192×192 + 512×512 PNG pair for PWA install prompts.
كيف يعمل
- 1
Prepare a square source
512×512 PNG or an SVG with a square viewBox.
- 2
Generate
Use our favicon generator to bundle all sizes into a single .ico.
- 3
Install
Drop favicon.ico into your site root and link it in <head>.
جربه الآن
Create your favicon now
مولد Faviconالأسئلة الشائعة
What's the easiest tool to make a favicon?+
Our favicon generator — upload, click generate, download. No signup, no upload to a server.
What size should my source image be?+
512×512 minimum. SVG is ideal.
Do I need an apple-touch-icon?+
Yes, if you want a clean home-screen icon on iOS. 180×180 PNG, linked via <link rel="apple-touch-icon">.