hatching chick emoji
hatching-chick from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- hatching-chick
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the hatching chick emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M2.75 19.333L5 16l3 3l4-2l3 3l4-6l4 3l3-1l2 3l3-3l2 4l-2 7l-11 5l-11-2l-6-6z"/><path fill="#ffcc4d" d="M29.956 14.712c.021-.287.044-.574.044-.866c0-5.943-4.324-10.864-9.996-11.819c1.189-.26 2.031-.509.996-1.027c-1.115-.558-2.23.129-2.999.846h-.002C17.23 1.129 16.116.442 15 1c-1.035.518-.193.767.996 1.026C10.325 2.981 6 7.902 6 13.846c0 .292.023.579.044.867C5.562 21.313-.259 31 18 31s12.438-9.687 11.956-16.288"/><path fill="#f4900c" d="M21 14c0 1.657-1.343 2-3 2s-3-.343-3-2a3 3 0 1 1 6 0"/><circle cx="11.5" cy="11.5" r="1.5" fill="#662113"/><circle cx="24.5" cy="11.5" r="1.5" fill="#662113"/><path fill="#e1e8ed" d="m31 25l-3-1l-4 6l-3-5l-2 2l-4-2l-3 4l-3-6l-3 2l-3.294-7.765A13.3 13.3 0 0 0 2 21.5C2 29.509 9.164 36 18 36s16-6.491 16-14.5c0-1.244-.191-2.444-.517-3.597z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiHatchingChick(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M2.75 19.333L5 16l3 3l4-2l3 3l4-6l4 3l3-1l2 3l3-3l2 4l-2 7l-11 5l-11-2l-6-6z"/><path fill="#ffcc4d" d="M29.956 14.712c.021-.287.044-.574.044-.866c0-5.943-4.324-10.864-9.996-11.819c1.189-.26 2.031-.509.996-1.027c-1.115-.558-2.23.129-2.999.846h-.002C17.23 1.129 16.116.442 15 1c-1.035.518-.193.767.996 1.026C10.325 2.981 6 7.902 6 13.846c0 .292.023.579.044.867C5.562 21.313-.259 31 18 31s12.438-9.687 11.956-16.288"/><path fill="#f4900c" d="M21 14c0 1.657-1.343 2-3 2s-3-.343-3-2a3 3 0 1 1 6 0"/><circle cx="11.5" cy="11.5" r="1.5" fill="#662113"/><circle cx="24.5" cy="11.5" r="1.5" fill="#662113"/><path fill="#e1e8ed" d="m31 25l-3-1l-4 6l-3-5l-2 2l-4-2l-3 4l-3-6l-3 2l-3.294-7.765A13.3 13.3 0 0 0 2 21.5C2 29.509 9.164 36 18 36s16-6.491 16-14.5c0-1.244-.191-2.444-.517-3.597z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M2.75 19.333L5 16l3 3l4-2l3 3l4-6l4 3l3-1l2 3l3-3l2 4l-2 7l-11 5l-11-2l-6-6z"/><path fill="#ffcc4d" d="M29.956 14.712c.021-.287.044-.574.044-.866c0-5.943-4.324-10.864-9.996-11.819c1.189-.26 2.031-.509.996-1.027c-1.115-.558-2.23.129-2.999.846h-.002C17.23 1.129 16.116.442 15 1c-1.035.518-.193.767.996 1.026C10.325 2.981 6 7.902 6 13.846c0 .292.023.579.044.867C5.562 21.313-.259 31 18 31s12.438-9.687 11.956-16.288"/><path fill="#f4900c" d="M21 14c0 1.657-1.343 2-3 2s-3-.343-3-2a3 3 0 1 1 6 0"/><circle cx="11.5" cy="11.5" r="1.5" fill="#662113"/><circle cx="24.5" cy="11.5" r="1.5" fill="#662113"/><path fill="#e1e8ed" d="m31 25l-3-1l-4 6l-3-5l-2 2l-4-2l-3 4l-3-6l-3 2l-3.294-7.765A13.3 13.3 0 0 0 2 21.5C2 29.509 9.164 36 18 36s16-6.491 16-14.5c0-1.244-.191-2.444-.517-3.597z"/></svg> </template>
CSS
.icon-hatching-chick {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M2.75%2019.333L5%2016l3%203l4-2l3%203l4-6l4%203l3-1l2%203l3-3l2%204l-2%207l-11%205l-11-2l-6-6z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M29.956%2014.712c.021-.287.044-.574.044-.866c0-5.943-4.324-10.864-9.996-11.819c1.189-.26%202.031-.509.996-1.027c-1.115-.558-2.23.129-2.999.846h-.002C17.23%201.129%2016.116.442%2015%201c-1.035.518-.193.767.996%201.026C10.325%202.981%206%207.902%206%2013.846c0%20.292.023.579.044.867C5.562%2021.313-.259%2031%2018%2031s12.438-9.687%2011.956-16.288%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M21%2014c0%201.657-1.343%202-3%202s-3-.343-3-2a3%203%200%201%201%206%200%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%221.5%22%20fill%3D%22%23662113%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2211.5%22%20r%3D%221.5%22%20fill%3D%22%23662113%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22m31%2025l-3-1l-4%206l-3-5l-2%202l-4-2l-3%204l-3-6l-3%202l-3.294-7.765A13.3%2013.3%200%200%200%202%2021.5C2%2029.509%209.164%2036%2018%2036s16-6.491%2016-14.5c0-1.244-.191-2.444-.517-3.597z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M2.75%2019.333L5%2016l3%203l4-2l3%203l4-6l4%203l3-1l2%203l3-3l2%204l-2%207l-11%205l-11-2l-6-6z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M29.956%2014.712c.021-.287.044-.574.044-.866c0-5.943-4.324-10.864-9.996-11.819c1.189-.26%202.031-.509.996-1.027c-1.115-.558-2.23.129-2.999.846h-.002C17.23%201.129%2016.116.442%2015%201c-1.035.518-.193.767.996%201.026C10.325%202.981%206%207.902%206%2013.846c0%20.292.023.579.044.867C5.562%2021.313-.259%2031%2018%2031s12.438-9.687%2011.956-16.288%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M21%2014c0%201.657-1.343%202-3%202s-3-.343-3-2a3%203%200%201%201%206%200%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%221.5%22%20fill%3D%22%23662113%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2211.5%22%20r%3D%221.5%22%20fill%3D%22%23662113%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22m31%2025l-3-1l-4%206l-3-5l-2%202l-4-2l-3%204l-3-6l-3%202l-3.294-7.765A13.3%2013.3%200%200%200%202%2021.5C2%2029.509%209.164%2036%2018%2036s16-6.491%2016-14.5c0-1.244-.191-2.444-.517-3.597z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/hatching-chick.svg?color=%231a73e8&size=48
