ICONYZ
Bahasa Indonesia
Ikon Venn Diagram dari Fluent UI MDL2

Ikon Venn Diagram

fluent-mdl2:venn-diagram

Ikon Venn Diagram (fluent-mdl2:venn-diagram) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Fluent UI MDL2
Pembuat
Microsoft Corporation
Lisensi
MIT
Ukuran
2048 × 2048
Tag
venndiagram
Download SVG

Kode 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>

Cara memakai ikon 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>

Web component

<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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/venn-diagram.svg" alt="Ikon Venn Diagram" width="24" height="24">

Ikon Venn Diagram di set ikon lain

FAQ Ikon Venn Diagram

Apakah ikon Venn Diagram gratis untuk penggunaan komersial?

Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Venn Diagram di React?

Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:venn-diagram" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Venn Diagram ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/venn-diagram.svg" alt="Ikon Venn Diagram">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent UI MDL2 →