food tray icon

food-tray-filled from Reicon by REICON · Filled · Food · MIT Free for personal and commercial use.

Name
food-tray-filled
Set
Reicon
Style
Filled
Category
Food
Viewbox
24×24
License
MIT

1 other variant in Reicon

food-tray

More food icons from Reicon

bottlechef-hatchef-hat-heartchef-hat2cookiecorkscrewcup-hotcup-paperdonutdonut2fork-knifehot-drinkladlemugoven-mittsoven-mitts2pizza-slicerolling-pintea-cupwhiskwineglasswineglass2

Use the food tray icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M14.03 5.473a2.25 2.25 0 1 0-4.058 0C5.838 6.398 2.75 10.089 2.75 14.5c0 .414.336.75.75.75h17a.75.75 0 0 0 .75-.75c0-4.411-3.088-8.102-7.22-9.027M12 3.75a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m2.33 4.887a.75.75 0 0 1 1.043-.194a5.85 5.85 0 0 1 1.904 2.175a.75.75 0 0 1-1.337.679a4.35 4.35 0 0 0-1.415-1.617a.75.75 0 0 1-.194-1.043" clip-rule="evenodd"/><path d="M2 16.5a.5.5 0 0 0-.5.5v.221c0 .472 0 .857.026 1.17c.026.322.082.611.22.88c.215.424.56.768.983.984c.269.137.558.193.88.22c.313.025.698.025 1.17.025H19.22c.472 0 .857 0 1.17-.026c.322-.026.611-.082.88-.22c.424-.215.768-.56.984-.983c.137-.269.193-.558.22-.88c.025-.313.025-.698.025-1.17V17a.5.5 0 0 0-.5-.5z"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconFoodTrayFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M14.03 5.473a2.25 2.25 0 1 0-4.058 0C5.838 6.398 2.75 10.089 2.75 14.5c0 .414.336.75.75.75h17a.75.75 0 0 0 .75-.75c0-4.411-3.088-8.102-7.22-9.027M12 3.75a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m2.33 4.887a.75.75 0 0 1 1.043-.194a5.85 5.85 0 0 1 1.904 2.175a.75.75 0 0 1-1.337.679a4.35 4.35 0 0 0-1.415-1.617a.75.75 0 0 1-.194-1.043" clipRule="evenodd"/><path d="M2 16.5a.5.5 0 0 0-.5.5v.221c0 .472 0 .857.026 1.17c.026.322.082.611.22.88c.215.424.56.768.983.984c.269.137.558.193.88.22c.313.025.698.025 1.17.025H19.22c.472 0 .857 0 1.17-.026c.322-.026.611-.082.88-.22c.424-.215.768-.56.984-.983c.137-.269.193-.558.22-.88c.025-.313.025-.698.025-1.17V17a.5.5 0 0 0-.5-.5z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M14.03 5.473a2.25 2.25 0 1 0-4.058 0C5.838 6.398 2.75 10.089 2.75 14.5c0 .414.336.75.75.75h17a.75.75 0 0 0 .75-.75c0-4.411-3.088-8.102-7.22-9.027M12 3.75a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m2.33 4.887a.75.75 0 0 1 1.043-.194a5.85 5.85 0 0 1 1.904 2.175a.75.75 0 0 1-1.337.679a4.35 4.35 0 0 0-1.415-1.617a.75.75 0 0 1-.194-1.043" clip-rule="evenodd"/><path d="M2 16.5a.5.5 0 0 0-.5.5v.221c0 .472 0 .857.026 1.17c.026.322.082.611.22.88c.215.424.56.768.983.984c.269.137.558.193.88.22c.313.025.698.025 1.17.025H19.22c.472 0 .857 0 1.17-.026c.322-.026.611-.082.88-.22c.424-.215.768-.56.984-.983c.137-.269.193-.558.22-.88c.025-.313.025-.698.025-1.17V17a.5.5 0 0 0-.5-.5z"/></g></svg>
</template>

CSS

.icon-food-tray-filled {
  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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.03%205.473a2.25%202.25%200%201%200-4.058%200C5.838%206.398%202.75%2010.089%202.75%2014.5c0%20.414.336.75.75.75h17a.75.75%200%200%200%20.75-.75c0-4.411-3.088-8.102-7.22-9.027M12%203.75a.75.75%200%201%200%200%201.5a.75.75%200%200%200%200-1.5m2.33%204.887a.75.75%200%200%201%201.043-.194a5.85%205.85%200%200%201%201.904%202.175a.75.75%200%200%201-1.337.679a4.35%204.35%200%200%200-1.415-1.617a.75.75%200%200%201-.194-1.043%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M2%2016.5a.5.5%200%200%200-.5.5v.221c0%20.472%200%20.857.026%201.17c.026.322.082.611.22.88c.215.424.56.768.983.984c.269.137.558.193.88.22c.313.025.698.025%201.17.025H19.22c.472%200%20.857%200%201.17-.026c.322-.026.611-.082.88-.22c.424-.215.768-.56.984-.983c.137-.269.193-.558.22-.88c.025-.313.025-.698.025-1.17V17a.5.5%200%200%200-.5-.5z%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.03%205.473a2.25%202.25%200%201%200-4.058%200C5.838%206.398%202.75%2010.089%202.75%2014.5c0%20.414.336.75.75.75h17a.75.75%200%200%200%20.75-.75c0-4.411-3.088-8.102-7.22-9.027M12%203.75a.75.75%200%201%200%200%201.5a.75.75%200%200%200%200-1.5m2.33%204.887a.75.75%200%200%201%201.043-.194a5.85%205.85%200%200%201%201.904%202.175a.75.75%200%200%201-1.337.679a4.35%204.35%200%200%200-1.415-1.617a.75.75%200%200%201-.194-1.043%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M2%2016.5a.5.5%200%200%200-.5.5v.221c0%20.472%200%20.857.026%201.17c.026.322.082.611.22.88c.215.424.56.768.983.984c.269.137.558.193.88.22c.313.025.698.025%201.17.025H19.22c.472%200%20.857%200%201.17-.026c.322-.026.611-.082.88-.22c.424-.215.768-.56.984-.983c.137-.269.193-.558.22-.88c.025-.313.025-.698.025-1.17V17a.5.5%200%200%200-.5-.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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