مولّد HTML لـ favicon
الـ favicon نصف المهمة فقط — وسوم HTML هي التي تُحدّد الملف الذي يختاره كل متصفح. أنشئ المجموعة الكاملة والصحيحة بنقرة واحدة.
تحقق من أيقونات أي موقع
ثبّت إضافة FetchFavicon لمتصفح Chrome لاستخراج الأيقونات ومعاينتها والتحقق منها فورًا.
الإعداد الكامل يشمل وسومًا لـ favicon.ico ونسخة SVG وapple-touch-icon وأيقونات manifest الخاصة بـ PWA. غياب أيّ منها يعني ظهور أيقونة افتراضية على منصة واحدة على الأقل.
أنشئ الوسوم هنا، الصقها في <head>، وانتهى الأمر.
كيف يعمل
- 1
أنشئ ملفات favicon
استخدم مولّد FetchFavicon لإنتاج .ico + PNG + SVG.
- 2
انسخ الوسوم
الصق كتلة <link> المُنشأة في وسم <head>.
- 3
تحقّق
افتح موقعك في Chrome وSafari وFirefox وEdge — يجب أن تظهر الأيقونة في الجميع.
جربه الآن
احصل على وسوم HTML
مولد Faviconالأسئلة الشائعة
ما الوسم الأهم؟+
<link rel="icon" href="/favicon.ico"> — هو البديل الشامل لجميع المتصفحات.
هل أحتاج manifest.json؟+
فقط إن أردت تجربة تثبيت PWA كاملة. فيما عدا ذلك، هو اختياري.
أين يُوضع وسم apple-touch-icon؟+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.