Gentleface › Food & drink › egg-hatching

egg-hatching icon

Egg hatching: hatching, egg hatching. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M10.527 7.916C10.21 8.127 9.862 8.214 9.482 8.177C9.103 8.139 8.779 7.986 8.509 7.716L7.936 7.143L7.527 7.416C7.216 7.623 6.874 7.727 6.5 7.727C6.126 7.727 5.784 7.623 5.473 7.416L5 7.101L3.777 7.916C3.662 7.993 3.537 8.017 3.402 7.99C3.267 7.963 3.161 7.892 3.084 7.777C3.011 7.668 2.985 7.548 3.007 7.418C3.139 6.623 3.394 5.845 3.771 5.083C4.144 4.328 4.599 3.665 5.136 3.095C5.705 2.49 6.312 2.048 6.957 1.768C7.679 1.455 8.392 1.369 9.098 1.51C9.791 1.648 10.421 1.951 10.99 2.419C11.523 2.857 11.966 3.411 12.317 4.08C12.66 4.731 12.891 5.443 13.01 6.213C13.131 7 13.125 7.79 12.993 8.582C12.97 8.718 12.903 8.827 12.791 8.907C12.678 8.987 12.554 9.016 12.418 8.993C12.312 8.976 12.222 8.929 12.146 8.854L10.936 7.643L10.527 7.916ZM4.445 6.269C4.613 6.157 4.798 6.101 5 6.101C5.202 6.101 5.387 6.157 5.555 6.269L6.027 6.584C6.17 6.679 6.328 6.727 6.5 6.727C6.672 6.727 6.83 6.679 6.973 6.584L7.382 6.311C7.58 6.179 7.798 6.125 8.035 6.148C8.272 6.172 8.475 6.268 8.643 6.436L9.216 7.009C9.317 7.11 9.439 7.168 9.581 7.182C9.723 7.196 9.854 7.163 9.973 7.084L10.382 6.811C10.58 6.679 10.798 6.625 11.035 6.648C11.272 6.672 11.475 6.768 11.643 6.936L12.096 7.389C12.099 7.047 12.074 6.706 12.021 6.365C11.92 5.705 11.724 5.098 11.433 4.545C11.143 3.996 10.784 3.544 10.354 3.191C9.915 2.83 9.431 2.596 8.902 2.49C8.401 2.39 7.885 2.455 7.355 2.685C6.836 2.911 6.339 3.276 5.864 3.78C5.395 4.278 4.996 4.86 4.667 5.526C4.531 5.801 4.413 6.078 4.313 6.357L4.445 6.269ZM6.5 9.293L6.896 8.896C7.037 8.756 7.198 8.647 7.38 8.568C7.578 8.482 7.785 8.439 8 8.439C8.215 8.439 8.422 8.482 8.62 8.568C8.802 8.647 8.963 8.756 9.104 8.896L9.5 9.293L9.896 8.896C10.037 8.756 10.198 8.647 10.38 8.568C10.578 8.482 10.785 8.439 11 8.439C11.215 8.439 11.422 8.482 11.62 8.568C11.802 8.647 11.963 8.756 12.104 8.896L12.854 9.646C12.951 9.744 13 9.862 13 10C13 10.636 12.883 11.249 12.649 11.84C12.395 12.482 12.024 13.047 11.536 13.536C11.047 14.024 10.482 14.395 9.84 14.649C9.249 14.883 8.636 15 8 15C7.364 15 6.751 14.883 6.16 14.649C5.518 14.395 4.953 14.024 4.464 13.536C3.976 13.047 3.605 12.482 3.351 11.84C3.117 11.249 3 10.636 3 10C3 9.862 3.049 9.744 3.146 9.646L3.896 8.896C4.037 8.756 4.198 8.647 4.38 8.568C4.578 8.482 4.785 8.439 5 8.439C5.215 8.439 5.422 8.482 5.62 8.568C5.802 8.647 5.963 8.756 6.104 8.896L6.5 9.293ZM4.005 10.202C4.027 10.639 4.119 11.062 4.281 11.472C4.484 11.986 4.781 12.438 5.172 12.828C5.562 13.219 6.014 13.516 6.528 13.719C7.001 13.906 7.491 14 8 14C8.509 14 8.999 13.906 9.472 13.719C9.986 13.516 10.438 13.219 10.828 12.828C11.219 12.438 11.516 11.986 11.719 11.472C11.881 11.062 11.973 10.639 11.995 10.202L11.396 9.604C11.287 9.494 11.155 9.439 11 9.439C10.845 9.439 10.713 9.494 10.604 9.604L10.207 10C10.012 10.195 9.776 10.293 9.5 10.293C9.224 10.293 8.988 10.195 8.793 10L8.396 9.604C8.287 9.494 8.155 9.439 8 9.439C7.845 9.439 7.713 9.494 7.604 9.604L7.207 10C7.012 10.195 6.776 10.293 6.5 10.293C6.224 10.293 5.988 10.195 5.793 10L5.396 9.604C5.287 9.494 5.155 9.439 5 9.439C4.845 9.439 4.713 9.494 4.604 9.604L4.005 10.202Z"/></svg>

React

// Gentleface "egg-hatching" (line-round), MIT. https://gentleface.com/icons/egg-hatching
import type { SVGProps } from 'react';

