ICONYZ
Bahasa Indonesia
Ikon Eat Drink dari Fluent UI MDL2

Ikon Eat Drink

fluent-mdl2:eat-drink

Ikon Eat Drink (fluent-mdl2:eat-drink) 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
eatdrink
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="M960 0q26 0 45 19t19 45v704q0 53-20 99t-55 81t-82 55t-99 21v960q0 26-19 45t-45 19t-45-19t-19-45v-960q-53 0-99-20t-81-55t-55-81t-21-100V64q0-26 19-45t45-19t45 19t19 45v704q0 27 10 50t27 40t41 28t50 10V64q0-26 19-45t45-19t45 19t19 45v832q27 0 50-10t40-27t28-41t10-50V64q0-26 19-45t45-19m704 0v1984q0 26-19 45t-45 19t-45-19t-19-45v-576q-37 0-80 1t-85-1t-82-12t-70-31t-49-57t-18-92V448q0-93 35-174t96-142t142-96t175-36zm-128 134q-56 11-102 40t-81 72t-54 93t-19 109v768q0 26 19 45t45 19h192z"/></svg>

Cara memakai ikon Eat Drink

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fluent-mdl2:eat-drink"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/eat-drink.svg" alt="Ikon Eat Drink" width="24" height="24">

FAQ Ikon Eat Drink

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

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

Bagaimana cara menambahkan ikon Eat Drink ke halaman web?

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

Lihat semua Ikon Fluent UI MDL2 →