Ikon Bucket Color Fill
fluent-mdl2:bucket-color-fill
Ikon Bucket Color Fill (fluent-mdl2:bucket-color-fill) 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
- bucketcolor, colorfill, bucketcolorfill
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M192 1088h1280l-640 640zm1731 534q32 56 32 122q0 47-16 90t-47 76t-71 54t-89 20q-49 0-92-18t-75-50t-51-75t-19-92q0-62 31-116l202-353z"/></svg>Cara memakai ikon Bucket Color Fill
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:bucket-color-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:bucket-color-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:bucket-color-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--bucket-color-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:bucket-color-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:bucket-color-fill"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/bucket-color-fill.svg" alt="Ikon Bucket Color Fill" width="24" height="24">Ikon terkait di Fluent UI MDL2
FAQ Ikon Bucket Color Fill
Apakah ikon Bucket Color Fill 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 Bucket Color Fill di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:bucket-color-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bucket Color Fill ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/bucket-color-fill.svg" alt="Ikon Bucket Color Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.