ICONYZ
Bahasa Indonesia
Ikon No Meals dari Material Symbols

Ikon No Meals

material-symbols:no-meals

Ikon No Meals (material-symbols:no-meals) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Material Symbols
Pembuat
Google
Lisensi
Apache-2.0
Ukuran
24 × 24
Kategori
Peta
Tag
dining, disabled, eat, enabled, food, fork, knife, meal, meals, no, off, on, restaurant, slash, spoon, utensils
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.475 23.3L19 21.825V22h-2v-2.175L.675 3.5L2.1 2.075l19.8 19.8zM19 16.125l-2.075-2.075L14 11.125V7q0-2.075 1.463-3.537T19 2zm-7-7l-2-2V2h2zm-3-3l-2-2V2h2zm-3-3L4.875 2H6zM7 22v-9.15q-1.275-.35-2.137-1.4T4 9V3.975l2 2V9h1V6.975l2.025 2l2.25 2.275q-.4.575-.987.988T9 12.85V22z"/></svg>

Cara memakai ikon No Meals

React

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

<Icon icon="material-symbols:no-meals" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:no-meals" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:no-meals" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--no-meals]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:no-meals"></div>

Web component

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

<iconify-icon icon="material-symbols:no-meals"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/no-meals.svg" alt="Ikon No Meals" width="24" height="24">

Ikon terkait di Material Symbols

Ikon No Meals di set ikon lain

FAQ Ikon No Meals

Apakah ikon No Meals gratis untuk penggunaan komersial?

Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon No Meals di React?

Pasang @iconify/react lalu render <Icon icon="material-symbols:no-meals" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon No Meals ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/no-meals.svg" alt="Ikon No Meals">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Symbols →