Man Astronaut Medium Light Skin Tone アイコン
noto-v1:man-astronaut-medium-light-skin-tone
Man Astronaut Medium Light Skin Tone アイコン(noto-v1:man-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
- カテゴリ
- 人物・体
- タグ
- manastronaut、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><g clip-path="url(#SVGBOv6peZo)"><ellipse cx="64.1" cy="49.4" fill="#212121" rx="49.2" ry="49"/><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"/><path fill="#c48e6a" d="M96.1 52.6s5.9 1 5.9 7.4c0 5.6-4.3 7.8-8.6 7.8V52.6zm-64.2 0S26 53.6 26 60c0 5.6 4.3 7.8 8.6 7.8V52.6z"/><path fill="#e0bb95" d="M64 11.1c-25.4 0-32 19.7-32 47.3c0 28.7 18.4 36.1 32 36.1c13.4 0 32-7.2 32-36.1c0-27.6-6.6-47.3-32-47.3"/><path fill="#5d4037" d="M53.4 61c0 2.9-1.9 5.2-4.3 5.2s-4.3-2.3-4.3-5.2s1.9-5.2 4.3-5.2s4.3 2.3 4.3 5.2m21.1 0c0 2.9 1.9 5.2 4.3 5.2s4.3-2.3 4.3-5.2s-1.9-5.2-4.3-5.2c-2.3 0-4.3 2.3-4.3 5.2m-1.2 17.4H54.7c-1.1 0-1.5.7-.8 1.8c1 1.5 4.6 4.4 10.1 4.4s9.1-2.9 10.1-4.4c.7-1 .2-1.8-.8-1.8"/><path fill="#c48e6a" d="M68.5 70.6c-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.7 5.2 2.7s4.7-1.8 5.2-2.7c.2-.5 0-1.1-.7-.9"/><path fill="#bfa055" d="M64.8 7.4h-1.4C35.9 8 27.7 24.5 27.7 35.9v19.3s.4-.5 1.2-1.1c.9-.7 1.8-1 1.8-1l1.4 9.3l9.1-19.1c.1-.1.2-.2.3-.2l5.4.6c5.4.6 10.9.9 16.4.9h1.4c5.5 0 10.9-.3 16.4-.9l5.4-.6c.1 0 .3.1.3.2l9.2 19l1.4-9.3s1 .4 1.8 1s1.2 1.1 1.2 1.1V35.8c0-11.3-8.2-27.8-35.6-28.4"/><circle cx="64.1" cy="49.4" r="49.2" fill="#212121" 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.3"/><path fill="#757575" d="M107.6 86.3c-2.6-2.6-6.7-3.1-9.9-1.2c-9.9 5.9-21.5 9.2-33.8 9.2S40 91 30 85.1c-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.6S93.7 106.4 106 99c4.6-2.7 5.3-9 1.6-12.7"/><path fill="#bdbdbd" d="M107.7 83.3c-2.6-2.6-6.7-3.1-9.9-1.2c-9.9 5.9-21.5 9.2-33.8 9.2S40.1 88 30.2 82.1c-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.7 5.3-9 1.5-12.7"/><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"/><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"/><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"/><path fill="#bdbdbd" d="m117.8 37.9l-6.2 2.5l-7.6-18.9l6.2-2.5c1.6-.6 3.4.1 4 1.7l5.3 13.2c.7 1.6-.1 3.4-1.7 4"/><circle cx="110.5" cy="24.3" r="3" fill="#444" transform="rotate(-22.297 110.475 24.311)"/><circle cx="114.3" cy="34" r="3" fill="#444" transform="rotate(-22.297 114.3 33.982)"/><path fill="#bdbdbd" d="m10.3 37.9l6.2 2.5l7.6-18.9l-6.2-2.5c-1.6-.6-3.4.1-4 1.7L8.6 33.9c-.6 1.6.1 3.4 1.7 4"/><circle cx="17.7" cy="24.3" r="3" fill="#444" transform="rotate(-67.703 17.671 24.31)"/><circle cx="13.8" cy="34" r="3" fill="#444" transform="rotate(-67.703 13.847 33.981)"/><path fill="#212121" d="m86.9 82.5l-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.3 1.9-.9 3.8-2.8 4.1"/><path fill="#212121" d="M95.8 78.5L88.2 80c-.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.7-.4 1.3-1 1.5"/><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"/><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"/></g></svg>
Man Astronaut Medium Light Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:man-astronaut-medium-light-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:man-astronaut-medium-light-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:man-astronaut-medium-light-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--man-astronaut-medium-light-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:man-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:man-astronaut-medium-light-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/man-astronaut-medium-light-skin-tone.svg" alt="Man Astronaut Medium Light Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Man Astronaut Medium Light Skin Tone アイコン
Man Astronaut Medium Light Skin Tone アイコン のよくある質問
Man Astronaut Medium Light Skin Tone アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Astronaut Medium Light Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:man-astronaut-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Astronaut Medium Light Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/man-astronaut-medium-light-skin-tone.svg" alt="Man Astronaut Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
