Home/Libraries/Emoji One (Colored) (Iconify)/hatching-chick

Emoji One (Colored) (Iconify)

HatchingChick

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 64 64"><path fill="#818cf8" d="M48.1 39.4H15.9l-8.3-4.3l.1 12.2h48.6l.1-12.2z"/><g fill="#818cf8"><path d="M15.5 35.1s-16-6-12.8-7.4c8.9-3.9 12.8 7.4 12.8 7.4"/><path d="M15.5 35.1S1.9 24.6 5.1 23.2c8.2-3.6 10.4 11.9 10.4 11.9"/><path d="M15.5 35.1s-17.6-.5-12.6-2.8c11.4-5 12.6 2.8 12.6 2.8m33 0s16-6 12.8-7.4c-8.9-3.9-12.8 7.4-12.8 7.4"/><path d="M48.5 35.1s13.6-10.5 10.4-11.9c-8.2-3.6-10.4 11.9-10.4 11.9"/><path d="M48.5 35.1s17.6-.5 12.6-2.8c-11.4-5-12.6 2.8-12.6 2.8"/></g><g fill="#818cf8"><path d="M34 21.8c2.4 3.9-10.9 4-11.7-5.4C21.4 7 28 2 28 2s-.5 9.5 6 19.8"/><path d="M32.7 19c-1.8 4.1-10-5.8-2.6-12.1s15.6-4.4 15.6-4.4s-8.2 5.4-13 16.5"/><path d="M26.2 27.9c1.8 4.1 10-5.8 2.6-12.1s-15.6-4.4-15.6-4.4s8.3 5.4 13 16.5"/><path d="M50.8 35.6c0 10.2-8.4 11.8-18.8 11.8s-18.8-1.6-18.8-11.8c0-21 9.2-25.3 18.8-25.3s18.8 4.3 18.8 25.3"/></g><path fill="#818cf8" d="M28.2 34.8h7.6c0 2.4-1.9 4.1-3.8 4.1s-3.8-1.6-3.8-4.1"/><path fill="#818cf8" d="M35.8 34.8s-2.4 1.1-3.8 1.1s-3.8-1.1-3.8-1.1c0-3 1.7-5.5 3.8-5.5c2.1.1 3.8 2.5 3.8 5.5"/><path fill="#818cf8" d="M44.7 25.1c-.4-.7-.8-1.3-1.4-1.9q-.9-.9-2.1-1.2c-.8-.2-1.8-.1-2.5.3s-1.3 1-1.8 1.6c.7-.4 1.3-.8 2-1.1c.7-.2 1.4-.3 2.1-.1s1.3.5 1.9.9c.7.4 1.2 1 1.8 1.5m-25.4 0c.4-.7.8-1.3 1.4-1.9q.9-.9 2.1-1.2c.9-.2 1.8-.1 2.5.3s1.3 1 1.8 1.6c-.7-.4-1.3-.8-2-1.1c-.7-.2-1.4-.3-2.1-.1s-1.3.5-1.9.9c-.7.4-1.2 1-1.8 1.5"/><path fill="#818cf8" d="M20.9 30.4c0-1.2 1-2.6 2.3-2.6s2.3 1.3 2.3 2.6s-1 1.8-2.3 1.8s-2.3-.6-2.3-1.8m17.6 0c0-1.2 1-2.6 2.3-2.6s2.3 1.3 2.3 2.6s-1 1.8-2.3 1.8c-1.2 0-2.3-.6-2.3-1.8"/><path fill="#818cf8" d="M44.1 47.7c0-.3.1-.5.1-.8c0-4.2-5.4-7.5-12.1-7.5S20 42.8 20 46.9c0 .3 0 .5.1.8c3.3 1.3 7.5 1.6 12.1 1.6s8.6-.3 11.9-1.6"/><path fill="#818cf8" d="M35.8 34.7s-1.7 2.4-3.8 2.4s-3.8-2.4-3.8-2.4s1.7-2.4 3.8-2.4c2.1.1 3.8 2.4 3.8 2.4"/><path fill="#818cf8" d="m56.4 35.1l-3.8 6.7l-5.4-4.1l-16.1 13l-14.4-13l-5.4 4.1l-3.8-6.7S5 36.9 5 40.2C5.1 52.3 16.5 62 32 62s26.9-9.7 26.9-21.8c0-3.4-2.5-5.1-2.5-5.1"/><path fill="#818cf8" d="m56 36.8l-.8 3.8l-8-3l-5.1 10.3L32 40.6l-15.4 6.8l.2-9.7l-8 3l-.8-3.9s-1.4 1.5-1.4 4C6.6 51 17.2 59.7 32 59.7s25.4-8.6 25.4-18.9c0-2.5-1.4-4-1.4-4"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HatchingChickIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.