Hatching Chick アイコン
emojione-v1:hatching-chick
Hatching Chick アイコン(emojione-v1:hatching-chick)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
- タグ
- hatchingchick
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f7ec35" d="M8.143 34.826c0 9.984 11.144 18.07 24.905 18.07c13.76 0 24.906-8.09 24.906-18.07c0-9.973-11.146-34.585-24.906-34.585c-13.761 0-24.905 24.612-24.905 34.585"/><path fill="#e7e6e6" d="M54.32 41.19c-3.574 1.715-7.364 1.639-9.672-2.354c-3.71-6.421-4.807-2.04-10.03-.601c-3.232.889-6.339-.313-9.378-1.267c-6.721-2.112-13.464-3.879-20.13-5.955c-1.459 4.355-2.267 8.351-2.267 11.287c0 11.994 13.387 21.705 29.916 21.705c16.526 0 29.916-9.711 29.916-21.704c0-1.393-.189-3.03-.535-4.821c-2.605 1.238-5.213 2.462-7.818 3.71"/><path fill="#d1d2d3" d="M5.108 31.01c-1.459 4.355-2.267 8.351-2.267 11.287c0 11.993 13.387 21.704 29.916 21.704c16.386 0 29.675-9.553 29.896-21.406c-13.12 20.747-38.11 25.892-57.55-11.585"/><ellipse cx="22.853" cy="17.525" fill="#f4f5f5" rx="5.099" ry="6.182"/><ellipse cx="22.854" cy="17.763" fill="#25333a" rx="3.383" ry="4.1"/><ellipse cx="43.28" cy="17.525" fill="#f4f5f5" rx="5.099" ry="6.182"/><path fill="#25333a" d="M46.667 17.763c0 2.267-1.512 4.1-3.381 4.1s-3.385-1.833-3.385-4.1c0-2.263 1.516-4.104 3.385-4.104s3.381 1.841 3.381 4.104"/><path fill="#f05a2a" d="M26.755 24.03c0-2.991 2.818-.731 6.291-.731c3.476 0 6.293-2.259 6.293.731c0 2.999-2.817 8.662-6.293 8.662c-3.473 0-6.291-5.663-6.291-8.662"/><path fill="#f79420" d="M26.758 21.995c0-2.995 2.817-.735 6.292-.735c3.476 0 6.289-2.259 6.289.735s-2.817 8.658-6.289 8.658c-3.475 0-6.292-5.663-6.292-8.658"/></svg>
Hatching Chick アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:hatching-chick" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:hatching-chick" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:hatching-chick" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--hatching-chick]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:hatching-chick"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:hatching-chick"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/hatching-chick.svg" alt="Hatching Chick アイコン" width="24" height="24">
他のアイコンセットの Hatching Chick アイコン
Hatching Chick アイコン のよくある質問
Hatching Chick アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Hatching Chick アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:hatching-chick" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hatching Chick アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/hatching-chick.svg" alt="Hatching Chick アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
