food egg icon

food-egg-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.

Name: food-egg-24-regular
Set: Fluent UI System Icons
Style: 24 Regular
Viewbox: 24×24
License: MIT

5 other variants in Fluent UI System Icons

food-egg-16-filled food-egg-16-regular food-egg-20-filled food-egg-20-regular food-egg-24-filled

Related icons in Fluent UI System Icons

food-apple-20-filled food-cake-12-filled food-carrot-20-filled food-chicken-leg-16-filled food-fish-20-filled food-grains-20-filled food-pizza-20-filled food-toast-16-filled

Use the food egg icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 12.25a.75.75 0 0 1 .75-.75a.75.75 0 0 0 0-1.5A2.25 2.25 0 0 0 10 12.25a.75.75 0 0 0 1.5 0M7 12.5a5.5 5.5 0 1 1 11 0a5.5 5.5 0 0 1-11 0m5.5-4a4 4 0 1 0 0 8a4 4 0 0 0 0-8M6.215 6.494C7.688 3.825 10.383 2 13.5 2c4.76 0 8.5 4.221 8.5 9.275q-.001.85-.136 1.66c-.057.344-.045.71.024 1.083q.11.601.112 1.232a6.75 6.75 0 0 1-9.728 6.059a4.4 4.4 0 0 0-2.567-.381A6 6 0 0 1 8.75 21C4.967 21 2 17.696 2 13.75c0-2.571 1.248-4.85 3.16-6.14c.446-.303.814-.681 1.055-1.116M13.5 3.5c-2.501 0-4.727 1.464-5.972 3.719c-.375.678-.922 1.223-1.53 1.633C4.513 9.857 3.5 11.664 3.5 13.75c0 3.233 2.406 5.75 5.25 5.75q.372 0 .73-.055a5.9 5.9 0 0 1 3.454.518a5.25 5.25 0 0 0 7.478-5.673a4.6 4.6 0 0 1-.028-1.6q.115-.688.116-1.415c0-4.363-3.2-7.775-7-7.775"/></svg>

React

import type { SVGProps } from "react";

export function FluentFoodEgg24Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 12.25a.75.75 0 0 1 .75-.75a.75.75 0 0 0 0-1.5A2.25 2.25 0 0 0 10 12.25a.75.75 0 0 0 1.5 0M7 12.5a5.5 5.5 0 1 1 11 0a5.5 5.5 0 0 1-11 0m5.5-4a4 4 0 1 0 0 8a4 4 0 0 0 0-8M6.215 6.494C7.688 3.825 10.383 2 13.5 2c4.76 0 8.5 4.221 8.5 9.275q-.001.85-.136 1.66c-.057.344-.045.71.024 1.083q.11.601.112 1.232a6.75 6.75 0 0 1-9.728 6.059a4.4 4.4 0 0 0-2.567-.381A6 6 0 0 1 8.75 21C4.967 21 2 17.696 2 13.75c0-2.571 1.248-4.85 3.16-6.14c.446-.303.814-.681 1.055-1.116M13.5 3.5c-2.501 0-4.727 1.464-5.972 3.719c-.375.678-.922 1.223-1.53 1.633C4.513 9.857 3.5 11.664 3.5 13.75c0 3.233 2.406 5.75 5.25 5.75q.372 0 .73-.055a5.9 5.9 0 0 1 3.454.518a5.25 5.25 0 0 0 7.478-5.673a4.6 4.6 0 0 1-.028-1.6q.115-.688.116-1.415c0-4.363-3.2-7.775-7-7.775"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 12.25a.75.75 0 0 1 .75-.75a.75.75 0 0 0 0-1.5A2.25 2.25 0 0 0 10 12.25a.75.75 0 0 0 1.5 0M7 12.5a5.5 5.5 0 1 1 11 0a5.5 5.5 0 0 1-11 0m5.5-4a4 4 0 1 0 0 8a4 4 0 0 0 0-8M6.215 6.494C7.688 3.825 10.383 2 13.5 2c4.76 0 8.5 4.221 8.5 9.275q-.001.85-.136 1.66c-.057.344-.045.71.024 1.083q.11.601.112 1.232a6.75 6.75 0 0 1-9.728 6.059a4.4 4.4 0 0 0-2.567-.381A6 6 0 0 1 8.75 21C4.967 21 2 17.696 2 13.75c0-2.571 1.248-4.85 3.16-6.14c.446-.303.814-.681 1.055-1.116M13.5 3.5c-2.501 0-4.727 1.464-5.972 3.719c-.375.678-.922 1.223-1.53 1.633C4.513 9.857 3.5 11.664 3.5 13.75c0 3.233 2.406 5.75 5.25 5.75q.372 0 .73-.055a5.9 5.9 0 0 1 3.454.518a5.25 5.25 0 0 0 7.478-5.673a4.6 4.6 0 0 1-.028-1.6q.115-.688.116-1.415c0-4.363-3.2-7.775-7-7.775"/></svg>
</template>

