Baby Chick アイコン
emojione:baby-chick
Baby Chick アイコン(emojione:baby-chick)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
- タグ
- babychick
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#e08828"><path d="M34.3 50.7h2.5v10.8h-2.5z"/><path d="M36.3 61.6c0-.5 1.8-1.5 4-1.5s4 1 4 1.5s-1.8.4-4 .4s-4 .1-4-.4"/><path d="M31.5 61.6c0-.5 1.8-1.5 4-1.5s4 1 4 1.5s-1.8.4-4 .4s-4 .1-4-.4"/><path d="M26.8 61.6c0-.5 1.8-1.5 4-1.5s4 1 4 1.5s-1.8.4-4 .4s-4 .1-4-.4M14 55.7l-2-1.4l6.3-8.2l2 1.4z"/><path d="M13.5 55.4c.3-.4 2.4-.2 4.1 1c1.8 1.2 2.6 3.1 2.3 3.5s-1.7-.7-3.5-1.9c-1.7-1.2-3.2-2.2-2.9-2.6"/><path d="M9.7 52.8c.3-.4 2.4-.2 4.1 1c1.8 1.2 2.6 3.1 2.3 3.5s-1.7-.7-3.5-1.9c-1.7-1.3-3.2-2.2-2.9-2.6"/><path d="M6 50.1c.3-.4 2.4-.2 4.1 1c1.8 1.2 2.6 3.1 2.3 3.5s-1.7-.7-3.5-1.9s-3.3-2.2-2.9-2.6"/></g><g fill="#ffd93b"><path d="M60.9 30.5c4.6 0-4.9 21.1-27.8 21.1c-15.6 0-26.5-6.6-26.5-18.8s8.6-24 24.2-20c15.9 4 4.7 17.7 30.1 17.7"/><path d="M20 21.8c-1.1 4.3 12.4.2 9.9-8.6S19.1 2 19.1 2s3.8 8.5.9 19.8"/><path d="M20.3 22.3c3.3 3.2 8-8.4-1.7-11.8S4.2 9.6 4.2 9.6s7.4 4.2 16.1 12.7"/><path d="M31.3 25.7c-.3 4.3-12.1-2-6.9-10.1s14.1-8.9 14.1-8.9s-6.3 7.4-7.2 19"/></g><path fill="#ffea92" d="M57.2 41.2c-5 .9-13.5 4.3-23 4.3c-11.4 0-21.2-4.8-25.5-4.5c3.8 6.9 12.8 10.6 24.4 10.6c11.4 0 19.4-5.2 24.1-10.4"/><path fill="#e08828" d="m3.4 31.2l5.6-1c0 2.6-.2 4.3-2.1 4.3c-1.8.1-3.5-.7-3.5-3.3"/><path fill="#f29a2e" d="m9 30.3l-7 1.9c0-3.2 2.6-6.8 4.9-6.8c2.4.1 2.1 1.7 2.1 4.9"/><path fill="#3e4347" d="M11 25.1c0-1.6 1.3-3.3 2.9-3.3s2.9 1.7 2.9 3.3s-1.3 2.3-2.9 2.3c-1.6-.1-2.9-.8-2.9-2.3"/><g fill="#ffbf3e"><path d="M48.5 37.3c0 5.3-6.7 9.6-15 9.6s-9.8-4.3-9.8-9.6s1.5-9.6 9.8-9.6s15 4.3 15 9.6"/><path d="M51.2 36.9c-1.4.4-2.5-.2-2.5-.2c1.5-1.3 1.9-3.5 1.9-3.5c-1 .9-2.8.9-2.8.9c.5-1.6.2-2.8.2-2.8c-2.3 3.4-10.4 3.5-10.4 3.5c4.9 3.2 7.5 7.5 7.5 7.5c3.9-1.4 6.1-5.4 6.1-5.4"/></g></svg>
Baby Chick アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:baby-chick" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:baby-chick" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:baby-chick" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--baby-chick]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:baby-chick"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:baby-chick"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/baby-chick.svg" alt="Baby Chick アイコン" width="24" height="24">
Emoji One (Colored) の関連アイコン
他のアイコンセットの Baby Chick アイコン
Baby Chick アイコン のよくある質問
Baby Chick アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Baby Chick アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:baby-chick" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Baby Chick アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/baby-chick.svg" alt="Baby Chick アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
