food icon

food from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name: food
Set: Element Plus
Style: Outline
Viewbox: 1024×1024
License: MIT

The same icon in other sets

food-16-filledFluent UI System Icons food-16Fluent UI System Color Icons foodMaterial Design Icons

Use the food icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M128 352.6v-.6a288 288 0 0 1 491-204.2a192 192 0 0 1 274.3 204.5a64 64 0 0 1 57.2 74.2Q907.1 687.5 736 757v43a96 96 0 0 1-96 96H384a96 96 0 0 1-96-96v-43Q117 687.5 73.5 426.5a64 64 0 0 1 54.5-73.9m64-.6h64a160 160 0 0 1 320 0h64a224 224 0 0 0-448 0m128 0h192a96 96 0 0 0-192 0m439.4 0H828a128.3 128.3 0 0 0-124-160a127 127 0 0 0-43.5 7.6a292 292 0 0 1 27.8 58.3a64.1 64.1 0 0 1 71.1 94.1M672 768H352v32a32 32 0 0 0 32 32h256a32 32 0 0 0 32-32zm-342.5-64h365c101.5-32.6 165.8-125 193-288h-751c27.2 163 91.5 255.4 193 288"/></svg>

React

import type { SVGProps } from "react";

export function EpFood(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M128 352.6v-.6a288 288 0 0 1 491-204.2a192 192 0 0 1 274.3 204.5a64 64 0 0 1 57.2 74.2Q907.1 687.5 736 757v43a96 96 0 0 1-96 96H384a96 96 0 0 1-96-96v-43Q117 687.5 73.5 426.5a64 64 0 0 1 54.5-73.9m64-.6h64a160 160 0 0 1 320 0h64a224 224 0 0 0-448 0m128 0h192a96 96 0 0 0-192 0m439.4 0H828a128.3 128.3 0 0 0-124-160a127 127 0 0 0-43.5 7.6a292 292 0 0 1 27.8 58.3a64.1 64.1 0 0 1 71.1 94.1M672 768H352v32a32 32 0 0 0 32 32h256a32 32 0 0 0 32-32zm-342.5-64h365c101.5-32.6 165.8-125 193-288h-751c27.2 163 91.5 255.4 193 288"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M128 352.6v-.6a288 288 0 0 1 491-204.2a192 192 0 0 1 274.3 204.5a64 64 0 0 1 57.2 74.2Q907.1 687.5 736 757v43a96 96 0 0 1-96 96H384a96 96 0 0 1-96-96v-43Q117 687.5 73.5 426.5a64 64 0 0 1 54.5-73.9m64-.6h64a160 160 0 0 1 320 0h64a224 224 0 0 0-448 0m128 0h192a96 96 0 0 0-192 0m439.4 0H828a128.3 128.3 0 0 0-124-160a127 127 0 0 0-43.5 7.6a292 292 0 0 1 27.8 58.3a64.1 64.1 0 0 1 71.1 94.1M672 768H352v32a32 32 0 0 0 32 32h256a32 32 0 0 0 32-32zm-342.5-64h365c101.5-32.6 165.8-125 193-288h-751c27.2 163 91.5 255.4 193 288"/></svg>
</template>

CSS

.icon-food {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%20352.6v-.6a288%20288%200%200%201%20491-204.2a192%20192%200%200%201%20274.3%20204.5a64%2064%200%200%201%2057.2%2074.2Q907.1%20687.5%20736%20757v43a96%2096%200%200%201-96%2096H384a96%2096%200%200%201-96-96v-43Q117%20687.5%2073.5%20426.5a64%2064%200%200%201%2054.5-73.9m64-.6h64a160%20160%200%200%201%20320%200h64a224%20224%200%200%200-448%200m128%200h192a96%2096%200%200%200-192%200m439.4%200H828a128.3%20128.3%200%200%200-124-160a127%20127%200%200%200-43.5%207.6a292%20292%200%200%201%2027.8%2058.3a64.1%2064.1%200%200%201%2071.1%2094.1M672%20768H352v32a32%2032%200%200%200%2032%2032h256a32%2032%200%200%200%2032-32zm-342.5-64h365c101.5-32.6%20165.8-125%20193-288h-751c27.2%20163%2091.5%20255.4%20193%20288%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%20352.6v-.6a288%20288%200%200%201%20491-204.2a192%20192%200%200%201%20274.3%20204.5a64%2064%200%200%201%2057.2%2074.2Q907.1%20687.5%20736%20757v43a96%2096%200%200%201-96%2096H384a96%2096%200%200%201-96-96v-43Q117%20687.5%2073.5%20426.5a64%2064%200%200%201%2054.5-73.9m64-.6h64a160%20160%200%200%201%20320%200h64a224%20224%200%200%200-448%200m128%200h192a96%2096%200%200%200-192%200m439.4%200H828a128.3%20128.3%200%200%200-124-160a127%20127%200%200%200-43.5%207.6a292%20292%200%200%201%2027.8%2058.3a64.1%2064.1%200%200%201%2071.1%2094.1M672%20768H352v32a32%2032%200%200%200%2032%2032h256a32%2032%200%200%200%2032-32zm-342.5-64h365c101.5-32.6%20165.8-125%20193-288h-751c27.2%20163%2091.5%20255.4%20193%20288%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/food.svg?color=%231a73e8&size=48