أداة مجانية
مولّد أيقونة الموقع (Favicon) مجاناً
ارفع شعارك أو اكتب حرفاً، واختر لوناً، ونزّل كل مقاسات الأيقونة التي يحتاجها متجرك في ملف ZIP واحد.
حرف واحد أو حرفان.
<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">
كل شيء يُنشأ داخل متصفحك. يتضمن ملف ZIP ملف favicon.ico وصور PNG بأحجام 16/32/180/192/512 وfavicon.svg عند الإمكان وsite.webmanifest وملف README.
ارفع أو اكتب
أفلت شعاراً مربعاً، أو اكتب حرفاً أو حرفين واختر لون الخلفية ولون النص.
عاين المقاسات
شاهد شكلها كأيقونة تبويب متصفح، وأيقونة على شاشة الهاتف، وإشارة مرجعية قبل التنزيل.
نزّل ملف ZIP
favicon.ico ومقاسات PNG و apple-touch-icon.png و site.webmanifest ومقطع HTML، كلها في ملف واحد.
أي مقاسات الأيقونة تُستخدم فعلاً في 2026
لم تعد المتصفحات تتفق على مقاس واحد، لذا تغطي مجموعة الأيقونات الحديثة عدة مقاسات. زوج PNG بمقاس 32x32 و 16x16 (مضمَّن داخل favicon.ico) يغطي تبويبات المتصفح وأشرطة الإشارات المرجعية على سطح المكتب. وملف PNG بمقاس 180x180 باسم apple-touch-icon.png هو ما يستخدمه iOS عندما يضيف أحدهم متجرك إلى شاشته الرئيسية. وملفا PNG بمقاس 192x192 و 512x512 يغطيان شاشات Android الرئيسية ونافذة التثبيت إن أضاف متسوق واجهة متجرك كاختصار.
ولست مضطراً إلى وضع كل وسم بنفسك. يبني هذا المولّد المجموعة الكاملة من رفعة واحدة ويعطيك كود HTML الدقيق لتلصقه في قسم head في قالبك، فلا ينقص شيء ولا يزيد مقاس عن حده.
لماذا تبقى بدائل PNG مهمة إلى جانب SVG
أيقونة SVG تبدو حادة بأي مقاس وبعض المتصفحات الحديثة تستخدمها مباشرة، لكن الدعم ما زال متبايناً عبر المتصفحات الأقدم وبرامج البريد التي تعرض موقعك ومعظم معاينات المشاركة الاجتماعية. والنمط الآمن هو مجموعة قائمة على PNG كأساس مع SVG كتحسين إضافي لا كبديل. ولهذا تصدّر هذه الأداة ملفات PNG و ICO بدل SVG وحده: فهي تعمل في كل مكان، اليوم، دون اختبارات إضافية.
إضافة الأيقونة إلى قالب متجرك
فك ضغط الملف وارفع الملفات إلى مجلد assets أو المجلد الجذر في قالبك مع الإبقاء على الأسماء كما هي. والصق مقطع HTML المرفق داخل قسم head في ملف تخطيط القالب، فوق وسم الإغلاق. ومعظم منصات المتاجر، ومنها LaunchMyStore، فيها حقل مخصص لرفع الأيقونة ضمن إعدادات القالب أو الهوية يمكنك وضع ملف PNG بمقاس 512x512 فيه مباشرة بدل تعديل الكود.
وامسح ذاكرة التخزين المؤقت في متصفحك أو افتح المتجر في نافذة خاصة بعد الرفع. فالأيقونات تُخزَّن بشدة، وبقاء أيقونة قديمة بعد التغيير يعني المتصفح في الغالب لا الملف.
الأسئلة الشائعة
هل مولّد الأيقونة مجاني؟
ما الملفات التي أحصل عليها فعلاً؟
هل أستطيع إنشاء أيقونة بدون شعار؟
ما صيغة الصورة التي أرفعها؟
لماذا ما زالت أيقونتي القديمة تظهر بعد تغييرها؟
هل أحتاج ملف site.webmanifest؟
هل يعمل مع قالب Shopify أو LaunchMyStore؟
هل يُرفع أي شيء إلى خادم؟
تجربة مجانية لمدة 7 أيام
ابدأ تجربة متجرك المجانية اليوم.
لا حاجة إلى بطاقة ائتمان. كل أداة في هذه الصفحة تظل تعمل سواء أنشأت حسابًا أم لا.