أيقونات على مواقع الويب
إن إدراج الرموز في موقع الويب ليس بالأمر الصعب. ولكن عند دمج النص والرموز (على سبيل المثال على زر) ، أو إذا كان يجب تغيير حجم الرمز ، فقد يتسبب ذلك في بعض المشاكل.
الحل هو استخدام Icon Fonts أو SVG Icons. يمكن تعديل خطوط الرموز وأيقونات SVG لأي حجم ولون.
في ما يلي ، سوف ننظر في بعض الخيارات.
Ionicons (SVG)
من السهل جدًا دمج Ionicons في موقع الويب الخاص بك.
انتقل إلى صفحة استخدام Ionicons وانسخ علامة نص التثبيت. ضع <script> بالقرب من نهاية الصفحة ، قبل </body> مباشرةً.
فيما يلي مثال على علامة البرنامج النصي ، ولكن يجب أن تحصل على أحدث إصدار من موقع الويب:
<script src="https://unpkg.com/ionicons@4.4.2/dist/ionicons.js"></script>
لاستخدام رمز ما ، عليك سوى اختيار واحد من نظرة عامة على رمز Ionicons. إذا قمت بالنقر فوق رمز ، فسيظهر لك الرمز الذي يجب عليك استخدامه. هذا مثال بأيقونة ونص:
<ion-icon name="heart"></ion-icon> أحب الرموز
سينتج عن ذلك رمز ونص مثل هذا:
مكتبات الأيقونات الأخرى
- Font Awesome - خط رمز شائع جدًا.
- Octicons
- useiconic
- bytesize-icons
- fonts.google
