أيقونة Venn Diagram

fluent-mdl2:venn-diagram

أيقونة Venn Diagram (fluent-mdl2:venn-diagram) أيقونة SVG مجانية من مجموعة Fluent UI MDL2 من تصميم Microsoft Corporation. مرسومة على شبكة 2048 × 2048. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Fluent UI MDL2
المؤلف: Microsoft Corporation
الترخيص: MIT
الحجم: 2048 × 2048
الوسوم: venndiagram

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1503 545q121 38 221 109t173 168t111 214t40 244q0 106-27 204t-78 183t-120 156t-155 120t-184 77t-204 28q-128 0-244-39t-213-112t-169-172t-109-222q-122-37-222-109t-172-168t-111-213T0 768q0-106 27-204t78-183t120-156t155-120t184-77T768 0q127 0 244 39t213 112t168 172t110 222M128 768q0 96 27 185t79 167t122 137t160 99q-2-19-3-38t-1-38q0-106 27-204t78-183t120-156t155-120t184-77t204-28q19 0 38 1t38 3q-38-88-98-159t-138-123t-166-78t-186-28q-88 0-170 23t-153 64t-129 100t-100 130t-65 153t-23 170m512 512q0 56 11 117q61 11 117 11q40 0 79-5t78-14l-266-266q-9 38-14 77t-5 80m402 67q73-36 137-89L790 869q-53 64-89 137zm216-168q53-64 89-137l-341-341q-73 36-137 89zm150-411q0-56-11-117q-61-11-117-11q-40 0-79 5t-78 14l266 266q9-38 14-77t5-80m-128 1152q88 0 170-23t153-64t129-100t100-130t65-153t23-170q0-96-27-185t-79-167t-122-137t-160-99q2 19 3 38t1 38q0 106-27 204t-78 183t-120 156t-155 120t-184 77t-204 28q-19 0-38-1t-38-3q38 88 98 159t138 123t166 78t186 28"/></svg>

كيفية استخدام أيقونة Venn Diagram

React

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

<Icon icon="fluent-mdl2:venn-diagram" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:venn-diagram" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:venn-diagram" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--venn-diagram]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:venn-diagram"></div>

مكوّن ويب

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

<iconify-icon icon="fluent-mdl2:venn-diagram"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/venn-diagram.svg" alt="أيقونة Venn Diagram" width="24" height="24">

أيقونة Venn Diagram في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Venn Diagram

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

نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Venn Diagram في React؟

ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:venn-diagram" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Venn Diagram إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/venn-diagram.svg" alt="أيقونة Venn Diagram">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Fluent UI MDL2 →