Boy アイコン
noto-v1:boy
Boy アイコン(noto-v1:boy)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 人物・体
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><ellipse cx="64" cy="57.09" fill="#6d4c41" rx="54.5" ry="51.31"/><path fill="#e59600" d="M108.63 69.78s8.3 1.44 8.3 10.38c0 7.89-6.06 11-12.11 11V69.78zm-89.26 0s-8.3 1.44-8.3 10.38c0 7.89 6.06 11 12.11 11V69.78z"/><path fill="#fcc21b" d="M95.59 42.95C88.03 33.53 75.02 29.5 64 29.5c-11.01 0-24.03 4.04-31.58 13.45c-7.39 9.2-11.26 21.09-11.2 37.04c.06 12.86 3.36 22.75 12.69 30.53c8.64 7.21 18.63 11.1 29.45 11.1c10.64 0 22.38-3.72 30.7-11.04c9.13-8.03 12.67-17.73 12.73-30.59c.06-15.96-3.83-27.84-11.2-37.04"/><path fill="#e59600" d="M70.25 89.64c-2.2.62-4.48.93-6.25.93c-1.76 0-4.05-.3-6.25-.93c-.94-.27-1.31.63-.97 1.22c.7 1.23 3.51 3.71 7.22 3.71s6.52-2.48 7.22-3.71c.34-.59-.03-1.48-.97-1.22"/><path fill="#513f35" d="M76.93 99.8H51.07c-1.48 0-2.12 1-1.14 2.49c1.37 2.09 6.47 6.11 14.07 6.11s12.7-4.02 14.07-6.11c.98-1.49.35-2.49-1.14-2.49"/><path fill="#444" d="M46.88 80.36c0 3.81-2.55 6.9-5.71 6.9s-5.73-3.09-5.73-6.9c0-3.82 2.57-6.91 5.73-6.91s5.71 3.09 5.71 6.91m45.68 0c0 3.81-2.55 6.9-5.71 6.9s-5.73-3.09-5.73-6.9c0-3.82 2.57-6.91 5.73-6.91c3.15 0 5.71 3.09 5.71 6.91"/><path fill="#6d4c41" d="M18.85 77.4s12.42-13.01 16.98-17.39c.29-.28.76-.04.72.36c-.18 1.81-.32 3.79-.39 4.99c-.03.56.47 1 1.02.9c8.92-1.69 17.5-5.4 19.81-6.44c.28-.13.59.09.58.41c-.05 1.65-.03 3.23-.01 4.2c.01.52.48.91 1 .83c8.18-1.26 15-4.61 17.26-5.82c.52-.28 1.12-.34 1.68-.14c4.24 1.52 9.39 4.52 11.26 5.65c.41.25.94.11 1.18-.31c.72-1.28 1.7-3.27 2.16-4.21c.13-.26.46-.33.67-.12c6.67 6.59 16.39 17.1 16.39 17.1l6.87-22.06S104.9 16.1 66.23 16.1S12.91 57.97 12.91 57.97z"/></svg>
Boy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:boy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:boy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:boy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--boy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:boy"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:boy"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/boy.svg" alt="Boy アイコン" width="24" height="24">
Boy アイコン のよくある質問
Boy アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Boy アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:boy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Boy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/boy.svg" alt="Boy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
