Baby Chick アイコン
noto:baby-chick
Baby Chick アイコン(noto:baby-chick)は、Noto Emoji セットの無料 SVG アイコンです(作者: Google Inc)。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 動物・自然
- タグ
- babychick
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#FC9301" d="M52.68 96.89s1.25 8.8-.09 9.67c-1.31.84-5.54.26-7.79.66c-1.6.28-2.72 2.06-2.63 3.94s2.06 3.38 4.13 3.38s6.29-.08 8.07-.28c2.53-.28 4.15-1.87 4.6-3c.94-2.35.28-15.02.28-15.02zm16.52.66l6.66-.75s.19 9.29.28 11.26s.56 7.7-.09 9.2c-.73 1.67-4.41 4.79-8.63 5.35s-8.92.84-9.1-2.91s2.72-3.66 3.85-3.94s5.73-1.13 6.85-2.25c1.12-1.14.18-15.96.18-15.96"/><path fill="#FFB903" d="M17.25 43.02s1.01-8.68 1.83-11.73c1.6-5.96 8.26-18.02 27.59-18.82c25.6-1.06 31.39 22.24 31.39 22.24s11.4 3.24 22.81 7.04s21.68 9.01 22.24 10.7s-3.26 25.91-24.35 38.86c-20.41 12.53-62.08 12.25-73.63-11.68c-5.55-11.51-4.67-18.57-5.77-25.9c-1.33-8.88-2.11-10.71-2.11-10.71"/><path fill="#FA9100" d="M4.63 42.74c.22 3.09 14.08 6.95 14.08 6.95s2.35-1.13 2.35-6.95s-2.35-7.41-2.35-7.41s-14.27 4.78-14.08 7.41"/><ellipse cx="35.28" cy="38.56" fill="#2F302B" rx="5.33" ry="4.9" transform="rotate(-71.319 35.282 38.558)"/><path fill="#FC9301" d="M51.93 73.14c-2.73 2.73 3.85 7.79 12.11 11.26s17.93 2.35 25.34-1.03c7.07-3.22 13.7-13.8 12.58-18.77s-5.44-6.38-11.36-7.79c-5.91-1.41-14.83-3.57-16.8-3.85s-3.38-.09-3.75 1.69c-.27 1.3 1.03 2.53 4.32 3.47c3.28.94 19.99 4.97 19.99 8.26c0 3.28-3.38 9.39-10.42 12.39c-6.83 2.91-13.51 3.28-20.27.09c-4.17-1.97-7.6-4.79-8.45-5.35c-.85-.55-1.97-1.68-3.29-.37"/></svg>Baby Chick アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto:baby-chick" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:baby-chick" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:baby-chick" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--baby-chick]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:baby-chick"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:baby-chick"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto/baby-chick.svg" alt="Baby Chick アイコン" width="24" height="24">Noto Emoji の関連アイコン
baby
baby-angel
baby-angel-dark-skin-tone
baby-angel-light-skin-tone
baby-angel-medium-dark-skin-tone
baby-angel-medium-light-skin-tone
baby-angel-medium-skin-tone
baby-bottle
baby-dark-skin-tone
baby-light-skin-tone
baby-medium-dark-skin-tone
baby-medium-light-skin-tone
baby-medium-skin-tone
baby-symbol
他のアイコンセットの Baby Chick アイコン
Baby Chick アイコン のよくある質問
Baby Chick アイコンは商用利用でも無料ですか?
はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Baby Chick アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto:baby-chick" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Baby Chick アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/baby-chick.svg" alt="Baby Chick アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。