canned food emoji

The same emoji in other sets

More food & drink icons from Noto Emoji

Use the canned food emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#feb502" d="m57.64 20.92l-29.45 5.37s.35 29.12.04 42.77s-.42 33-.2 35.45c.19 2.13 6.75 8.9 6.75 8.9l22.09 7.98l21.47-.77l18.71-8.74s2.79-3.75 3.32-5.02c.41-.97.03-28.13.03-41.06c0-10.89.55-40.46.55-40.46z"/><path fill="#b0b0b0" d="M28.3 109.44c.34 1.48 12.21 14.85 36.18 14.85s35.46-11.73 35.68-12.94s.26-4.66.26-4.66s-11.64 12.65-35.61 12.76c-24.31.11-36.8-15.08-36.8-15.08s-.05 3.59.29 5.07"/><path fill="#e0e0e0" d="m38.42 10.35l-10.27 7.7s-.3 3.29-.29 4.84c.02 2.3.33 3.41.33 3.41s6.9 11.2 36.68 12c26.91.72 36.02-9.46 36.02-9.46s1.15-2.41 1.4-4.15c.42-2.87-.08-5.31-.08-5.31z"/><path fill="#b0b0b0" d="M65.37 3.86C47.56 3.21 28.19 9.25 28.08 18.7c-.11 9.79 24.53 15.53 36.73 15.62c15.15.11 37.17-5.28 37.5-14.08c.34-8.79-17.46-15.67-36.94-16.38"/><path fill="#858585" d="M65.37 16.72s-28.81 5.5-30.46 4.07s-2.97-2.64.77-5.94s14.06-7.74 30.57-7.04c17.32.74 30.22 6.61 31.05 11.27c.15.82-.08 2.32-1.02 2.84c-.21.12-5.47 2.66-5.47 2.66s-26.21-7.97-25.44-7.86"/><path fill="#e0e0e0" d="M83.18 13.23c-11.17-3.16-29.44-3.98-39.12.31s-9.08 7.3-9.08 7.3s8.32 7.84 30.06 8.1c23.21.28 31.23-7.04 31.23-7.04s-.66-5.15-13.09-8.67"/><path fill="#719921" d="M40.62 46.75c-.71.35-.77 1.65-.88 3.3s-.44 49.16-.22 49.6s7.81 8.58 25.08 8.25c16.61-.32 24.74-6.21 24.74-6.21s.22-29.99.33-37.03s.91-15.29 0-16.12c-1.51-1.38-8.58.51-24.96.29s-22.77-2.74-24.09-2.08"/><path fill="#e5dda0" d="M44.14 51.92c-.78 1.16-.47 22.56-.47 26.85s-.04 17.88-.04 17.88s6.69 6.32 19.86 6.3c13.36-.02 21.63-4.4 21.63-4.4s.37-18.15.48-26.28s.32-17.78.34-19.27c.02-1.25-12.5.77-22.39.33c-12.53-.54-18.75-2.4-19.41-1.41"/><path fill="#749b22" d="M50.17 59.93c-.67.33-1.07.68-1.2 1.84c-.17 1.5.49 2.44 1.24 2.86s6.8.73 14.39.77c7.95.05 14.71-.19 14.71-.19s.83-.92.83-2.58c0-1.34-.38-1.94-.83-2.25c-.46-.31-9.32.1-15.07.06c-6.49-.05-13.41-.84-14.07-.51"/><path fill="#ff5119" d="M50.26 82.35c0 8.01 5.17 14.26 14.67 14.17s13.53-8.74 13.26-13.76c-.33-6.17-3.84-13.42-13.84-13.42s-14.09 7.18-14.09 13.01"/></svg>

import type { SVGProps } from "react";

