ICONYZ
العربية

أيقونات SVG Logos

logos · 1,998 أيقونة · من تصميم Gil Barbara · CC0-1.0 · متعددة الألوان · آخر تحديث

أيقونات SVG Logos مجموعة أيقونات مجانية ومفتوحة المصدر تضم 1,998 أيقونة SVG من تصميم Gil Barbara، ومنشورة بموجب ترخيص CC0. الأيقونات متعددة الألوان، لذا تحتفظ بألوانها بأي حجم.

مواصفات تصميم أيقونات SVG Logos

  • مصمت
  • متعددة الألوان

قواعد الرسم في هذه المجموعة، مقيسة من ملفات SVG الخاصة بها. استخدمها لتصميم أيقونات جديدة تتناسق معها.

اللوحة256 × 256 · 8% من الأيقونات
viewBox0 0 256 256
مساحة الرسماللوحة كاملة بلا هوامش
أسلوب الرسمأشكال مصمتة
نصف قطر الزوايا3.25
الألوانعدد الألوان لكل أيقونة: نحو 4
الإحداثياتعدد المنازل العشرية: حتى 3
الخطوط المستقيمة59% أفقية أو رأسية، و3% بزاوية 45°
المنحنيات64% من أوامر الرسم
التماثل11% من الأيقونات متماثلة بين اليسار واليمين
العناصر لكل أيقونة3.8
أوامر الرسم لكل أيقونة109

تم القياس على 63 من أيقونات هذه المجموعة.

توليد الأيقونات بالذكاء الاصطناعي

غير مسموح: هذه شعارات علامات تجارية، والعلامات ملك لأصحابها.

الصفحة 1 من 21

نبذة عن أيقونات SVG Logos

من أشهر أيقونات SVG Logos: npm icon، uikit، patreon، serverless، vue وmodernizr.

افتح أي أيقونة لنسخها بصيغة SVG أو JSX أو Vue أو Svelte أو Solid أو Astro أو CSS، أو نزّلها بصيغة SVG أو PNG. تُنشر أيقونات SVG Logos بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

طريقة استخدام أيقونات SVG Logos

تعمل كل أيقونة في هذه الصفحة مع أي إطار عمل. تستخدم الأمثلة logos:npm-icon، ويمكنك فتح أي أيقونة لنسخ شيفرتها الدقيقة بصيغة SVG أو JSX أو Vue أو Svelte أو Solid أو Astro أو CSS. للاطلاع على نصائح الحجم واللون وسهولة الوصول، اقرأ دليل استخدام أيقونات SVG.

React

import { Icon } from "@iconify/react";

<Icon icon="logos:npm-icon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:npm-icon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:npm-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--npm-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:npm-icon"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:npm-icon"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/npm-icon.svg" alt="أيقونة Npm Icon" width="24" height="24">

الأسئلة الشائعة حول أيقونات SVG Logos

هل أيقونات SVG Logos مجانية للاستخدام التجاري؟

نعم. تُنشر أيقونات SVG Logos بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كم عدد الأيقونات في أيقونات SVG Logos؟

تضم أيقونات SVG Logos 1,998 أيقونة.

ما ترخيص أيقونات SVG Logos؟

تُوزَّع أيقونات SVG Logos بموجب CC0. النص الكامل للترخيص متاح على https://raw.githubusercontent.com/gilbarbara/logos/master/LICENSE.txt.

من صمّم أيقونات SVG Logos؟

أيقونات SVG Logos من تصميم Gil Barbara.

كيف أستخدم أيقونات SVG Logos في React؟

ثبّت الحزمة @iconify/react واستخدم <Icon icon="logos:npm-icon" />، أو افتح أي أيقونة في هذه الصفحة وانسخها كمكوّن React مستقل.

مجموعات مشابهة