Icono Hatchingchick

fxemoji:hatchingchick

El icono Hatchingchick (fxemoji:hatchingchick) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Firefox OS Emoji
Autor: Mozilla
Licencia: Apache-2.0
Tamaño: 512 × 512
Categoría: Naturaleza

Descargar SVG

Código SVG

<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>

Cómo usar el icono Hatchingchick

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>

Imagen HTML

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

Preguntas frecuentes sobre Icono Hatchingchick

¿El icono Hatchingchick es gratis para uso comercial?

Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Hatchingchick en React?

Instala @iconify/react y renderiza <Icon icon="fxemoji:hatchingchick" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Hatchingchick a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/hatchingchick.svg" alt="Icono Hatchingchick">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Firefox OS Emoji →