مولّد favicon — favicon.ico ومجموعة أيقونات التطبيق

ينشئ الأيقونة بجميع الأحجام التي تظهر في تبويب المتصفح، والشاشة الرئيسية للهاتف، ونتائج البحث، ويقدّمها في ملف ZIP واحد.

لا يُرسل الملف إلى أي خادم — تتم المعالجة داخل متصفح هذا الجهاز فقط

حرف أو رمز تعبيري (1-2 حرف) لون النص

السُّمك

الشكل

تعبئة الخلفية لون الخلفية

الهامش الداخلي 12%

معلومات التطبيق (site.webmanifest)

اسم الموقع الاسم المختصر (يظهر أسفل أيقونة الشاشة الرئيسية، حتى 12 حرفًا) لون السمة (لون شريط العنوان على الهاتف)

موقعي

تبويب جديد

180 · آيفون

192 · أندرويد

512

كود HTML لإلصاقه داخل <head>

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#3182f6">

هذا بناءً على افتراض رفع الملفات الموجودة في ZIP إلى المسار الرئيسي للموقع (/). الكود نفسه موجود أيضًا في head.html.

طريقة استخدام إنشاء favicon

1ارفع صورة أو حدّد نصًا أو رمزًا تعبيريًا ولونًا.
2تحقق من المظهر بكل حجم من خلال المعاينة.
3اضغط [تنزيل ZIP]، ثم ألصق كود HTML المعروض داخل <head>.

الأسئلة الشائعة

ما هي الصورة الأصلية الأفضل للاستخدام؟

أفضل خيار هو ملف PNG أو SVG مربّع بحجم 512×512 أو أكبر. الأشكال البسيطة تبدو أوضح في الأحجام الصغيرة.

ألا يكفي ملف favicon.ico واحد؟

يكفي للمتصفحات القديمة، لكن تحتاج شاشة الهاتف الرئيسية في آيفون (180px) وأندرويد (192 و512px) إلى ملفات PNG منفصلة.