Chicken icon
fxemoji:chicken
The Chicken icon (fxemoji:chicken) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#E7EDF1" d="M256 66.299c-93.73 0-169.713 81.729-169.713 175.459v230.865C92.758 484.747 105.528 493 120.229 493s27.472-8.253 33.943-20.376C160.643 484.747 173.413 493 188.115 493s27.472-8.253 33.943-20.376C228.528 484.747 241.298 493 256 493c14.063 0 26.343-7.561 33.048-18.828C295.754 485.439 308.034 493 322.096 493c14.702 0 27.472-8.253 33.943-20.376h1.789C364.299 484.747 377.069 493 391.77 493s27.472-8.253 33.943-20.376V241.759c0-93.73-75.983-175.46-169.713-175.46"/><path fill="#2B3B47" d="M189.904 219.001v33.621h-.05c0 .05.05.068.05.094c0 13.204-10.713 23.916-23.916 23.916s-23.916-10.713-23.916-23.916v-.094h-.102v-33.621h.288c1.067-12.247 11.204-21.884 23.731-21.884c12.492 0 22.629 9.637 23.68 21.884zm179.892 0c-1.052-12.247-11.188-21.884-23.68-21.884c-12.527 0-22.663 9.637-23.731 21.884h-.288v33.621h.102v.094c0 13.204 10.713 23.916 23.916 23.916s23.916-10.713 23.916-23.916c0-.026-.05-.043-.05-.094h.05v-33.621z"/><path fill="#FF473E" d="m276.742 335.293l.425 1.208l1.122 3.414l1.607 5.305c.594 2.049 1.245 4.36 1.914 6.881a335 335 0 0 1 2.068 8.142c.715 2.889 1.394 5.936 2.107 9.087c.672 3.152 1.381 6.408 2.019 9.717c.68 3.309 1.267 6.671 1.895 10.033c.571 3.362 1.17 6.723 1.682 10.033c.501 3.309 1.05 6.566 1.445 9.718c.401 3.152.692 6.198.881 9.087c.167 2.889.274 5.62.263 8.142c.013 2.521-.089 4.833-.215 6.881c-.142 2.049-.319 3.834-.524 5.305c-.385 2.942-.835 4.622-.835 4.622c-5.412 20.212-26.184 32.21-46.396 26.799c-13.529-3.622-23.388-14.187-26.799-26.799c0 0-.45-1.681-.835-4.622c-.205-1.471-.382-3.257-.524-5.305c-.126-2.049-.229-4.36-.215-6.881c-.011-2.521.096-5.253.263-8.142c.189-2.889.48-5.936.881-9.087c.396-3.152.944-6.408 1.445-9.718c.512-3.309 1.111-6.671 1.682-10.033c.627-3.362 1.214-6.723 1.895-10.033c.638-3.309 1.348-6.566 2.019-9.717c.713-3.152 1.392-6.198 2.107-9.087c.687-2.889 1.402-5.62 2.068-8.142a317 317 0 0 1 1.914-6.881l1.607-5.305l1.122-3.414l.425-1.208c4.026-11.456 16.576-17.478 28.032-13.453c6.51 2.287 11.3 7.427 13.455 13.453m-25.367-206.252c5.4 2.554 11.848.248 14.402-5.152c0 0 .172-.363.448-1.043c.279-.68.699-1.678 1.159-2.948c.485-1.27 1.049-2.812 1.635-4.581c.589-1.769 1.23-3.765 1.861-5.942a177 177 0 0 0 1.922-7.03c.638-2.495 1.26-5.125 1.841-7.847c.306-1.361.583-2.744.856-4.144q.43-2.102.8-4.246c.533-2.857.967-5.76 1.443-8.663c.423-2.903.874-5.806 1.229-8.663c.39-2.857.703-5.669 1.01-8.391c.286-2.721.539-5.352.742-7.847c.199-2.495.367-4.853.483-7.03c.242-4.354.32-7.983.318-10.523c-.011-2.54-.078-3.991-.078-3.991c-.638-12.961-11.047-23.666-24.274-24.274c-14.054-.647-25.97 10.221-26.617 24.274c0 0-.067 1.451-.078 3.991c-.002 2.54.076 6.168.318 10.523c.116 2.177.284 4.536.483 7.03c.203 2.495.456 5.125.742 7.847c.307 2.721.62 5.533 1.01 8.391c.355 2.857.807 5.76 1.229 8.663c.476 2.903.91 5.806 1.443 8.663q.37 2.145.8 4.246c.273 1.4.55 2.784.856 4.144a202 202 0 0 0 1.841 7.847c.63 2.495 1.275 4.853 1.922 7.03a158 158 0 0 0 1.861 5.942c.586 1.769 1.15 3.311 1.635 4.581c.461 1.27.88 2.268 1.159 2.948c.276.68.448 1.043.448 1.043a10.8 10.8 0 0 0 5.151 5.152"/><path fill="#FFB636" d="M176.614 301.21c0-12.324 35.542-11.484 79.386-11.484s79.386-.84 79.386 11.484S282.75 353.441 256 353.441s-79.386-39.907-79.386-52.231"/><path fill="#FFD833" d="M335.386 298.438c0 12.391-35.542 17.579-79.386 17.579s-79.386-5.188-79.386-17.579S229.25 247.759 256 247.759s79.386 38.288 79.386 50.679"/></svg>How to use the Chicken icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:chicken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:chicken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:chicken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--chicken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:chicken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:chicken"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/chicken.svg" alt="Chicken icon" width="24" height="24">Chicken icon in other icon sets
Chicken icon FAQ
Is the Chicken 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 Chicken icon in React?
Install @iconify/react and render <Icon icon="fxemoji:chicken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chicken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/chicken.svg" alt="Chicken icon">, or paste the SVG code inline to style it with CSS.