Shallow Pan Of Food icon

emojione-monotone:shallow-pan-of-food

The Shallow Pan Of Food icon (emojione-monotone:shallow-pan-of-food) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Monotone)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Food
Tags: shallowpan, panof, offood, shallowpanoffood

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M58.24 46.543A29.86 29.86 0 0 0 62 32C62 15.432 48.568 2 32 2a29.86 29.86 0 0 0-14.541 3.759L15.26 3.561a5.34 5.34 0 0 0-7.542 0L3.56 7.717a5.34 5.34 0 0 0 0 7.543l2.199 2.199A29.86 29.86 0 0 0 2 32c0 16.568 13.43 30 30 30a29.85 29.85 0 0 0 14.541-3.76l2.199 2.199a5.34 5.34 0 0 0 7.543 0l4.156-4.156a5.34 5.34 0 0 0 0-7.543zM6.702 12.117a.89.89 0 0 1 0-1.258l4.158-4.158a.89.89 0 0 1 1.257 0l1.555 1.556a30.2 30.2 0 0 0-5.415 5.415zM32 55.438C19.057 55.438 8.563 44.945 8.563 32S19.057 8.563 32 8.563S55.438 19.056 55.438 32S44.943 55.438 32 55.438m25.299-2.297l-4.16 4.158a.89.89 0 0 1-1.256 0l-1.555-1.557a30 30 0 0 0 5.414-5.414l1.557 1.555a.89.89 0 0 1 0 1.258"/><path fill="currentColor" d="M41.563 31.034c2.781 5.853 4.078 7.806 9.055 3.782c4.973-4.021 7.279-13.742-11.025-23.467c-4.977-2.644-12.928 2.365-12.031 6.585c.899 4.222 11.225 7.249 14.001 13.1m9.082-4.852c3.396 0-2.086 1.861-5.354 4.683c-1.584 1.368-.822-4.683 5.354-4.683m-4.532-7.491c3.398 0-2.084 1.858-5.352 4.682c-1.579 1.366-.827-4.682 5.352-4.682m-7.306-4.88c3.395 0-2.088 1.861-5.35 4.679c-1.586 1.368-.828-4.679 5.35-4.679m3.595 29.158c-4.059 2.887-6.549 6.307-5.574 7.643c1.756 2.414 1.756 2.414 9.102-2.814c4.053-2.883 6.549-6.307 5.574-7.641c-1.764-2.413-1.764-2.413-9.102 2.812m.143-1.323c1.852.072.697-1.646.91-3.809c.209-2.164-1.551-1.055-4.867-1.248c-3.32-.193-2.355 2.42-2.221 4.508c.135 2.087 1.41.372 6.178.549"/><path fill="currentColor" d="M30.371 43.256c-1.132-.705-2.089-1.668-2.941-2.754c.768.311 1.701.49 2.667.674c.419.08.838.16 1.234.25c.433.1.768.146 1.053.146c1.554 0 1.724-1.318 1.826-2.107c.092-.713.219-1.691.859-2.982c.336-.682.22-1.197.063-1.51c-.412-.828-1.388-1.014-2.622-1.248c-.688-.131-1.468-.279-2.244-.547c-.562-.194-1.005-.284-1.396-.284c-1.498 0-1.871 1.256-2.144 2.172c-.158.531-.337 1.135-.69 1.797a3.3 3.3 0 0 0-.354 1.039c-2.252-3.816-3.835-8.05-6.505-9.033c-.062-.022-.127-.029-.189-.048c.044-.097.072-.184.122-.285c.336-.681.22-1.197.063-1.51c-.316-.634-.963-.891-1.802-1.082c.975-.919 2.265-2.275 4.095-4.205c.143-.15.277-.3.414-.451c-.105.268-.23.549-.387.841c-.542 1.016-.243 1.625.467 2.035c-.499.155-.858.406-1.021.768c-1.33 2.954-1.33 2.954 7.484 7.066c4.863 2.27 9.406 2.787 10.143 1.158c1.332-2.961 1.332-2.961-7.484-7.069a27 27 0 0 0-3.391-1.322c.168-.702.106-2.016 1.059-3.933c.666-1.352-1.732-1.055-4.232-1.914c-.23-.08-.426-.13-.604-.168c1.806-2.604 2.535-4.902 1.64-5.734c-2.232-2.069-2.232-2.069-8.551 4.588c-2.62 2.758-4.281 5.629-4.433 7.38c-1.207.182-1.551 1.295-1.801 2.134c-.158.532-.337 1.135-.69 1.798c-.456.855-.522 1.633-.196 2.313c.307.64.886 1.045 1.612 1.335c-1.08 1.676-1.556 3.649-.819 5.461c7.105 17.48 17.333 17.244 22.169 13.688c4.839-3.555 3.05-5.02-2.474-8.457m-16.969-3.983c.932-5.314 7.193-4.877 5.564-3.764c-3.359 2.304-6.081 6.682-5.564 3.764m8.967 2.346c-3.359 2.303-6.078 6.678-5.564 3.764c.935-5.319 7.195-4.881 5.564-3.764m6.041 4.469c-3.359 2.303-6.076 6.68-5.564 3.766c.937-5.317 7.193-4.879 5.564-3.766"/></svg>

How to use the Shallow Pan Of Food icon

React

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

<Icon icon="emojione-monotone:shallow-pan-of-food" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:shallow-pan-of-food" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:shallow-pan-of-food" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--shallow-pan-of-food]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:shallow-pan-of-food"></div>

Web component

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

<iconify-icon icon="emojione-monotone:shallow-pan-of-food"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-monotone/shallow-pan-of-food.svg" alt="Shallow Pan Of Food icon" width="24" height="24">

Shallow Pan Of Food icon in other icon sets

Shallow Pan Of Food icon FAQ

Is the Shallow Pan Of Food icon free for commercial use?

Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Shallow Pan Of Food icon in React?

Install @iconify/react and render <Icon icon="emojione-monotone:shallow-pan-of-food" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Shallow Pan Of Food icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-monotone/shallow-pan-of-food.svg" alt="Shallow Pan Of Food icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Monotone) icons →