Man Getting Haircut Medium Light Skin Tone アイコン
noto-v1:man-getting-haircut-medium-light-skin-tone
Man Getting Haircut Medium Light Skin Tone アイコン(noto-v1:man-getting-haircut-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
- カテゴリ
- 人物・体
- タグ
- mangetting、gettinghaircut、haircutmedium、mediumlight、lightskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGRGcJXxLt" d="M0 .21h128v128H0z"/></defs><clipPath id="SVGMdrEea7K"><use href="#SVGRGcJXxLt"/></clipPath><g clip-path="url(#SVGMdrEea7K)"><defs><path id="SVGVZAuqeMz" d="m95.23 50.53l4.89.57l.21-1.8l.11-.97l.11-.97l-6.4-.74l-32.72-3.77c-2.07-.24-4.11.34-5.74 1.64a7.73 7.73 0 0 0-2.9 5.21l-.11.97l34.74 4c2.07.24 4.11-.34 5.74-1.64c.87-.68 1.57-1.54 2.07-2.5"/></defs><use fill="#bdbdbd" href="#SVGVZAuqeMz"/><clipPath id="SVGOqem9c6j"><use href="#SVGVZAuqeMz"/></clipPath><path fill="#848484" d="m86.24 54.54l3.83-8.39l2.2.26l-3.83 8.39z" clip-path="url(#SVGOqem9c6j)"/><path fill="#dd5322" d="m98.43 48.42l-.14 1.23c-.13 1.15.69 2.2 1.85 2.33l2.46.29c1.15.13 2.2-.69 2.33-1.85l.14-1.23c.13-1.15-.69-2.2-1.85-2.33l-2.46-.29c-1.16-.12-2.2.7-2.33 1.85"/><path fill="#dd5322" d="M102.7 46.93c1-2.53 2.92-4.51 5.42-5.59c5.15-2.23 11.15.15 13.37 5.3c2.23 5.15-.15 11.15-5.3 13.37c-5.15 2.23-11.15-.15-13.37-5.3c-.72-1.66-.98-3.44-.77-5.19c.09-.88.31-1.75.65-2.59m14.76 1.45a5.72 5.72 0 0 0-3.18-3.08a5.77 5.77 0 0 0-4.43.07a5.72 5.72 0 0 0-3.08 3.18c-.57 1.44-.54 3.01.07 4.43a5.79 5.79 0 0 0 7.61 3.01a5.8 5.8 0 0 0 3.45-4.65c.11-.98-.02-2-.44-2.96"/></g><g clip-path="url(#SVGMdrEea7K)"><path fill="#dd5322" d="M93.37 34.17c-1.6-.73-3-1.87-4.05-3.35c-3.26-4.57-2.19-10.93 2.37-14.19c4.57-3.26 10.93-2.19 14.19 2.37c3.26 4.57 2.19 10.93-2.37 14.19c-2.21 1.58-4.91 2.2-7.59 1.75c-.89-.14-1.74-.41-2.55-.77m6.64-14.52a5.8 5.8 0 0 0-5.77.55c-2.6 1.85-3.2 5.47-1.35 8.07c.9 1.26 2.23 2.09 3.76 2.35c1.52.26 3.06-.1 4.32-1s2.09-2.23 2.35-3.76a5.78 5.78 0 0 0-1-4.32a5.85 5.85 0 0 0-2.31-1.89"/><g fill="#bdbdbd"><path d="M91.32 41.05a6.833 6.833 0 0 0-9.04 3.37l-14.1 30.93c3.43 1.56 7.47.05 9.04-3.37l16.35-35.82"/><path d="M67.78 76.24s-.01 0 0 0l-.89-.41L81.4 44.02a7.75 7.75 0 0 1 4.36-4.07c1.64-.61 3.4-.66 5.05-.14l1.86-4.07l1.77.81L78.1 72.38a7.75 7.75 0 0 1-4.36 4.07a7.75 7.75 0 0 1-5.96-.21M90 41.61a5.83 5.83 0 0 0-6.82 3.22L69.5 74.8c1.17.31 2.4.26 3.55-.17a5.8 5.8 0 0 0 3.27-3.05z"/></g><path fill="#bdbdbd" d="m91.032 35.003l3.422 1.559l-2.67 5.86l-3.422-1.559z"/><path fill="#dd5322" d="m92.44 37.83l-1.12-.51a2.096 2.096 0 0 1-1.04-2.78l1.03-2.25a2.096 2.096 0 0 1 2.78-1.04l1.12.51c1.06.48 1.52 1.73 1.04 2.78l-1.03 2.25a2.1 2.1 0 0 1-2.78 1.04"/><circle cx="83.55" cy="49.82" r="1.54" transform="rotate(-83.391 83.55 49.82)"/></g><g clip-path="url(#SVGMdrEea7K)"><path fill="#00bfa5" d="M44.09 101.59c-5.94-1.1-28.92-1.1-34.87 0c-18.79 3.47-32.57 11.51-32.57 28.68v58.48l50 .01l50-.01v-58.48c.01-17.16-13.77-25.21-32.56-28.68"/><path fill="#fbc11b" d="M57.11 144.97h11.42v40.48H57.11z"/><path fill="#c48e6a" d="M26.89 94.56h-9.08v9.59c0 4.34 3.7 7.86 8.26 7.86h1.65c4.56 0 8.26-3.52 8.26-7.86v-9.59z"/><path fill="#444" d="M19.01 64c0 2.91-1.94 5.26-4.35 5.26S10.3 66.9 10.3 64c0-2.91 1.96-5.27 4.36-5.27s4.35 2.36 4.35 5.27"/><path fill="#e0bb95" d="M26.94 17.86c-24.91 0-31.42 19.31-31.42 46.43s19.32 35.4 31.42 35.4s31.42-8.27 31.42-35.4s-6.51-46.43-31.42-46.43"/><path fill="#5d4037" d="M16.2 65.4c0 2.91-1.95 5.27-4.36 5.27s-4.37-2.36-4.37-5.27c0-2.92 1.96-5.27 4.37-5.27c2.41-.01 4.36 2.35 4.36 5.27m21.48 0c0 2.91 1.95 5.27 4.37 5.27c2.41 0 4.36-2.36 4.36-5.27c0-2.92-1.96-5.27-4.36-5.27c-2.42-.01-4.37 2.35-4.37 5.27m-1.29 17.79H17.51c-1.08 0-1.55.73-.83 1.82c1 1.53 4.72 4.46 10.28 4.46s9.27-2.94 10.28-4.46c.69-1.09.23-1.82-.85-1.82"/><path fill="#c48e6a" d="M31.5 75.75c-1.61.46-3.27.68-4.56.68s-2.96-.22-4.56-.68c-.69-.19-.96.46-.71.89c.51.9 2.56 2.71 5.27 2.71s4.76-1.81 5.27-2.71c.25-.43-.02-1.08-.71-.89m28-17.69s5.89 1.02 5.89 7.37c0 5.6-4.3 7.81-8.6 7.81V58.06z"/><path fill="#e39400" d="M-4.78 58.06s-5.89 1.02-5.89 7.37c0 5.6 4.3 7.81 8.6 7.81V58.06z"/><path fill="#bfa055" d="M28.12 12.88s-.5-.02-.71-.01c-.21 0-.71.01-.71.01C-.71 13.41-8.97 29.9-8.97 41.34c0 11.11.01 19.28.01 19.28s.44-.45 1.24-1.08c.86-.67 1.81-1.04 1.81-1.04l1.38 9.28L4.6 48.7c.06-.12.18-.19.31-.17l5.41.6c5.44.6 10.91.9 16.37.91v.01c.24 0 .47-.01.71-.01s.47.01.71.01v-.01c5.46-.02 10.93-.31 16.37-.91l5.41-.6c.13-.01.25.06.31.17l9.13 19.08l1.38-9.28s.95.38 1.81 1.04c.81.63 1.24 1.08 1.24 1.08s.01-8.16.01-19.28c.02-11.44-8.24-27.93-35.65-28.46"/></g><path fill="#bfa055" d="M77.54 52.75s-3.17 2.67-8 1.83c-5.78-1-12.67-8.17-12.67-8.17l4.05-16.38s1.92 2.33 3.91 7.01c1.25 2.95 3.08 11.03 6.37 13.37c3.14 2.24 6.34 2.34 6.34 2.34" clip-path="url(#SVGMdrEea7K)"/></svg>
Man Getting Haircut Medium Light Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:man-getting-haircut-medium-light-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:man-getting-haircut-medium-light-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:man-getting-haircut-medium-light-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--man-getting-haircut-medium-light-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:man-getting-haircut-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-getting-haircut-medium-light-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/man-getting-haircut-medium-light-skin-tone.svg" alt="Man Getting Haircut Medium Light Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Man Getting Haircut Medium Light Skin Tone アイコン
Man Getting Haircut Medium Light Skin Tone アイコン のよくある質問
Man Getting Haircut Medium Light Skin Tone アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Getting Haircut Medium Light Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:man-getting-haircut-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Getting Haircut Medium Light Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/man-getting-haircut-medium-light-skin-tone.svg" alt="Man Getting Haircut Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
