صورة واحدة. كل شاشة.

إنشاء أيقونة موقع من النص

أيقونات صغيرة. انطباع يدوم.

أنشئ أيقونة موقع من حروف أو أحرف أولى. اختر الخط والألوان، وعاين الأحجام الصغيرة، ونزّل حزمة الأيقونات.

PNG ICO PWA

أنشئ حزمة أيقوناتك

حوّل صورتك إلى أيقونات للموقع والتطبيقات والمزيد.

1رفع
2تعديل
3تنزيل

بانتظار صورة

صور

النص

حروف أو أحرف أولى

الخط

لون النص

حجم النص

جارٍ المعالجة…

16 × 16

32 × 32

48 × 48

180 × 180

192 × 192

512 × 512

اضبط أيقونتك

اضبط المظهر بدقة ليناسب كل شاشة.

ملاءمة الصورة

الخلفية

شفاف

لون موحد

#FFDE59

مساحة داخلية6%

نصف قطر الزوايا0%

أحجام ICO (يمكن اختيار عدة أحجام)

256

شاهدها أثناء الاستخدام(ارفع صورة لمعاينة أيقونتك)

علامة تبويب المتصفح

https://example.com

الشاشة الرئيسية لـ iOS

أيقونتك هنا

PWA / Android

أيقونتك هنا

إنشاء أيقونة موقع في 3 خطوات

من صورة واحدة إلى مجموعة كاملة من الأيقونات.

1حروف أو أحرف أولى

أنشئ أيقونة موقع من حروف أو أحرف أولى. اختر الخط والألوان، وعاين الأحجام الصغيرة، ونزّل حزمة الأيقونات.

2الضبط والمعاينة

اختر الملاءمة والخلفية والمساحة الداخلية. تحقق من النتيجة بأحجام صغيرة.

3نزّل وأضف إلى موقعك

صدّر حزمة الأيقونات، وارفع الملفات، وأضف روابط الأيقونات إلى HTML.

شعار واحد، جاهز لكل شاشة

انظر أين يتم استخدام الملفات التي تم إنشاؤها.

أيقونة الموقع

موقعي×

16 × 16

32 × 32

تساعد أيقونات 16 × 16 و32 × 32 الزوار على التعرف على موقعك في علامات التبويب والإشارات المرجعية.

iPhone & iPad

موقعي

180 × 180

استخدم أيقونة apple-touch بحجم 180 × 180 عند إضافة موقعك إلى الشاشة الرئيسية.

PWA & Android

تثبيت التطبيق

192 × 192

512 × 512

الصور بحجم 192 × 192 و512 × 512 من الأحجام الشائعة في ملفات بيان تطبيقات الويب.

ماذا تتضمن حزمة الأيقونات؟

مجموعة جاهزة للاستخدام من الأيقونات لجميع المنصات.

favicon.ico16 × 16, 32 × 32, 48 × 48, 256 × 256
apple-touch-icon.png180 × 180
icon-192.png192 × 192
icon-512.png512 × 512
site.webmanifestملف بيان تطبيق الويب

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

ضع هذه الروابط في HTML <head> الخاص بك.

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">