export function EggHatchingIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M10.527 7.916C10.21 8.127 9.862 8.214 9.482 8.177C9.103 8.139 8.779 7.986 8.509 7.716L7.936 7.143L7.527 7.416C7.216 7.623 6.874 7.727 6.5 7.727C6.126 7.727 5.784 7.623 5.473 7.416L5 7.101L3.777 7.916C3.662 7.993 3.537 8.017 3.402 7.99C3.267 7.963 3.161 7.892 3.084 7.777C3.011 7.668 2.985 7.548 3.007 7.418C3.139 6.623 3.394 5.845 3.771 5.083C4.144 4.328 4.599 3.665 5.136 3.095C5.705 2.49 6.312 2.048 6.957 1.768C7.679 1.455 8.392 1.369 9.098 1.51C9.791 1.648 10.421 1.951 10.99 2.419C11.523 2.857 11.966 3.411 12.317 4.08C12.66 4.731 12.891 5.443 13.01 6.213C13.131 7 13.125 7.79 12.993 8.582C12.97 8.718 12.903 8.827 12.791 8.907C12.678 8.987 12.554 9.016 12.418 8.993C12.312 8.976 12.222 8.929 12.146 8.854L10.936 7.643L10.527 7.916ZM4.445 6.269C4.613 6.157 4.798 6.101 5 6.101C5.202 6.101 5.387 6.157 5.555 6.269L6.027 6.584C6.17 6.679 6.328 6.727 6.5 6.727C6.672 6.727 6.83 6.679 6.973 6.584L7.382 6.311C7.58 6.179 7.798 6.125 8.035 6.148C8.272 6.172 8.475 6.268 8.643 6.436L9.216 7.009C9.317 7.11 9.439 7.168 9.581 7.182C9.723 7.196 9.854 7.163 9.973 7.084L10.382 6.811C10.58 6.679 10.798 6.625 11.035 6.648C11.272 6.672 11.475 6.768 11.643 6.936L12.096 7.389C12.099 7.047 12.074 6.706 12.021 6.365C11.92 5.705 11.724 5.098 11.433 4.545C11.143 3.996 10.784 3.544 10.354 3.191C9.915 2.83 9.431 2.596 8.902 2.49C8.401 2.39 7.885 2.455 7.355 2.685C6.836 2.911 6.339 3.276 5.864 3.78C5.395 4.278 4.996 4.86 4.667 5.526C4.531 5.801 4.413 6.078 4.313 6.357L4.445 6.269ZM6.5 9.293L6.896 8.896C7.037 8.756 7.198 8.647 7.38 8.568C7.578 8.482 7.785 8.439 8 8.439C8.215 8.439 8.422 8.482 8.62 8.568C8.802 8.647 8.963 8.756 9.104 8.896L9.5 9.293L9.896 8.896C10.037 8.756 10.198 8.647 10.38 8.568C10.578 8.482 10.785 8.439 11 8.439C11.215 8.439 11.422 8.482 11.62 8.568C11.802 8.647 11.963 8.756 12.104 8.896L12.854 9.646C12.951 9.744 13 9.862 13 10C13 10.636 12.883 11.249 12.649 11.84C12.395 12.482 12.024 13.047 11.536 13.536C11.047 14.024 10.482 14.395 9.84 14.649C9.249 14.883 8.636 15 8 15C7.364 15 6.751 14.883 6.16 14.649C5.518 14.395 4.953 14.024 4.464 13.536C3.976 13.047 3.605 12.482 3.351 11.84C3.117 11.249 3 10.636 3 10C3 9.862 3.049 9.744 3.146 9.646L3.896 8.896C4.037 8.756 4.198 8.647 4.38 8.568C4.578 8.482 4.785 8.439 5 8.439C5.215 8.439 5.422 8.482 5.62 8.568C5.802 8.647 5.963 8.756 6.104 8.896L6.5 9.293ZM4.005 10.202C4.027 10.639 4.119 11.062 4.281 11.472C4.484 11.986 4.781 12.438 5.172 12.828C5.562 13.219 6.014 13.516 6.528 13.719C7.001 13.906 7.491 14 8 14C8.509 14 8.999 13.906 9.472 13.719C9.986 13.516 10.438 13.219 10.828 12.828C11.219 12.438 11.516 11.986 11.719 11.472C11.881 11.062 11.973 10.639 11.995 10.202L11.396 9.604C11.287 9.494 11.155 9.439 11 9.439C10.845 9.439 10.713 9.494 10.604 9.604L10.207 10C10.012 10.195 9.776 10.293 9.5 10.293C9.224 10.293 8.988 10.195 8.793 10L8.396 9.604C8.287 9.494 8.155 9.439 8 9.439C7.845 9.439 7.713 9.494 7.604 9.604L7.207 10C7.012 10.195 6.776 10.293 6.5 10.293C6.224 10.293 5.988 10.195 5.793 10L5.396 9.604C5.287 9.494 5.155 9.439 5 9.439C4.845 9.439 4.713 9.494 4.604 9.604L4.005 10.202Z" />
    </svg>
  );
}

Vue

Vue: see /icons/egg-hatching.md

Svelte

Svelte: see /icons/egg-hatching.md

HTML img

HTML img: see /icons/egg-hatching.md

CSS

CSS: see /icons/egg-hatching.md

Data URL

Data URL: see /icons/egg-hatching.md

Sprite

Sprite: see /icons/egg-hatching.md

SwiftUI

SwiftUI: see /icons/egg-hatching.md

Compose

Compose: see /icons/egg-hatching.md

Android XML

Android XML: see /icons/egg-hatching.md

Flutter

Flutter: see /icons/egg-hatching.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

hatching, egg hatching

Tags

egg, hatch, hatching, crack, shell, birth, new, chick

Category

Food & drink

Component name

EggHatchingIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 3

egg egg-cracked egg-off

More food & drink icons

amphora apple apron avocado banana barrel barrel-off bean bean-off beef beef-off beer bento bottle bottle-off bowl · all food & drink icons

For agents

Metadata: /icons/egg-hatching.json · Markdown: /icons/egg-hatching.md · SVG: https://gentleface.com/svg/{style}/16/egg-hatching.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/egg-hatching.png

egg-hatching icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp