Ikon Mug Bold Duotone
solar:mug-bold-duotone
Ikon Mug Bold Duotone (solar:mug-bold-duotone) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Solar
- Pembuat
- 480 Design
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Makanan
- Tag
- mugbold, boldduotone, mugboldduotone
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M1.25 21C1.25 20.5858 1.58579 20.25 2 20.25L22 20.25C22.4142 20.25 22.75 20.5858 22.75 21C22.75 21.4142 22.4142 21.75 22 21.75L2 21.75C1.58579 21.75 1.25 21.4142 1.25 21Z" clip-rule="evenodd" opacity=".5"/><path fill-rule="evenodd" d="M3.00174 13C3 12.6878 3 12.355 3 12V7C3 5.11438 3 4.17157 3.58579 3.58579C4.17157 3 5.11438 3 7 3H13C14.8856 3 15.8284 3 16.4142 3.58579C16.649 3.82059 16.7897 4.11275 16.874 4.5H18C20.5261 4.5 22.75 6.31185 22.75 8.75C22.75 11.1882 20.5261 13 18 13H3.00174ZM16.9957 6C17 6.30037 17 6.63226 17 7V11.5H18C19.8921 11.5 21.25 10.1778 21.25 8.75C21.25 7.32216 19.8921 6 18 6H16.9957Z" clip-rule="evenodd"/><path d="M9.00021 18H11.0002C13.8286 18 15.2429 18 16.1215 17.1213C16.8899 16.3529 16.9864 15.175 16.9985 13H3.00195C3.01406 15.175 3.11051 16.3529 3.87889 17.1213C4.75757 18 6.17179 18 9.00021 18Z" opacity=".5"/></g></svg>Cara memakai ikon Mug Bold Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:mug-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:mug-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:mug-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--mug-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:mug-bold-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:mug-bold-duotone"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/solar/mug-bold-duotone.svg" alt="Ikon Mug Bold Duotone" width="24" height="24">Ikon terkait di Solar
FAQ Ikon Mug Bold Duotone
Apakah ikon Mug Bold Duotone gratis untuk penggunaan komersial?
Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Mug Bold Duotone di React?
Pasang @iconify/react lalu render <Icon icon="solar:mug-bold-duotone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Mug Bold Duotone ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/mug-bold-duotone.svg" alt="Ikon Mug Bold Duotone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.