Ikon Measuring Cup
bi:measuring-cup
Ikon Measuring Cup (bi:measuring-cup) adalah ikon SVG gratis dari set Bootstrap Icons karya The Bootstrap Authors. Ikon ini digambar pada grid 24 × 24. Bootstrap 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
- Bootstrap Icons
- Pembuat
- The Bootstrap Authors
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- measuringcup
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M.038.309A.5.5 0 0 1 .5 0H14a2 2 0 0 1 2 2v5.959a1.041 1.041 0 0 1-2.069.17l-.849-5.094A.041.041 0 0 0 13 3.04V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3.743a2.5 2.5 0 0 0-.732-1.768L.146.854A.5.5 0 0 1 .038.309M1.708 1l.267.268A3.5 3.5 0 0 1 3 3.743V14a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V3.041a1.041 1.041 0 0 1 2.069-.17l.849 5.094A.041.041 0 0 0 15 7.96V2a1 1 0 0 0-1-1zM4 3h3.5a.5.5 0 1 1 0 1H4zm0 2h1.5a.5.5 0 1 1 0 1H4zm0 2h3.5a.5.5 0 1 1 0 1H4zm0 2h1.5a.5.5 0 1 1 0 1H4zm0 2h3.5a.5.5 0 0 1 0 1H4zm0 2h1.5a.5.5 0 0 1 0 1H4z"/></svg>
Cara memakai ikon Measuring Cup
React
import { Icon } from "@iconify/react";
<Icon icon="bi:measuring-cup" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bi:measuring-cup" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bi:measuring-cup" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--measuring-cup]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:measuring-cup"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bi:measuring-cup"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/bi/measuring-cup.svg" alt="Ikon Measuring Cup" width="24" height="24">
Ikon terkait di Bootstrap Icons
Ikon Measuring Cup di set ikon lain
FAQ Ikon Measuring Cup
Apakah ikon Measuring Cup gratis untuk penggunaan komersial?
Ya. Bootstrap Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Measuring Cup di React?
Pasang @iconify/react lalu render <Icon icon="bi:measuring-cup" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Measuring Cup ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/bi/measuring-cup.svg" alt="Ikon Measuring Cup">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Bootstrap Icons →
ICONYZ
