Custom Brand Icons
cbi · 1,757 أيقونة · من تصميم Emanuele & rchiileea · CC-BY-NC-SA-4.0 · أحادية اللون · آخر تحديث
Custom Brand Icons مجموعة أيقونات مجانية ومفتوحة المصدر تضم 1,757 أيقونة SVG من تصميم Emanuele & rchiileea، ومنشورة بموجب ترخيص CC BY-NC-SA 4.0. الأيقونات أحادية اللون: تتبع لون النص (currentColor) ويمكن تغيير لونها باستخدام CSS.
مواصفات تصميم Custom Brand Icons
- مصمت
- أحادي اللون
قواعد الرسم في هذه المجموعة، مقيسة من ملفات SVG الخاصة بها. استخدمها لتصميم أيقونات جديدة تتناسق معها.
| اللوحة | 24 × 24 |
|---|---|
| viewBox | 0 0 24 24 |
| مساحة الرسم | 20 × 20، هامش 2 |
| أسلوب الرسم | أشكال مصمتة |
| نصف قطر الزوايا | 0.25 |
| الألوان | لون واحد (currentColor) يمكن تغييره عبر CSS |
| الإحداثيات | عدد المنازل العشرية: حتى 3 |
| الخطوط المستقيمة | 64% أفقية أو رأسية، و2% بزاوية 45° |
| المنحنيات | 53% من أوامر الرسم |
| التماثل | 33% من الأيقونات متماثلة بين اليسار واليمين |
| العناصر لكل أيقونة | 1 |
| أوامر الرسم لكل أيقونة | 104 |
تم القياس على 61 من أيقونات هذه المجموعة.
توليد الأيقونات بالذكاء الاصطناعي
غير مسموح: هذه شعارات علامات تجارية، والعلامات ملك لأصحابها.
نبذة عن Custom Brand Icons
من أشهر Custom Brand Icons: mitsubishi، espn، rooms computer، netapp، prosieben وrooms staircase.
افتح أي أيقونة لنسخها بصيغة SVG أو JSX أو Vue أو Svelte أو Solid أو Astro أو CSS، أو نزّلها بصيغة SVG أو PNG. تستخدم Custom Brand Icons ترخيص CC BY-NC-SA 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف.
طريقة استخدام Custom Brand Icons
تعمل كل أيقونة في هذه الصفحة مع أي إطار عمل. تستخدم الأمثلة cbi:mitsubishi، ويمكنك فتح أي أيقونة لنسخ شيفرتها الدقيقة بصيغة SVG أو JSX أو Vue أو Svelte أو Solid أو Astro أو CSS. للاطلاع على نصائح الحجم واللون وسهولة الوصول، اقرأ دليل استخدام أيقونات SVG.
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:mitsubishi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:mitsubishi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:mitsubishi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--mitsubishi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:mitsubishi"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:mitsubishi"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/cbi/mitsubishi.svg" alt="أيقونة Mitsubishi" width="24" height="24">الأسئلة الشائعة حول Custom Brand Icons
هل Custom Brand Icons مجانية للاستخدام التجاري؟
لا. تستخدم Custom Brand Icons ترخيص CC BY-NC-SA 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف.
كم عدد الأيقونات في Custom Brand Icons؟
تضم Custom Brand Icons 1,757 أيقونة.
ما ترخيص Custom Brand Icons؟
تُوزَّع Custom Brand Icons بموجب CC BY-NC-SA 4.0. النص الكامل للترخيص متاح على https://github.com/elax46/custom-brand-icons/blob/main/LICENSE.
من صمّم Custom Brand Icons؟
Custom Brand Icons من تصميم Emanuele & rchiileea.
كيف أستخدم Custom Brand Icons في React؟
ثبّت الحزمة @iconify/react واستخدم <Icon icon="cbi:mitsubishi" />، أو افتح أي أيقونة في هذه الصفحة وانسخها كمكوّن React مستقل.