CSS

.icon-food-egg-24-regular {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%2012.25a.75.75%200%200%201%20.75-.75a.75.75%200%200%200%200-1.5A2.25%202.25%200%200%200%2010%2012.25a.75.75%200%200%200%201.5%200M7%2012.5a5.5%205.5%200%201%201%2011%200a5.5%205.5%200%200%201-11%200m5.5-4a4%204%200%201%200%200%208a4%204%200%200%200%200-8M6.215%206.494C7.688%203.825%2010.383%202%2013.5%202c4.76%200%208.5%204.221%208.5%209.275q-.001.85-.136%201.66c-.057.344-.045.71.024%201.083q.11.601.112%201.232a6.75%206.75%200%200%201-9.728%206.059a4.4%204.4%200%200%200-2.567-.381A6%206%200%200%201%208.75%2021C4.967%2021%202%2017.696%202%2013.75c0-2.571%201.248-4.85%203.16-6.14c.446-.303.814-.681%201.055-1.116M13.5%203.5c-2.501%200-4.727%201.464-5.972%203.719c-.375.678-.922%201.223-1.53%201.633C4.513%209.857%203.5%2011.664%203.5%2013.75c0%203.233%202.406%205.75%205.25%205.75q.372%200%20.73-.055a5.9%205.9%200%200%201%203.454.518a5.25%205.25%200%200%200%207.478-5.673a4.6%204.6%200%200%201-.028-1.6q.115-.688.116-1.415c0-4.363-3.2-7.775-7-7.775%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%2012.25a.75.75%200%200%201%20.75-.75a.75.75%200%200%200%200-1.5A2.25%202.25%200%200%200%2010%2012.25a.75.75%200%200%200%201.5%200M7%2012.5a5.5%205.5%200%201%201%2011%200a5.5%205.5%200%200%201-11%200m5.5-4a4%204%200%201%200%200%208a4%204%200%200%200%200-8M6.215%206.494C7.688%203.825%2010.383%202%2013.5%202c4.76%200%208.5%204.221%208.5%209.275q-.001.85-.136%201.66c-.057.344-.045.71.024%201.083q.11.601.112%201.232a6.75%206.75%200%200%201-9.728%206.059a4.4%204.4%200%200%200-2.567-.381A6%206%200%200%201%208.75%2021C4.967%2021%202%2017.696%202%2013.75c0-2.571%201.248-4.85%203.16-6.14c.446-.303.814-.681%201.055-1.116M13.5%203.5c-2.501%200-4.727%201.464-5.972%203.719c-.375.678-.922%201.223-1.53%201.633C4.513%209.857%203.5%2011.664%203.5%2013.75c0%203.233%202.406%205.75%205.25%205.75q.372%200%20.73-.055a5.9%205.9%200%200%201%203.454.518a5.25%205.25%200%200%200%207.478-5.673a4.6%204.6%200%200%201-.028-1.6q.115-.688.116-1.415c0-4.363-3.2-7.775-7-7.775%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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