Ikon Background Color
fluent-mdl2:background-color
Ikon Background Color (fluent-mdl2:background-color) 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
- backgroundcolor
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 256v1792H256v-640l128 128v384h1536V384h-768V256zM704 1562L102 960l538-539V192q0-40 15-75t41-61t61-41t75-15t75 15t61 41t41 61t15 75v576H896V192q0-26-19-45t-45-19t-45 19t-19 45v283L347 896h842l65-64l-83-83l90-90l173 173zm357-538H347l357 358zm417 786q-67 0-129-23t-111-64t-77-100t-29-129q0-43 12-84t35-77l293-461l286 450q23 38 36 79t13 87q0 67-26 126t-72 102t-105 69t-126 25m-161-389q-22 33-22 71q0 36 15 64t41 49t57 30t65 11q33 0 64-11t54-33t38-50t15-64q0-41-24-79l-148-233z"/></svg>Cara memakai ikon Background Color
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:background-color" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:background-color" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:background-color" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--background-color]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:background-color"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:background-color"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/background-color.svg" alt="Ikon Background Color" width="24" height="24">Ikon Background Color di set ikon lain
FAQ Ikon Background Color
Apakah ikon Background Color 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 Background Color di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:background-color" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Background Color ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/background-color.svg" alt="Ikon Background Color">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.