ICONYZ
Bahasa Indonesia
Ikon Diamond dari Fluent UI MDL2

Ikon Diamond

fluent-mdl2:diamond

Ikon Diamond (fluent-mdl2:diamond) 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
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="m1928 829l-904 1113L120 829l537-573h734zm-666-61l-144-384H930L786 768zM779 896l245 858l245-858zm-93-512L327 768h343l144-384zM314 896l542 667l-191-667zm878 667l542-667h-351zm529-795l-359-384h-128l144 384z"/></svg>

Cara memakai ikon Diamond

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fluent-mdl2:diamond"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/diamond.svg" alt="Ikon Diamond" width="24" height="24">

Ikon terkait di Fluent UI MDL2

Ikon Diamond di set ikon lain

FAQ Ikon Diamond

Apakah ikon Diamond 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 Diamond di React?

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

Bagaimana cara menambahkan ikon Diamond ke halaman web?

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

Lihat semua Ikon Fluent UI MDL2 →