Hatchingchick icon

fxemoji:hatchingchick

The Hatchingchick icon (fxemoji:hatchingchick) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#B9C1C6" d="m444.178 248.378l-35.426 6.776c-1.23-.945-3.731-30.072-3.731-30.072l-47.809 2.93l-35.874-58.442l-39.092 26.864l-50.095-48.777l-41.085 50.943l-22.501-11.597s-24.893 37.782-27.011 39.203l-31.979-9.643l-33.428 58.005s-23.56 5.73-23.56 13.534c0 112.371 91.094 203.465 203.465 203.465s203.465-91.094 203.465-203.465c0-5.513-10.452-6.12-10.882-11.523z"/><path fill="#FFD833" d="M410.7 326.01c-14.319-29.45-29.504-63.146-35.106-97.749c9.294-18.299 14.536-39.002 14.536-60.93c0-58.057-36.719-110.311-88.198-130.482c-31.852-15.929-69.974-27.16-80.577-29.371c-1.288-.268-2.311 1.069-1.722 2.245l4.017 8.033a1.574 1.574 0 0 1-1.407 2.277h-28.865c-.869 0-1.573.704-1.573 1.573c0 0 14.66 11.865 6.597 18.217l2.458.47c-47.249 22.237-80.214 72.03-80.214 127.036c0 21.929 5.243 42.632 14.536 60.931c-5.602 34.603-20.787 68.299-35.106 97.749c-16.963 34.888-1.617 34.658 31.226 23.688c19.031 50.002 67.405 85.534 124.086 85.534s105.055-35.532 124.086-85.534c32.842 10.971 48.189 11.201 31.226-23.687"/><path fill="#FFE576" d="M324.363 332.575c0 38.094-30.881 68.975-68.975 68.975s-68.975-30.881-68.975-68.975s30.881-58.456 68.975-58.456s68.975 20.362 68.975 58.456"/><path fill="#2B3B47" d="M202.911 149.263v26.693h-.04c0 .04.04.054.04.074c0 10.483-8.505 18.988-18.988 18.988s-18.988-8.505-18.988-18.988v-.074h-.081v-26.693h.229c.848-9.724 8.895-17.375 18.841-17.375c9.918 0 17.966 7.651 18.801 17.375zm142.824 0c-.835-9.724-8.883-17.375-18.801-17.375c-9.945 0-17.993 7.651-18.841 17.375h-.229v26.693h.081v.074c0 10.483 8.505 18.988 18.988 18.988s18.988-8.505 18.988-18.988c0-.021-.04-.034-.04-.074h.04v-26.693z"/><path fill="#FFB636" d="M217.365 183.183c0-18.217 17.023-25.844 38.022-25.844s38.022 7.627 38.022 25.844s-25.21 46.178-38.022 46.178s-38.022-27.961-38.022-46.178"/><path fill="#E7EDF1" d="m437.017 298.729l-17.184-17.314l-30.679 67.736l-29.349-11.261c-1.943 1.659-24.79 45.779-24.79 45.779l-20.651-13.543l-37.706 59.49l-45.975-56.961l-35.877 31.371l-32.924-68.247l-43.877 3.421s-2.295-34.013-3.424-35.117l-32.513 7.913l-22.926-46.387c-5.206 3.296-8 13.415-8 33.118c0 112.801 91.443 204.244 204.244 204.244S459.63 411.528 459.63 298.727c0-17.152-2.118-27.038-6.1-31.487z"/></svg>

How to use the Hatchingchick icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:hatchingchick" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:hatchingchick" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:hatchingchick" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--hatchingchick]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:hatchingchick"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:hatchingchick"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/hatchingchick.svg" alt="Hatchingchick icon" width="24" height="24">

Hatchingchick icon FAQ

Is the Hatchingchick icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Hatchingchick icon in React?

Install @iconify/react and render <Icon icon="fxemoji:hatchingchick" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hatchingchick icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/hatchingchick.svg" alt="Hatchingchick icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →