egg emoji
egg from Noto Emoji by Google Inc · Default · Food & Drink · Apache-2.0 Free for personal and commercial use.
- Name
- egg
- Set
- Noto Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
eggBootstrap IconseggEmoji One (Colored)eggFont Awesome 6 SolideggFont Awesome Solidegg-outlineFlowbite IconseggFluent EmojieggFluent Emoji FlateggFluent Emoji High ContrasteggHuge IconseggIconParkeggIconPark OutlineeggIconPark SolideggIconPark TwoToneeggIconoireggIonIconseggJam IconseggLine AwesomeeggLucideeggMaterial SymbolseggMaterial Symbols LighteggMaterial Design Iconsegg-fillMingCute IconeggMyna UI IconseggOpenMoji
More food & drink icons from Noto Emoji
Use the egg emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f2a05b" d="M63.43 4.51c31.68-.07 51.67 51.46 43.78 84.12c-6.98 28.92-27.03 34.91-43.08 34.91s-35.54-7.78-43.08-33.79C12.33 59.63 33.87 4.58 63.43 4.51"/><path fill="#fecc88" d="M39.26 29.03c-3.8 6.07-7.63 13.71-8.45 20.08c-1.5 11.73 7.13 13.05 10.14 7.23s6.09-11.71 10.98-19.52c6.76-10.79 17.83-18.02 12.39-22.71s-17.08 2.16-25.06 14.92"/><ellipse cx="91.4" cy="43.58" fill="#d47858" rx="2.02" ry="2.06"/><ellipse cx="91.66" cy="94.05" fill="#d47858" rx="2.19" ry="2.18" transform="rotate(-67.641 91.663 94.055)"/><circle cx="32.91" cy="102.87" r="2.04" fill="#d47858" transform="rotate(-67.641 32.915 102.874)"/><ellipse cx="97.65" cy="62.57" fill="#d47858" rx="3.07" ry="2.7" transform="rotate(-27.393 97.644 62.567)"/><ellipse cx="68.52" cy="89.41" fill="#d47858" rx="3.07" ry="2.7" transform="rotate(-27.393 68.517 89.407)"/><ellipse cx="64.79" cy="104.32" fill="#d47858" rx="3.23" ry="2.7" transform="rotate(-51.427 64.797 104.317)"/><ellipse cx="52.39" cy="107.01" fill="#d47858" rx="3.58" ry="3.46" transform="rotate(-48.356 52.394 107.013)"/></svg>
React
import type { SVGProps } from "react";
export function NotoEgg(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f2a05b" d="M63.43 4.51c31.68-.07 51.67 51.46 43.78 84.12c-6.98 28.92-27.03 34.91-43.08 34.91s-35.54-7.78-43.08-33.79C12.33 59.63 33.87 4.58 63.43 4.51"/><path fill="#fecc88" d="M39.26 29.03c-3.8 6.07-7.63 13.71-8.45 20.08c-1.5 11.73 7.13 13.05 10.14 7.23s6.09-11.71 10.98-19.52c6.76-10.79 17.83-18.02 12.39-22.71s-17.08 2.16-25.06 14.92"/><ellipse cx="91.4" cy="43.58" fill="#d47858" rx="2.02" ry="2.06"/><ellipse cx="91.66" cy="94.05" fill="#d47858" rx="2.19" ry="2.18" transform="rotate(-67.641 91.663 94.055)"/><circle cx="32.91" cy="102.87" r="2.04" fill="#d47858" transform="rotate(-67.641 32.915 102.874)"/><ellipse cx="97.65" cy="62.57" fill="#d47858" rx="3.07" ry="2.7" transform="rotate(-27.393 97.644 62.567)"/><ellipse cx="68.52" cy="89.41" fill="#d47858" rx="3.07" ry="2.7" transform="rotate(-27.393 68.517 89.407)"/><ellipse cx="64.79" cy="104.32" fill="#d47858" rx="3.23" ry="2.7" transform="rotate(-51.427 64.797 104.317)"/><ellipse cx="52.39" cy="107.01" fill="#d47858" rx="3.58" ry="3.46" transform="rotate(-48.356 52.394 107.013)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f2a05b" d="M63.43 4.51c31.68-.07 51.67 51.46 43.78 84.12c-6.98 28.92-27.03 34.91-43.08 34.91s-35.54-7.78-43.08-33.79C12.33 59.63 33.87 4.58 63.43 4.51"/><path fill="#fecc88" d="M39.26 29.03c-3.8 6.07-7.63 13.71-8.45 20.08c-1.5 11.73 7.13 13.05 10.14 7.23s6.09-11.71 10.98-19.52c6.76-10.79 17.83-18.02 12.39-22.71s-17.08 2.16-25.06 14.92"/><ellipse cx="91.4" cy="43.58" fill="#d47858" rx="2.02" ry="2.06"/><ellipse cx="91.66" cy="94.05" fill="#d47858" rx="2.19" ry="2.18" transform="rotate(-67.641 91.663 94.055)"/><circle cx="32.91" cy="102.87" r="2.04" fill="#d47858" transform="rotate(-67.641 32.915 102.874)"/><ellipse cx="97.65" cy="62.57" fill="#d47858" rx="3.07" ry="2.7" transform="rotate(-27.393 97.644 62.567)"/><ellipse cx="68.52" cy="89.41" fill="#d47858" rx="3.07" ry="2.7" transform="rotate(-27.393 68.517 89.407)"/><ellipse cx="64.79" cy="104.32" fill="#d47858" rx="3.23" ry="2.7" transform="rotate(-51.427 64.797 104.317)"/><ellipse cx="52.39" cy="107.01" fill="#d47858" rx="3.58" ry="3.46" transform="rotate(-48.356 52.394 107.013)"/></svg> </template>
CSS
.icon-egg {
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%23f2a05b%22%20d%3D%22M63.43%204.51c31.68-.07%2051.67%2051.46%2043.78%2084.12c-6.98%2028.92-27.03%2034.91-43.08%2034.91s-35.54-7.78-43.08-33.79C12.33%2059.63%2033.87%204.58%2063.43%204.51%22%2F%3E%3Cpath%20fill%3D%22%23fecc88%22%20d%3D%22M39.26%2029.03c-3.8%206.07-7.63%2013.71-8.45%2020.08c-1.5%2011.73%207.13%2013.05%2010.14%207.23s6.09-11.71%2010.98-19.52c6.76-10.79%2017.83-18.02%2012.39-22.71s-17.08%202.16-25.06%2014.92%22%2F%3E%3Cellipse%20cx%3D%2291.4%22%20cy%3D%2243.58%22%20fill%3D%22%23d47858%22%20rx%3D%222.02%22%20ry%3D%222.06%22%2F%3E%3Cellipse%20cx%3D%2291.66%22%20cy%3D%2294.05%22%20fill%3D%22%23d47858%22%20rx%3D%222.19%22%20ry%3D%222.18%22%20transform%3D%22rotate(-67.641%2091.663%2094.055)%22%2F%3E%3Ccircle%20cx%3D%2232.91%22%20cy%3D%22102.87%22%20r%3D%222.04%22%20fill%3D%22%23d47858%22%20transform%3D%22rotate(-67.641%2032.915%20102.874)%22%2F%3E%3Cellipse%20cx%3D%2297.65%22%20cy%3D%2262.57%22%20fill%3D%22%23d47858%22%20rx%3D%223.07%22%20ry%3D%222.7%22%20transform%3D%22rotate(-27.393%2097.644%2062.567)%22%2F%3E%3Cellipse%20cx%3D%2268.52%22%20cy%3D%2289.41%22%20fill%3D%22%23d47858%22%20rx%3D%223.07%22%20ry%3D%222.7%22%20transform%3D%22rotate(-27.393%2068.517%2089.407)%22%2F%3E%3Cellipse%20cx%3D%2264.79%22%20cy%3D%22104.32%22%20fill%3D%22%23d47858%22%20rx%3D%223.23%22%20ry%3D%222.7%22%20transform%3D%22rotate(-51.427%2064.797%20104.317)%22%2F%3E%3Cellipse%20cx%3D%2252.39%22%20cy%3D%22107.01%22%20fill%3D%22%23d47858%22%20rx%3D%223.58%22%20ry%3D%223.46%22%20transform%3D%22rotate(-48.356%2052.394%20107.013)%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%23f2a05b%22%20d%3D%22M63.43%204.51c31.68-.07%2051.67%2051.46%2043.78%2084.12c-6.98%2028.92-27.03%2034.91-43.08%2034.91s-35.54-7.78-43.08-33.79C12.33%2059.63%2033.87%204.58%2063.43%204.51%22%2F%3E%3Cpath%20fill%3D%22%23fecc88%22%20d%3D%22M39.26%2029.03c-3.8%206.07-7.63%2013.71-8.45%2020.08c-1.5%2011.73%207.13%2013.05%2010.14%207.23s6.09-11.71%2010.98-19.52c6.76-10.79%2017.83-18.02%2012.39-22.71s-17.08%202.16-25.06%2014.92%22%2F%3E%3Cellipse%20cx%3D%2291.4%22%20cy%3D%2243.58%22%20fill%3D%22%23d47858%22%20rx%3D%222.02%22%20ry%3D%222.06%22%2F%3E%3Cellipse%20cx%3D%2291.66%22%20cy%3D%2294.05%22%20fill%3D%22%23d47858%22%20rx%3D%222.19%22%20ry%3D%222.18%22%20transform%3D%22rotate(-67.641%2091.663%2094.055)%22%2F%3E%3Ccircle%20cx%3D%2232.91%22%20cy%3D%22102.87%22%20r%3D%222.04%22%20fill%3D%22%23d47858%22%20transform%3D%22rotate(-67.641%2032.915%20102.874)%22%2F%3E%3Cellipse%20cx%3D%2297.65%22%20cy%3D%2262.57%22%20fill%3D%22%23d47858%22%20rx%3D%223.07%22%20ry%3D%222.7%22%20transform%3D%22rotate(-27.393%2097.644%2062.567)%22%2F%3E%3Cellipse%20cx%3D%2268.52%22%20cy%3D%2289.41%22%20fill%3D%22%23d47858%22%20rx%3D%223.07%22%20ry%3D%222.7%22%20transform%3D%22rotate(-27.393%2068.517%2089.407)%22%2F%3E%3Cellipse%20cx%3D%2264.79%22%20cy%3D%22104.32%22%20fill%3D%22%23d47858%22%20rx%3D%223.23%22%20ry%3D%222.7%22%20transform%3D%22rotate(-51.427%2064.797%20104.317)%22%2F%3E%3Cellipse%20cx%3D%2252.39%22%20cy%3D%22107.01%22%20fill%3D%22%23d47858%22%20rx%3D%223.58%22%20ry%3D%223.46%22%20transform%3D%22rotate(-48.356%2052.394%20107.013)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/egg.svg?color=%231a73e8&size=48
