PrestaShop Icons
ps · 479 أيقونة · من تصميم PrestaShop · CC-BY-NC-4.0 · أحادية اللون · آخر تحديث
PrestaShop Icons مجموعة أيقونات مجانية ومفتوحة المصدر تضم 479 أيقونة SVG من تصميم PrestaShop، ومنشورة بموجب ترخيص CC BY-NC 4.0. الأيقونات أحادية اللون: تتبع لون النص (currentColor) ويمكن تغيير لونها باستخدام CSS.
مواصفات تصميم PrestaShop Icons
- مصمت
- أحادي اللون
قواعد الرسم في هذه المجموعة، مقيسة من ملفات SVG الخاصة بها. استخدمها لتصميم أيقونات جديدة تتناسق معها.
| اللوحة | 512 × 512 · 25% من الأيقونات |
|---|---|
| viewBox | 0 0 512 512 |
| مساحة الرسم | اللوحة كاملة بلا هوامش |
| أسلوب الرسم | أشكال مصمتة |
| الألوان | لون واحد (currentColor) يمكن تغييره عبر CSS |
| الإحداثيات | وحدات صحيحة |
| الخطوط المستقيمة | 73% أفقية أو رأسية، و5% بزاوية 45° |
| المنحنيات | 73% من أوامر الرسم |
| التماثل | 38% من الأيقونات متماثلة بين اليسار واليمين |
| العناصر لكل أيقونة | 1 |
| أوامر الرسم لكل أيقونة | 49 |
تم القياس على 63 من أيقونات هذه المجموعة.
توليد الأيقونات بالذكاء الاصطناعي
غير مسموح: الرخصة تمنع الاستخدام التجاري.
نبذة عن PrestaShop Icons
من أشهر PrestaShop Icons: bell، girl وhome.
افتح أي أيقونة لنسخها بصيغة SVG أو JSX أو Vue أو Svelte أو Solid أو Astro أو CSS، أو نزّلها بصيغة SVG أو PNG. تستخدم PrestaShop Icons ترخيص CC BY-NC 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف.
طريقة استخدام PrestaShop Icons
تعمل كل أيقونة في هذه الصفحة مع أي إطار عمل. تستخدم الأمثلة ps:bell، ويمكنك فتح أي أيقونة لنسخ شيفرتها الدقيقة بصيغة SVG أو JSX أو Vue أو Svelte أو Solid أو Astro أو CSS. للاطلاع على نصائح الحجم واللون وسهولة الوصول، اقرأ دليل استخدام أيقونات SVG.
React
import { Icon } from "@iconify/react";
<Icon icon="ps:bell" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:bell" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:bell" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--bell]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:bell"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:bell"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/ps/bell.svg" alt="أيقونة Bell" width="24" height="24">الأسئلة الشائعة حول PrestaShop Icons
هل PrestaShop Icons مجانية للاستخدام التجاري؟
لا. تستخدم PrestaShop Icons ترخيص CC BY-NC 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف.
كم عدد الأيقونات في PrestaShop Icons؟
تضم PrestaShop Icons 479 أيقونة.
ما ترخيص PrestaShop Icons؟
تُوزَّع PrestaShop Icons بموجب CC BY-NC 4.0. النص الكامل للترخيص متاح على https://creativecommons.org/licenses/by-nc/4.0/.
من صمّم PrestaShop Icons؟
PrestaShop Icons من تصميم PrestaShop.
كيف أستخدم PrestaShop Icons في React؟
ثبّت الحزمة @iconify/react واستخدم <Icon icon="ps:bell" />، أو افتح أي أيقونة في هذه الصفحة وانسخها كمكوّن React مستقل.