Chicken アイコン

Q: Chicken アイコンは商用利用でも無料ですか?

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

cbi:chicken

Chicken アイコン(cbi:chicken)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンスを採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Custom Brand Icons
作者: Emanuele & rchiileea
ライセンス: CC-BY-NC-SA-4.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.057 6.631c.065-.012.145-.02.205-.029a.46.46 0 0 1 .23.056a.07.07 0 0 0 .102-.077c-.023-.073-.056-.159-.074-.218a.16.16 0 0 0-.115-.107a.12.12 0 0 1-.093-.145a.4.4 0 0 1 .056-.124a.87.87 0 0 0 .163-.735a.57.57 0 0 0-.23-.3a.088.088 0 0 1-.023-.132a.26.26 0 0 0 .051-.149a1 1 0 0 0-.069-.338a.6.6 0 0 1 0-.193c.018-.089-.099-.144-.099-.144s.089-.094 0-.283s-.689-.247-.689-.247s.089-.384-.396-.574c-.392-.149-.704.46-.811.709a.14.14 0 0 1-.163.077a.092.092 0 0 1-.061-.15l.322-.344a.13.13 0 0 0-.047-.206l-.037-.017l.018-.008a.27.27 0 0 0 .168-.344v-.002a.28.28 0 0 0-.163-.166l-.067-.027a.3.3 0 0 1-.158-.144l-.051-.102a.32.32 0 0 0-.307-.167a1.68 1.68 0 0 0-1.027.473c-.587.539-.998 2.898-1.068 3.363a.3.3 0 0 1-.069.146q-.092.11-.308.35a4.3 4.3 0 0 1-1.961 1.179a21 21 0 0 1-2.641.145a7.7 7.7 0 0 1-2.696-.465C8.331 6.831 7.804 4.957 7.1 4.261a3.9 3.9 0 0 0-1.79-.931a1.3 1.3 0 0 0-.392-.018a.087.087 0 0 1-.088-.128a1 1 0 0 0 .084-.159c.009-.055-.079-.191-.079-.191l-.159-.129l-.065-.09l-.178-.055l-.033-.022a.083.083 0 0 0-.114.043l-.052.15s-.115-.229-.192-.193c-.125.065 0 .402 0 .402s-.23-.384-.358-.325c-.23.104.046.599.046.599s-.172-.303-.293-.256c-.061.02 0 .402 0 .402s-.125-.044-.172-.022s.051.32.051.32h-.147a.09.09 0 0 0-.088.06l-.018.052l-.084.067a.24.24 0 0 0-.084.23l.018.099l-.024.102l.011.115a2 2 0 0 0-.36.337a.95.95 0 0 0-.135.525a.46.46 0 0 1 .205-.136l.219-.115a.76.76 0 0 1 .438-.077h.276a1.5 1.5 0 0 0-.115.414a.66.66 0 0 0 .768.65a.62.62 0 0 0 .448-.295a8 8 0 0 0-.737 2.523a5.33 5.33 0 0 0 1.057 3.811c1.335 1.702 3.34 2.128 3.821 2.473s1.119 1.06 1.566 1.299c.397.214.971.837 1.6 1.321a4.3 4.3 0 0 0 .737.495a14 14 0 0 1-.76 2.371a.32.32 0 0 1-.327.179a7 7 0 0 0-.96-.025a2.6 2.6 0 0 0-.62.192c-.047.017-.028.077.018.077c.219 0 .555 0 .681.012c0 0 .252.077.256.077c-.037 0-.344.01-.396.014a8 8 0 0 0-1.399.214a.041.041 0 0 0 .009.08c.23.022.672.064.867.094c.294.047.416.189.724.244a2 2 0 0 1-.355.188c-.149.035-.358.385-.485.616c-.018.033.023.072.066.055c.261-.137.839-.445.909-.47a6.4 6.4 0 0 1 1.459-.432c.033-.008.09-.022.183-.166c.251.034.531.081.76.124a2 2 0 0 1-.355.187c-.149.034-.345.372-.48.607a.045.045 0 0 0 .065.056c.23-.132.657-.385.844-.483a8 8 0 0 1 1.515-.406c.038-.008.108-.03.23-.248a.35.35 0 0 1 .196-.158a2 2 0 0 1 .489-.124c.104.115.439.115.588.107h.098a.029.029 0 0 0 .023-.047l-.064-.068a5 5 0 0 0-.285-.29a1.7 1.7 0 0 0-.742-.115c.108-.291.238-.663.382-1.162c.136-.427.258-.859.355-1.235a2.4 2.4 0 0 0 1.18-1.277a3.4 3.4 0 0 0 1.398-2.297a9.8 9.8 0 0 0-.666-2.747a4.5 4.5 0 0 0 1.454-.459a3.08 3.08 0 0 0 .971-1.969a9 9 0 0 0 .056-1.188a.25.25 0 0 1 .14-.201a.8.8 0 0 0 .168-.097a3 3 0 0 1 .589-.147a.077.077 0 0 0 .061-.115a1 1 0 0 0-.238-.236l-.271-.179a.073.073 0 0 1 .038-.13m-6.53 13.339c-.046.103-.23.103-.354.094a6 6 0 0 0-.988-.025a4 4 0 0 0-.383.055c.102-.281.672-2.131.783-2.551a5 5 0 0 0 .867-.524c.328-.304.355-.454.355-.454a1.6 1.6 0 0 0 .518.919a14.5 14.5 0 0 1-.798 2.486"/></svg>

Chicken アイコンの使い方

React

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

<Icon icon="cbi:chicken" width="24" />

Vue

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

<template>
  <Icon icon="cbi:chicken" width="24" />
</template>

Svelte

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

<Icon icon="cbi:chicken" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/chicken.svg" alt="Chicken アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

他のアイコンセットの Chicken アイコン

Chicken アイコンのよくある質問

Chicken アイコンは商用利用でも無料ですか?

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンスを採用しており、作者の個別の許可なしに商用利用することはできません。

React で Chicken アイコンを使うには?

@iconify/react をインストールして <Icon icon="cbi:chicken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Chicken アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/chicken.svg" alt="Chicken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Custom Brand Icons をすべて見る →