export function NotoCannedFood(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#feb502" d="m57.64 20.92l-29.45 5.37s.35 29.12.04 42.77s-.42 33-.2 35.45c.19 2.13 6.75 8.9 6.75 8.9l22.09 7.98l21.47-.77l18.71-8.74s2.79-3.75 3.32-5.02c.41-.97.03-28.13.03-41.06c0-10.89.55-40.46.55-40.46z"/><path fill="#b0b0b0" d="M28.3 109.44c.34 1.48 12.21 14.85 36.18 14.85s35.46-11.73 35.68-12.94s.26-4.66.26-4.66s-11.64 12.65-35.61 12.76c-24.31.11-36.8-15.08-36.8-15.08s-.05 3.59.29 5.07"/><path fill="#e0e0e0" d="m38.42 10.35l-10.27 7.7s-.3 3.29-.29 4.84c.02 2.3.33 3.41.33 3.41s6.9 11.2 36.68 12c26.91.72 36.02-9.46 36.02-9.46s1.15-2.41 1.4-4.15c.42-2.87-.08-5.31-.08-5.31z"/><path fill="#b0b0b0" d="M65.37 3.86C47.56 3.21 28.19 9.25 28.08 18.7c-.11 9.79 24.53 15.53 36.73 15.62c15.15.11 37.17-5.28 37.5-14.08c.34-8.79-17.46-15.67-36.94-16.38"/><path fill="#858585" d="M65.37 16.72s-28.81 5.5-30.46 4.07s-2.97-2.64.77-5.94s14.06-7.74 30.57-7.04c17.32.74 30.22 6.61 31.05 11.27c.15.82-.08 2.32-1.02 2.84c-.21.12-5.47 2.66-5.47 2.66s-26.21-7.97-25.44-7.86"/><path fill="#e0e0e0" d="M83.18 13.23c-11.17-3.16-29.44-3.98-39.12.31s-9.08 7.3-9.08 7.3s8.32 7.84 30.06 8.1c23.21.28 31.23-7.04 31.23-7.04s-.66-5.15-13.09-8.67"/><path fill="#719921" d="M40.62 46.75c-.71.35-.77 1.65-.88 3.3s-.44 49.16-.22 49.6s7.81 8.58 25.08 8.25c16.61-.32 24.74-6.21 24.74-6.21s.22-29.99.33-37.03s.91-15.29 0-16.12c-1.51-1.38-8.58.51-24.96.29s-22.77-2.74-24.09-2.08"/><path fill="#e5dda0" d="M44.14 51.92c-.78 1.16-.47 22.56-.47 26.85s-.04 17.88-.04 17.88s6.69 6.32 19.86 6.3c13.36-.02 21.63-4.4 21.63-4.4s.37-18.15.48-26.28s.32-17.78.34-19.27c.02-1.25-12.5.77-22.39.33c-12.53-.54-18.75-2.4-19.41-1.41"/><path fill="#749b22" d="M50.17 59.93c-.67.33-1.07.68-1.2 1.84c-.17 1.5.49 2.44 1.24 2.86s6.8.73 14.39.77c7.95.05 14.71-.19 14.71-.19s.83-.92.83-2.58c0-1.34-.38-1.94-.83-2.25c-.46-.31-9.32.1-15.07.06c-6.49-.05-13.41-.84-14.07-.51"/><path fill="#ff5119" d="M50.26 82.35c0 8.01 5.17 14.26 14.67 14.17s13.53-8.74 13.26-13.76c-.33-6.17-3.84-13.42-13.84-13.42s-14.09 7.18-14.09 13.01"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#feb502" d="m57.64 20.92l-29.45 5.37s.35 29.12.04 42.77s-.42 33-.2 35.45c.19 2.13 6.75 8.9 6.75 8.9l22.09 7.98l21.47-.77l18.71-8.74s2.79-3.75 3.32-5.02c.41-.97.03-28.13.03-41.06c0-10.89.55-40.46.55-40.46z"/><path fill="#b0b0b0" d="M28.3 109.44c.34 1.48 12.21 14.85 36.18 14.85s35.46-11.73 35.68-12.94s.26-4.66.26-4.66s-11.64 12.65-35.61 12.76c-24.31.11-36.8-15.08-36.8-15.08s-.05 3.59.29 5.07"/><path fill="#e0e0e0" d="m38.42 10.35l-10.27 7.7s-.3 3.29-.29 4.84c.02 2.3.33 3.41.33 3.41s6.9 11.2 36.68 12c26.91.72 36.02-9.46 36.02-9.46s1.15-2.41 1.4-4.15c.42-2.87-.08-5.31-.08-5.31z"/><path fill="#b0b0b0" d="M65.37 3.86C47.56 3.21 28.19 9.25 28.08 18.7c-.11 9.79 24.53 15.53 36.73 15.62c15.15.11 37.17-5.28 37.5-14.08c.34-8.79-17.46-15.67-36.94-16.38"/><path fill="#858585" d="M65.37 16.72s-28.81 5.5-30.46 4.07s-2.97-2.64.77-5.94s14.06-7.74 30.57-7.04c17.32.74 30.22 6.61 31.05 11.27c.15.82-.08 2.32-1.02 2.84c-.21.12-5.47 2.66-5.47 2.66s-26.21-7.97-25.44-7.86"/><path fill="#e0e0e0" d="M83.18 13.23c-11.17-3.16-29.44-3.98-39.12.31s-9.08 7.3-9.08 7.3s8.32 7.84 30.06 8.1c23.21.28 31.23-7.04 31.23-7.04s-.66-5.15-13.09-8.67"/><path fill="#719921" d="M40.62 46.75c-.71.35-.77 1.65-.88 3.3s-.44 49.16-.22 49.6s7.81 8.58 25.08 8.25c16.61-.32 24.74-6.21 24.74-6.21s.22-29.99.33-37.03s.91-15.29 0-16.12c-1.51-1.38-8.58.51-24.96.29s-22.77-2.74-24.09-2.08"/><path fill="#e5dda0" d="M44.14 51.92c-.78 1.16-.47 22.56-.47 26.85s-.04 17.88-.04 17.88s6.69 6.32 19.86 6.3c13.36-.02 21.63-4.4 21.63-4.4s.37-18.15.48-26.28s.32-17.78.34-19.27c.02-1.25-12.5.77-22.39.33c-12.53-.54-18.75-2.4-19.41-1.41"/><path fill="#749b22" d="M50.17 59.93c-.67.33-1.07.68-1.2 1.84c-.17 1.5.49 2.44 1.24 2.86s6.8.73 14.39.77c7.95.05 14.71-.19 14.71-.19s.83-.92.83-2.58c0-1.34-.38-1.94-.83-2.25c-.46-.31-9.32.1-15.07.06c-6.49-.05-13.41-.84-14.07-.51"/><path fill="#ff5119" d="M50.26 82.35c0 8.01 5.17 14.26 14.67 14.17s13.53-8.74 13.26-13.76c-.33-6.17-3.84-13.42-13.84-13.42s-14.09 7.18-14.09 13.01"/></svg>
</template>

.icon-canned-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%20128%20128%22%3E%3Cpath%20fill%3D%22%23feb502%22%20d%3D%22m57.64%2020.92l-29.45%205.37s.35%2029.12.04%2042.77s-.42%2033-.2%2035.45c.19%202.13%206.75%208.9%206.75%208.9l22.09%207.98l21.47-.77l18.71-8.74s2.79-3.75%203.32-5.02c.41-.97.03-28.13.03-41.06c0-10.89.55-40.46.55-40.46z%22%2F%3E%3Cpath%20fill%3D%22%23b0b0b0%22%20d%3D%22M28.3%20109.44c.34%201.48%2012.21%2014.85%2036.18%2014.85s35.46-11.73%2035.68-12.94s.26-4.66.26-4.66s-11.64%2012.65-35.61%2012.76c-24.31.11-36.8-15.08-36.8-15.08s-.05%203.59.29%205.07%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22m38.42%2010.35l-10.27%207.7s-.3%203.29-.29%204.84c.02%202.3.33%203.41.33%203.41s6.9%2011.2%2036.68%2012c26.91.72%2036.02-9.46%2036.02-9.46s1.15-2.41%201.4-4.15c.42-2.87-.08-5.31-.08-5.31z%22%2F%3E%3Cpath%20fill%3D%22%23b0b0b0%22%20d%3D%22M65.37%203.86C47.56%203.21%2028.19%209.25%2028.08%2018.7c-.11%209.79%2024.53%2015.53%2036.73%2015.62c15.15.11%2037.17-5.28%2037.5-14.08c.34-8.79-17.46-15.67-36.94-16.38%22%2F%3E%3Cpath%20fill%3D%22%23858585%22%20d%3D%22M65.37%2016.72s-28.81%205.5-30.46%204.07s-2.97-2.64.77-5.94s14.06-7.74%2030.57-7.04c17.32.74%2030.22%206.61%2031.05%2011.27c.15.82-.08%202.32-1.02%202.84c-.21.12-5.47%202.66-5.47%202.66s-26.21-7.97-25.44-7.86%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M83.18%2013.23c-11.17-3.16-29.44-3.98-39.12.31s-9.08%207.3-9.08%207.3s8.32%207.84%2030.06%208.1c23.21.28%2031.23-7.04%2031.23-7.04s-.66-5.15-13.09-8.67%22%2F%3E%3Cpath%20fill%3D%22%23719921%22%20d%3D%22M40.62%2046.75c-.71.35-.77%201.65-.88%203.3s-.44%2049.16-.22%2049.6s7.81%208.58%2025.08%208.25c16.61-.32%2024.74-6.21%2024.74-6.21s.22-29.99.33-37.03s.91-15.29%200-16.12c-1.51-1.38-8.58.51-24.96.29s-22.77-2.74-24.09-2.08%22%2F%3E%3Cpath%20fill%3D%22%23e5dda0%22%20d%3D%22M44.14%2051.92c-.78%201.16-.47%2022.56-.47%2026.85s-.04%2017.88-.04%2017.88s6.69%206.32%2019.86%206.3c13.36-.02%2021.63-4.4%2021.63-4.4s.37-18.15.48-26.28s.32-17.78.34-19.27c.02-1.25-12.5.77-22.39.33c-12.53-.54-18.75-2.4-19.41-1.41%22%2F%3E%3Cpath%20fill%3D%22%23749b22%22%20d%3D%22M50.17%2059.93c-.67.33-1.07.68-1.2%201.84c-.17%201.5.49%202.44%201.24%202.86s6.8.73%2014.39.77c7.95.05%2014.71-.19%2014.71-.19s.83-.92.83-2.58c0-1.34-.38-1.94-.83-2.25c-.46-.31-9.32.1-15.07.06c-6.49-.05-13.41-.84-14.07-.51%22%2F%3E%3Cpath%20fill%3D%22%23ff5119%22%20d%3D%22M50.26%2082.35c0%208.01%205.17%2014.26%2014.67%2014.17s13.53-8.74%2013.26-13.76c-.33-6.17-3.84-13.42-13.84-13.42s-14.09%207.18-14.09%2013.01%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23feb502%22%20d%3D%22m57.64%2020.92l-29.45%205.37s.35%2029.12.04%2042.77s-.42%2033-.2%2035.45c.19%202.13%206.75%208.9%206.75%208.9l22.09%207.98l21.47-.77l18.71-8.74s2.79-3.75%203.32-5.02c.41-.97.03-28.13.03-41.06c0-10.89.55-40.46.55-40.46z%22%2F%3E%3Cpath%20fill%3D%22%23b0b0b0%22%20d%3D%22M28.3%20109.44c.34%201.48%2012.21%2014.85%2036.18%2014.85s35.46-11.73%2035.68-12.94s.26-4.66.26-4.66s-11.64%2012.65-35.61%2012.76c-24.31.11-36.8-15.08-36.8-15.08s-.05%203.59.29%205.07%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22m38.42%2010.35l-10.27%207.7s-.3%203.29-.29%204.84c.02%202.3.33%203.41.33%203.41s6.9%2011.2%2036.68%2012c26.91.72%2036.02-9.46%2036.02-9.46s1.15-2.41%201.4-4.15c.42-2.87-.08-5.31-.08-5.31z%22%2F%3E%3Cpath%20fill%3D%22%23b0b0b0%22%20d%3D%22M65.37%203.86C47.56%203.21%2028.19%209.25%2028.08%2018.7c-.11%209.79%2024.53%2015.53%2036.73%2015.62c15.15.11%2037.17-5.28%2037.5-14.08c.34-8.79-17.46-15.67-36.94-16.38%22%2F%3E%3Cpath%20fill%3D%22%23858585%22%20d%3D%22M65.37%2016.72s-28.81%205.5-30.46%204.07s-2.97-2.64.77-5.94s14.06-7.74%2030.57-7.04c17.32.74%2030.22%206.61%2031.05%2011.27c.15.82-.08%202.32-1.02%202.84c-.21.12-5.47%202.66-5.47%202.66s-26.21-7.97-25.44-7.86%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M83.18%2013.23c-11.17-3.16-29.44-3.98-39.12.31s-9.08%207.3-9.08%207.3s8.32%207.84%2030.06%208.1c23.21.28%2031.23-7.04%2031.23-7.04s-.66-5.15-13.09-8.67%22%2F%3E%3Cpath%20fill%3D%22%23719921%22%20d%3D%22M40.62%2046.75c-.71.35-.77%201.65-.88%203.3s-.44%2049.16-.22%2049.6s7.81%208.58%2025.08%208.25c16.61-.32%2024.74-6.21%2024.74-6.21s.22-29.99.33-37.03s.91-15.29%200-16.12c-1.51-1.38-8.58.51-24.96.29s-22.77-2.74-24.09-2.08%22%2F%3E%3Cpath%20fill%3D%22%23e5dda0%22%20d%3D%22M44.14%2051.92c-.78%201.16-.47%2022.56-.47%2026.85s-.04%2017.88-.04%2017.88s6.69%206.32%2019.86%206.3c13.36-.02%2021.63-4.4%2021.63-4.4s.37-18.15.48-26.28s.32-17.78.34-19.27c.02-1.25-12.5.77-22.39.33c-12.53-.54-18.75-2.4-19.41-1.41%22%2F%3E%3Cpath%20fill%3D%22%23749b22%22%20d%3D%22M50.17%2059.93c-.67.33-1.07.68-1.2%201.84c-.17%201.5.49%202.44%201.24%202.86s6.8.73%2014.39.77c7.95.05%2014.71-.19%2014.71-.19s.83-.92.83-2.58c0-1.34-.38-1.94-.83-2.25c-.46-.31-9.32.1-15.07.06c-6.49-.05-13.41-.84-14.07-.51%22%2F%3E%3Cpath%20fill%3D%22%23ff5119%22%20d%3D%22M50.26%2082.35c0%208.01%205.17%2014.26%2014.67%2014.17s13.53-8.74%2013.26-13.76c-.33-6.17-3.84-13.42-13.84-13.42s-14.09%207.18-14.09%2013.01%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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