Woman Astronaut Medium Light Skin Tone アイコン
noto-v1:woman-astronaut-medium-light-skin-tone
Woman Astronaut Medium Light Skin Tone アイコン(noto-v1:woman-astronaut-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
- カテゴリ
- 人物・体
- タグ
- womanastronaut、astronautmedium、mediumlight、lightskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVG3rMndcyG" d="M0 0h128v128H0z"/></defs><clipPath id="SVGBOv6peZo"><use href="#SVG3rMndcyG"/></clipPath><path fill="#bdbdbd" d="M0 125.7v14.5h128v-14.5c0-22.3-31.4-33.6-63.5-33.6C32.6 92.2 0 102.2 0 125.7" clip-path="url(#SVGBOv6peZo)"/><path fill="#0d47a1" d="M56.5 162.1H39.4c-2.2 0-4-1.8-4-4v-36.2c0-2.2 1.8-4 4-4h17.2c2.2 0 4 1.8 4 4v36.2c-.1 2.2-1.9 4-4.1 4" clip-path="url(#SVGBOv6peZo)"/><path fill="#616161" d="M71.4 129.9h-.5c-3.3 0-6-2.7-6-6s2.7-6 6-6h.5c3.3 0 6 2.7 6 6s-2.7 6-6 6" clip-path="url(#SVGBOv6peZo)"/><path fill="#f5f5f5" d="M86.7 129.9h-.5c-3.3 0-6-2.7-6-6s2.7-6 6-6h.5c3.3 0 6 2.7 6 6c-.1 3.3-2.8 6-6 6" clip-path="url(#SVGBOv6peZo)"/><path fill="#939393" d="M105.3 140c.1-13.7 5.7-25.6 14.1-32.2c-1.7-1.6-3.7-3-5.9-4.4c-8.6 8.3-14.3 21.6-14.3 36.6zm-83 0c-.1-13.7-5.7-25.5-14.1-32.2c1.7-1.6 3.7-3.1 5.9-4.4c8.6 8.3 14.3 21.6 14.3 36.6z" clip-path="url(#SVGBOv6peZo)"/><path fill="#757575" d="M128 125.7c0-2.9-.6-5.7-1.6-8.2l-8.2 2.7l5.2 15.9l4.6-1.5zM0 138.1c3.9-3.3 6.4-8.2 6.4-13.7c0-3.8-1.2-7.4-3.3-10.3c-2 3.5-3.1 7.3-3.1 11.7z" clip-path="url(#SVGBOv6peZo)"/><ellipse cx="64.1" cy="49.4" fill="#212121" clip-path="url(#SVGBOv6peZo)" rx="49.2" ry="49"/><g clip-path="url(#SVGBOv6peZo)"><path fill="#bfa055" d="m105.9 45.6l-84 .3s0 14 1.1 30.3c8.8 13.3 23.9 22.1 41 22.1s32.1-8.7 40.9-21.9c1-16.9 1-30.8 1-30.8"/><ellipse cx="63.9" cy="46.7" fill="#bfa055" rx="42" ry="39.5"/><path fill="#e0bb95" d="M63.8 14.1c-24.3 0-30.7 18.9-30.7 45.4S52 94.1 63.8 94.1S94.5 86 94.5 59.5s-6.4-45.4-30.7-45.4"/><path fill="#5d4037" d="M73.1 78.7H54.7c-1.1 0-1.5.7-.8 1.8c1 1.5 4.6 4.4 10 4.4s9.1-2.9 10-4.4c.7-1.1.3-1.8-.8-1.8M53.4 61.3c0 2.8-1.9 5.1-4.3 5.1s-4.3-2.3-4.3-5.1s1.9-5.2 4.3-5.2s4.3 2.3 4.3 5.2m21 0c0 2.8 1.9 5.1 4.3 5.1s4.3-2.3 4.3-5.1s-1.9-5.2-4.3-5.2s-4.3 2.3-4.3 5.2"/><path fill="#c48e6a" d="M68.3 70.8c-1.6.4-3.2.7-4.5.7s-2.9-.2-4.5-.7c-.7-.2-.9.4-.7.9c.5.9 2.5 2.6 5.2 2.6c2.6 0 4.7-1.8 5.2-2.6c.2-.4 0-1.1-.7-.9"/><path fill="#bfa055" d="M73 35c-3.2 3.1-19.3 17.6-41.4 21.4V26.7s9.6-19 32.5-19s32.5 19.4 32.5 19.4v29.2s-15-5.8-22.6-21.2c-.3-.3-.7-.4-1-.1"/></g><path fill="#757575" d="M107.4 86.1c-2.6-2.6-6.7-3.1-9.9-1.2c-9.9 5.9-21.5 9.2-33.8 9.2s-23.9-3.4-33.8-9.2c-3.2-1.9-7.3-1.4-9.9 1.2c-3.7 3.7-3 10 1.5 12.7c12.4 7.3 26.8 11.6 42.2 11.6s29.9-4.2 42.2-11.6c4.5-2.8 5.2-9 1.5-12.7" clip-path="url(#SVGBOv6peZo)"/><circle cx="64.1" cy="49.4" r="49.2" fill="#212121" clip-path="url(#SVGBOv6peZo)" opacity=".5"/><path fill="#bdbdbd" d="M64.1 18.8c21.8 0 40.5 12.8 49.2 31.3v-.7c0-27.2-22-49.2-49.2-49.2s-49.2 22-49.2 49.2v.7c8.7-18.5 27.4-31.3 49.2-31.3m43.5 64.3c-2.6-2.6-6.7-3.1-9.9-1.2c-9.9 5.9-21.5 9.2-33.8 9.2s-24-3.4-33.9-9.2c-3.2-1.9-7.3-1.4-9.9 1.2c-3.7 3.7-3 10 1.5 12.7c12.4 7.3 26.8 11.6 42.2 11.6s29.9-4.2 42.2-11.6c4.6-2.8 5.3-9 1.6-12.7" clip-path="url(#SVGBOv6peZo)"/><path fill="#bdbdbd" d="m117.7 37.6l-6.2 2.5l-7.6-18.9l6.2-2.5c1.6-.6 3.4.1 4 1.7l5.3 13.2c.6 1.6-.2 3.4-1.7 4" clip-path="url(#SVGBOv6peZo)"/><circle cx="110.3" cy="24" r="3" fill="#757575" clip-path="url(#SVGBOv6peZo)" transform="rotate(-22.297 110.289 24.039)"/><circle cx="114.1" cy="33.7" r="3" fill="#757575" clip-path="url(#SVGBOv6peZo)" transform="rotate(-22.297 114.114 33.71)"/><path fill="#bdbdbd" d="m10.1 37.6l6.2 2.5l7.6-18.9l-6.2-2.5c-1.6-.6-3.4.1-4 1.7L8.4 33.6c-.6 1.6.1 3.4 1.7 4" clip-path="url(#SVGBOv6peZo)"/><circle cx="17.5" cy="24" r="3" fill="#757575" clip-path="url(#SVGBOv6peZo)" transform="rotate(-67.703 17.485 24.038)"/><circle cx="13.7" cy="33.7" r="3" fill="#757575" clip-path="url(#SVGBOv6peZo)" transform="rotate(-67.703 13.66 33.709)"/><g fill="#212121" clip-path="url(#SVGBOv6peZo)"><path d="m85.7 83.2l-4.1.8c-1.9.4-3.8-.9-4.1-2.8l-.3-1.4c-.4-1.9.9-3.8 2.8-4.1l4.1-.8c1.9-.4 3.8.9 4.1 2.8l.3 1.4c.4 1.9-.9 3.8-2.8 4.1"/><path d="M94.6 79.1L87 80.7c-.7.1-1.3-.3-1.5-1c-.1-.7.3-1.3 1-1.5l7.6-1.5c.7-.1 1.3.3 1.5 1c.1.6-.3 1.3-1 1.4"/></g></svg>Woman Astronaut Medium Light Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:woman-astronaut-medium-light-skin-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:woman-astronaut-medium-light-skin-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:woman-astronaut-medium-light-skin-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--woman-astronaut-medium-light-skin-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:woman-astronaut-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:woman-astronaut-medium-light-skin-tone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/woman-astronaut-medium-light-skin-tone.svg" alt="Woman Astronaut Medium Light Skin Tone アイコン" width="24" height="24">Noto Emoji (v1) の関連アイコン
他のアイコンセットの Woman Astronaut Medium Light Skin Tone アイコン
Woman Astronaut Medium Light Skin Tone アイコン のよくある質問
Woman Astronaut Medium Light Skin Tone アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Woman Astronaut Medium Light Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:woman-astronaut-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Woman Astronaut Medium Light Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/woman-astronaut-medium-light-skin-tone.svg" alt="Woman Astronaut Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。