مرجع علامات روابط أيقونات المواقع HTML
لضمان دعم مثالي للأيقونات عبر جميع المتصفحات، قم بلصق عناصر ترميز الروابط القياسية والمتوافقة مع المعايير.
قالب HTML كامل لرمز الموقع (Favicon)
ألصق عناصر الروابط التالية داخل قسم <head> في جميع صفحات HTML الخاصة بك:
<!-- بديل كلاسيكي للمتصفحات القديمة -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<!-- صور PNG عالية الدقة للمتصفحات الحديثة -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<!-- شاشات Apple iOS الرئيسية -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- إعدادات تطبيقات Android / تطبيقات الويب التقدمية -->
<link rel="manifest" href="/site.webmanifest">