مولّد HTML لـ favicon
الـ favicon نصف المهمة فقط — وسوم HTML هي التي تُحدّد الملف الذي يختاره كل متصفح. أنشئ المجموعة الكاملة والصحيحة بنقرة واحدة.
الإعداد الكامل يشمل وسومًا لـ 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">.