مشكلة في استخدام أيقونة مخصصة مع أيقونات Tag

[pmusaraj (Penar Musaraj)]

مرحبًا @kristof_mulier، أهلاً بك في Discourse!

إليك كيفية إضافة أيقونة مخصصة:

@pmusaraj

إضافة أيقونات مخصصة

إذا كنت ترغب في الحصول على المزيد من الأيقونات غير المتوفرة في FontAwesome، يمكنك إضافة أيقونات SVG خاصة بك في إضافة (plugin) أو سمة (theme). راجع هذه مجموعة الرموز SVG كمثال لكيفية هيكلة مجموعتك. (هي في الأساس قائمة من عناصر <symbol>، لكل منها معرف فريد خاص به.)

في السمات والمكونات: أضف مجموعة الرموز SVG في مجلد /assets، واستشهد بها في about.json باستخدام اسم المتغير icons-sprite. بالنسبة لمجموعة رموز تُسمى my-icons.svg، يجب أن يتضمن ملف assets.json ما يلي:

"assets": {
   "icons-sprite": "/assets/my-icons.svg"
}

يمكنك أيضًا إضافة مجموعة الرموز SVG إلى سمة أو مكون عبر واجهة المستخدم. عند القيام بذلك، تأكد من تعيين اسم متغير SCSS إلى icons-sprite. لقطة شاشة:

باختصار، تحتاج إلى إضافة أيقونة SVG إلى مجموعة رموز، ومنحها معرفًا، ثم إضافة مجموعة الرموز إلى السمة وتعيين اسم المتغير لها إلى icons-sprite. بمجرد الانتهاء من ذلك، يمكنك استخدام معرف الأيقونة مثل معرفات أيقونات FA (ولا تستخدم الرمز $).