Baby Angel Medium Light Skin Tone アイコン
noto-v1:baby-angel-medium-light-skin-tone
Baby Angel Medium Light Skin Tone アイコン(noto-v1:baby-angel-medium-light-skin-tone)は、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
- カテゴリ
- 人物・体
- タグ
- babyangel、angelmedium、mediumlight、lightskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGXBUoqbht" d="M50.5 103.5c-2.8-4.7-6.4-12.8-8.4-15.6c-3.2-4.6-8.8-5.9-13.6-2.9c-8.6 5.4-14.6 7-20.6 7.5c-1.9.2-4.1.3-5.2 1.9c-1 1.4-.6 3.4.5 4.7c3 3.7 9.6 4.4 13.2 4.8c-1.1.6-3 1.8-2.4 3.4c1.2 3.3 10.2 4.2 14.5 4.4c-.6.3-2.7 2.1-2.1 3.3c1.5 2.6 9.9 3.5 14.1 2.8c0 0-2.5 2.3-1 3.8c2.9 2.6 10.8 2.8 14.9 1.6c4.1-1.3 5.2-3.2 5.6-5.3c.6-3.2-5.5-7.7-9.5-14.4"/></defs><use fill="#e0e0e0" href="#SVGXBUoqbht"/><clipPath id="SVG4shHcb7c"><use href="#SVGXBUoqbht"/></clipPath><path fill="#b0bec5" d="M16.3 103.8c6.4 0 14.7-2.5 15.7-2.8c-1.2 1-5.9 2.9-7.3 3.4c-3.2 1.1-7.4 1.6-10.8 1.3c.7-.8 1.4-1.4 2.4-1.9m11.7 7.7c2.3.1 4.9-.4 7.2-1.2c1.8-.7 3.8-1.4 5.6-2.2c-1.1.8-4.1 3-6.1 3.8c-4.9 1.8-7.7 1.5-8.6 1.4c.5-.5 1.3-1.5 1.9-1.8m12.2 6.2c3.7-.6 5.9-1.3 8.8-2.3c-1 .7-3 2.1-4.5 2.6c-1.3.4-3.4 1.1-5.5 1.3c.2-.4.9-1.2 1.2-1.6" clip-path="url(#SVG4shHcb7c)"/><defs><path id="SVG3BLBscwC" d="M77.5 103.5c2.8-4.7 6.4-12.8 8.4-15.6c3.2-4.6 8.8-5.9 13.6-2.9c8.6 5.4 14.6 7 20.6 7.5c1.9.2 4.1.3 5.2 1.9c1 1.4.6 3.4-.5 4.7c-3 3.7-9.6 4.4-13.2 4.8c1.1.6 3 1.8 2.4 3.4c-1.2 3.3-10.2 4.2-14.5 4.4c.6.3 2.7 2.1 2.1 3.3c-1.5 2.6-9.9 3.5-14.1 2.8c0 0 2.5 2.3 1 3.8c-2.9 2.6-10.8 2.8-14.9 1.6c-4.1-1.3-5.2-3.2-5.6-5.3c-.6-3.2 5.5-7.7 9.5-14.4"/></defs><use fill="#e0e0e0" href="#SVG3BLBscwC"/><clipPath id="SVGogxSMdMr"><use href="#SVG3BLBscwC"/></clipPath><path fill="#b0bec5" d="M111.7 103.8c-6.4 0-14.7-2.5-15.7-2.8c1.2 1 5.9 2.9 7.3 3.4c3.2 1.1 7.4 1.6 10.8 1.3c-.7-.8-1.4-1.4-2.4-1.9m-11.7 7.7c-2.3.1-4.9-.4-7.2-1.2c-1.8-.7-3.8-1.4-5.6-2.2c1.1.8 4.1 3 6.1 3.8c4.9 1.8 7.7 1.5 8.6 1.4c-.5-.5-1.3-1.5-1.9-1.8m-12.2 6.2c-3.7-.6-5.9-1.3-8.8-2.3c1 .7 3 2.1 4.5 2.6c1.3.4 3.4 1.1 5.5 1.3c-.2-.4-.9-1.2-1.2-1.6" clip-path="url(#SVGogxSMdMr)"/><ellipse cx="64" cy="58.1" fill="#bfa055" rx="49" ry="46.2"/><path fill="#c48e6a" d="M104.2 69.5s7.5 1.3 7.5 9.3c0 7.1-5.5 9.9-10.9 9.9V69.5zm-80.4 0s-7.5 1.3-7.5 9.3c0 7.1 5.5 9.9 10.9 9.9V69.5z"/><path fill="#e0bb95" d="M92.4 45.3C85.6 36.9 73.9 33.2 64 33.2s-21.6 3.6-28.4 12.1c-6.6 8.3-10.1 19-10.1 33.3c.1 11.6 3 20.5 11.4 27.5c7.8 6.5 16.8 10 26.5 10c9.6 0 20.1-3.3 27.6-9.9c8.2-7.2 11.4-16 11.5-27.5c.1-14.4-3.4-25.1-10.1-33.4"/><path fill="#c48e6a" d="M69.6 87.4c-2 .6-4 .8-5.6.8s-3.6-.3-5.6-.8c-.8-.2-1.2.6-.9 1.1c.6 1.1 3.2 3.3 6.5 3.3s5.9-2.2 6.5-3.3c.3-.6 0-1.4-.9-1.1"/><path fill="#513f35" d="M75.6 96.5H52.4c-1.3 0-1.9.9-1 2.2c1.2 1.9 5.8 5.5 12.7 5.5c6.8 0 11.4-3.6 12.7-5.5c.7-1.3.2-2.2-1.2-2.2"/><path fill="#5d4037" d="M48.6 79c0 3.4-2.3 6.2-5.1 6.2s-5.2-2.8-5.2-6.2s2.3-6.2 5.2-6.2c2.8 0 5.1 2.8 5.1 6.2m41.1 0c0 3.4-2.3 6.2-5.1 6.2s-5.2-2.8-5.2-6.2s2.3-6.2 5.2-6.2c2.8 0 5.1 2.8 5.1 6.2"/><path fill="#bfa055" d="M23.4 76.3s11.2-11.7 15.3-15.6c.3-.2.7 0 .6.3c-.2 1.6-.3 3.4-.4 4.5c0 .5.4.9.9.8c8-1.5 15.7-4.9 17.8-5.8c.3-.1.5.1.5.4v3.8c0 .5.4.8.9.8c7.4-1.1 13.5-4.2 15.5-5.2c.5-.3 1-.3 1.5-.1c3.8 1.4 8.4 4.1 10.1 5.1c.4.2.8.1 1.1-.3c.6-1.2 1.5-2.9 1.9-3.8c.1-.2.4-.3.6-.1c6 5.9 14.7 15.4 14.7 15.4l6.2-19.9s-10-35.3-44.8-35.3S18 58.8 18 58.8z"/><radialGradient id="SVGSTeAJdin" cx="64" cy="16.929" r="43.043" gradientTransform="matrix(1 0 0 .3778 0 10.533)" gradientUnits="userSpaceOnUse"><stop offset=".312" stop-color="#009eff"/><stop offset=".534" stop-color="#029fff"/><stop offset=".633" stop-color="#09a2ff"/><stop offset=".707" stop-color="#16a6ff"/><stop offset=".769" stop-color="#28adff"/><stop offset=".823" stop-color="#3fb6ff"/><stop offset=".872" stop-color="#5cc1ff"/><stop offset=".917" stop-color="#7fceff"/><stop offset=".959" stop-color="#a6ddff"/><stop offset=".997" stop-color="#d2edff"/><stop offset="1" stop-color="#d6efff"/></radialGradient><path fill="url(#SVGSTeAJdin)" d="M64 1C40 1 20.5 8.1 20.5 16.9S40 32.8 64 32.8s43.5-7.1 43.5-15.9S88 1 64 1m0 18.5c-13.6 0-24.7-3.7-24.7-8.3s11-8.3 24.7-8.3c13.6 0 24.6 3.7 24.6 8.3c0 4.5-11 8.3-24.6 8.3"/><path fill="#cce8ff" d="M64 1C45.7 1 30.8 6 30.8 12.2S45.7 23.4 64 23.4s33.2-5 33.2-11.2S82.3 1 64 1m0 18.5c-13.6 0-24.7-3.7-24.7-8.3s11-8.3 24.7-8.3c13.6 0 24.6 3.7 24.6 8.3c0 4.5-11 8.3-24.6 8.3"/></svg>
Baby Angel Medium Light Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:baby-angel-medium-light-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:baby-angel-medium-light-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:baby-angel-medium-light-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--baby-angel-medium-light-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:baby-angel-medium-light-skin-tone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:baby-angel-medium-light-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/baby-angel-medium-light-skin-tone.svg" alt="Baby Angel Medium Light Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Baby Angel Medium Light Skin Tone アイコン
Baby Angel Medium Light Skin Tone アイコン のよくある質問
Baby Angel Medium Light Skin Tone アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Baby Angel Medium Light Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:baby-angel-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Baby Angel Medium Light Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/baby-angel-medium-light-skin-tone.svg" alt="Baby Angel Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
