Иконка Chicken

fxemoji:chicken

Иконка Chicken (fxemoji:chicken) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 512. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Firefox OS Emoji
Автор: Mozilla
Лицензия: Apache-2.0
Размер: 512 × 512
Категория: Природа

Скачать SVG

Код SVG

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

Как использовать иконку Chicken

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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/chicken.svg" alt="Иконка Chicken" width="24" height="24">

Иконка Chicken в других наборах

Вопросы и ответы: Иконка Chicken

Можно ли бесплатно использовать иконку Chicken в коммерческих проектах?

Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Chicken в React?

Установите @iconify/react и выведите <Icon icon="fxemoji:chicken" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Chicken на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/chicken.svg" alt="Иконка Chicken">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Firefox OS Emoji →