الانتقال إلى المحتوى
IconHub
أداة مجانية

مولّد الفافيكون وأيقونات التطبيقات

اختر أيقونة أو ارفع شعارك، وحدّد الشكل والألوان، ثم نزّل مجموعات أيقونات جاهزة لموقعك وإضافة Chrome وتطبيقَي iOS وAndroid.

لا توجد أيقونة بعدأفلت ملف SVG أو PNG أو JPG هنا
الشكل
لون الخلفية
62%
لا توجد أيقونة بعد

نزّل لمنصتك

كل شيء يُنشأ داخل متصفحك. الملفات التي ترفعها لا تغادر جهازك.

8 ملفاتموقع ويبفافيكون لكل المتصفحات وأيقونة Apple touch وأيقونات التثبيت مع بيان تطبيق الويب.
الملفات في هذا الأرشيف
  • favicon.ico
  • favicon.svg
  • apple-touch-icon.png
  • icon-192.png
  • icon-512.png
  • icon-maskable-512.png
  • site.webmanifest
5 ملفاتإضافة Chromeأيقونات لشريط الأدوات والمتجر بالهامش الذي يطلبه Chrome Web Store. تعمل أيضًا مع Edge وFirefox.
الملفات في هذا الأرشيف
  • icons/icon16.png
  • icons/icon32.png
  • icons/icon48.png
  • icons/icon128.png
5 ملفاتتطبيق iOSأيقونة تطبيق بمقاس 1024 بكسل لـ Xcode، مع نسختين داكنة وملوّنة لنظام iOS 18 وما بعده.
الملفات في هذا الأرشيف
  • AppIcon.appiconset/AppIcon-1024.png
  • AppIcon-1024-dark.png
  • AppIcon-1024-tinted.png
  • Contents.json
25 ملفًاتطبيق Androidأيقونة تكيفية مع طبقة أحادية اللون للسمات، وأيقونات مشغّل للهواتف الأقدم، وأيقونة 512 بكسل لمتجر Play.
الملفات في هذا الأرشيف
  • res/mipmap-*/ic_launcher.png
  • ic_launcher_round.png
  • ic_launcher_foreground.png
  • ic_launcher_monochrome.png
  • mipmap-anydpi-v26/*.xml
  • playstore-icon.png

أضف أيقونات الموقع

فُكّ ضغط مجموعة الموقع في المجلد العام الرئيسي لموقعك، ثم الصق هذه الأسطر الأربعة داخل وسم head في صفحاتك.

index.html · <head>
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

أسئلة

ما ملفات الفافيكون التي يحتاجها الموقع؟

ملف favicon.ico بمقاسات 16 و32 و48 بكسل للمتصفحات ونتائج البحث، وفافيكون SVG للمتصفحات الحديثة، وأيقونة Apple touch بمقاس 180 بكسل، وأيقونتان بمقاسَي 192 و512 بكسل مدرجتان في بيان تطبيق الويب. أرشيف الموقع يضمّها كلها مع شيفرة HTML اللازمة.

لماذا تملأ أيقونات iOS وAndroid المربع بالكامل؟

يقصّ النظامان الأيقونات بشكلهما الخاص ولا يسمحان بزوايا شفافة. لذلك يملأ المولّد المربع بلون الخلفية ويُبقي الرسم داخل المنطقة الآمنة حتى لا يُقصّ منه شيء.

ما الأيقونة القابلة للقناع (maskable)؟

يقصّ Android وبعض المتصفحات تطبيقات الويب المثبتة على شكل دوائر أو مربعات مستديرة الزوايا. تُبقي الأيقونة القابلة للقناع الرسم داخل 80٪ من وسط الصورة كي لا يطاله القص.

هل يمكنني استخدام شعاري الخاص؟

نعم. ارفع ملف SVG أو PNG أو JPG وسيُحوَّل إلى كل المقاسات داخل متصفحك مباشرة. لا يُرسل الملف إلى IconHub. يمنحك ملف SVG، أو PNG بعرض 512 بكسل على الأقل، أوضح نتيجة.

هل يمكنني استخدام هذه الأيقونات في تطبيق تجاري؟

نعم. أيقونات IconHub مجانية للاستخدام الشخصي والتجاري مع ذكر المصدر («Icons by IconHub»). وما ترفعه يبقى ملكك.