Favicon Generator
أنشئ أيقونات مفضلة من صور أو نص
حول هذه الأداة
أنشئ أيقونات مفضلة احترافية من أي صورة أو نص. ينتج تلقائياً ملفات ICO وPNG بجميع الأحجام القياسية (16x16، 32x32، 48x48، 192x192). ادمج مع aukimi Inkwell لتصميم رسم الأيقونة. جزء من aukimi Inkwell.
الميزات
- إنشاء من صورة أو نص مخصص
- صيغ إخراج ICO وPNG
- جميع أحجام الأيقونات القياسية
- لون خلفية مخصص
- معاينة وتحميل فوري
حالات الاستخدام
شارك هذه الأداة
ساعد الآخرين على اكتشافها
أنشئ حسابًا مجانيًا لإزالة العلامات المائية
احفظ عملك، واحصل على الوصول إلى الجناح الإبداعي الكامل وصدّر بدون علامات مائية.
تحتاج المزيد؟
جرّب aukimi Inkwell
تحرير نقطي احترافي مع طبقات وأقنعة ومرشحات ودعم كامل للوح الرسم.
How to generate a complete favicon set
Produce a real multi-size .ico, all PNG variants, a site.webmanifest, and the HTML snippet for your site — no upload required.
- 1
Choose Text or Image mode
Text mode turns a letter into a favicon. Image mode accepts any PNG/JPG/SVG logo.
- 2
Customize shape and padding
Pick square, rounded, or circle. Add padding to avoid logos being cropped at 16×16.
- 3
Pick a background color
The background color doubles as your PWA theme color in the generated manifest.
- 4
Download the .ico and PNGs
Click Download favicon.ico for the legacy multi-size file, or Download All PNGs for every size.
- 5
Paste the HTML snippet
Copy the HTML block into your site's <head>. Copy or download site.webmanifest into your web root.
الأسئلة الشائعة
What sizes should a modern favicon cover?
The essential set is: 16×16 and 32×32 (browser tabs), 48×48 (Windows taskbar), 180×180 (Apple touch icon), 192×192 and 512×512 (Android/PWA). Our generator outputs all of these plus a real multi-size .ico file that bundles 16/32/48 for legacy browsers.
Is the .ico a real ICO file or just a renamed PNG?
It is a real ICO file following the Microsoft ICONDIR / ICONDIRENTRY binary spec — three PNG images at 16/32/48 are embedded in a single .ico container. Some competitors just rename a PNG, which fails in Windows Explorer and older browsers.
Can I generate a favicon from text instead of an image?
Yes. Switch to Text mode, pick a letter (or two), choose a font, color, and shape (square, rounded, circle). Useful when you do not have a logo ready — you can get a clean monogram favicon in under a minute.
Where do I paste the HTML snippet?
Inside the <head> of every page of your site. The snippet wires up the 16/32 PNGs, Apple touch icon, web manifest, and theme-color meta tag. Most static site generators and frameworks have a single head template to edit.
What is site.webmanifest for?
It tells mobile browsers how your site should look when installed as a Progressive Web App — name, icons, theme color, display mode. Drop the downloaded `site.webmanifest` at your web root alongside the favicon files.
Why do my favicons look bad at small sizes?
Detailed logos rarely survive 16×16. Increase the Padding slider, simplify the shape (circle or rounded square), and crank up the contrast between foreground and background. Text mode often reads better at small sizes than a miniaturized logo.