Man Blond Hair アイコン
noto:man-blond-hair
Man Blond Hair アイコン(noto:man-blond-hair)は、Noto Emoji セットの無料 SVG アイコンです(作者: Google Inc)。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 人物・体
- タグ
- manblond、blondhair、manblondhair、blond haired man
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><linearGradient id="SVGGXxmwbrW" x1="64" x2="64" y1="101.076" y2="122.704" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00BFA5"/><stop offset=".705" stop-color="#00B29A"/><stop offset="1" stop-color="#00AB94"/></linearGradient><path fill="url(#SVGGXxmwbrW)" d="M64.13 94.68H64c-25.49.03-51.13 7.5-51.13 25.28v4.07h102.27v-4.07c-.01-16.76-25.41-25.28-51.01-25.28"/><path fill="#E59600" d="M64 90.08h-9.08v9.98c0 4.51 3.7 8.17 8.26 8.17h1.65c4.56 0 8.26-3.66 8.26-8.17v-9.98zm27.33-39.65H36.67c-5.89 0-10.71 5.14-10.71 11.41s4.82 11.41 10.71 11.41h54.65c5.89 0 10.71-5.14 10.71-11.41s-4.81-11.41-10.7-11.41"/><path fill="#FFCA28" d="M64 10.07c-17.4 0-33.52 18.61-33.52 45.39c0 26.64 16.61 39.81 33.52 39.81S97.52 82.1 97.52 55.46c0-26.78-16.12-45.39-33.52-45.39"/><path fill="#F09300" d="M39.82 50.73c3.18-4.51 10.66-4.66 14.41-.82c.65.67 1.34 1.54.85 2.5c-.54 1.07-1.65.9-2.56.53c-2.43-.98-4.94-1.42-7.55-.89c-1.13.23-2.1.7-3.17 1.08c-1.44.49-2.91-1.01-1.98-2.4m46.45 2.4c-2.23-.97-4.49-1.53-6.95-1.25c-1.12.13-2.22.42-3.26.83c-.83.33-1.72.86-2.58.27c-2.45-1.69 1.89-4.44 3.17-4.99c2.76-1.2 6.05-1.08 8.72.31c1.06.55 2.21 1.35 2.84 2.4c.79 1.32-.39 3.06-1.94 2.43"/><g fill="#404040"><ellipse cx="47.37" cy="58.81" rx="4.93" ry="5.1"/><ellipse cx="80.63" cy="58.81" rx="4.93" ry="5.1"/></g><path fill="#E59600" d="M67.86 68.06c-.11-.04-.21-.07-.32-.08h-7.07c-.11.01-.22.04-.32.08c-.64.26-.99.92-.69 1.63s1.71 2.69 4.55 2.69s4.25-1.99 4.55-2.69c.29-.71-.06-1.37-.7-1.63"/><path fill="#795548" d="M72.42 76.14c-3.19 1.89-13.63 1.89-16.81 0c-1.83-1.09-3.7.58-2.94 2.24c.75 1.63 6.45 5.42 11.37 5.42s10.55-3.79 11.3-5.42c.75-1.66-1.09-3.33-2.92-2.24"/><path fill="#FFE13B" d="M64 4.03h-.04c-45.43.24-36.12 52.14-36.12 52.14s2.04 5.35 2.97 7.71c.13.34.63.3.71-.05c.97-4.34 4.46-19.73 6.22-24.4a6.075 6.075 0 0 1 6.79-3.83c4.45.81 11.55 1.81 19.37 1.81h.16c7.83 0 14.92-1 19.37-1.81c2.9-.53 5.76 1.08 6.79 3.83c1.75 4.66 5.22 19.96 6.2 24.36c.08.36.58.39.71.05l2.98-7.67c.02 0 9.33-51.9-36.11-52.14"/><radialGradient id="SVGkdFJndjb" cx="63.515" cy="41.694" r="36.511" gradientUnits="userSpaceOnUse"><stop offset=".699" stop-color="#FFEE58" stop-opacity="0"/><stop offset="1" stop-color="#FFEE58"/></radialGradient><path fill="url(#SVGkdFJndjb)" d="M100.13 56.17S109.44 4.27 64 4.03h-.04c-.71 0-1.4.02-2.08.05c-1.35.06-2.66.16-3.91.31h-.04c-.09.01-.17.03-.26.04c-38.25 4.81-29.83 51.74-29.83 51.74l2.98 7.68c.13.34.62.31.7-.05c.98-4.38 4.46-19.71 6.22-24.37a6.075 6.075 0 0 1 6.79-3.83c4.45.81 11.55 1.81 19.37 1.81h.16c7.83 0 14.92-1 19.37-1.81c2.9-.53 5.76 1.08 6.79 3.83c1.76 4.68 5.25 20.1 6.22 24.42c.08.35.57.39.7.05c.94-2.36 2.99-7.73 2.99-7.73"/></svg>Man Blond Hair アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto:man-blond-hair" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:man-blond-hair" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:man-blond-hair" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--man-blond-hair]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:man-blond-hair"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:man-blond-hair"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto/man-blond-hair.svg" alt="Man Blond Hair アイコン" width="24" height="24">Noto Emoji の関連アイコン
man
man-artist
man-artist-dark-skin-tone
man-artist-light-skin-tone
man-artist-medium-dark-skin-tone
man-artist-medium-light-skin-tone
man-artist-medium-skin-tone
man-astronaut
man-astronaut-dark-skin-tone
man-astronaut-light-skin-tone
man-astronaut-medium-dark-skin-tone
man-astronaut-medium-light-skin-tone
man-astronaut-medium-skin-tone
man-bald
man-beard
man-biking
man-biking-dark-skin-tone
man-biking-light-skin-tone
man-biking-medium-dark-skin-tone
man-biking-medium-light-skin-tone
man-biking-medium-skin-tone
man-bouncing-ball
man-bouncing-ball-dark-skin-tone
man-bouncing-ball-light-skin-tone
他のアイコンセットの Man Blond Hair アイコン
Man Blond Hair アイコン のよくある質問
Man Blond Hair アイコンは商用利用でも無料ですか?
はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Blond Hair アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto:man-blond-hair" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Blond Hair アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/man-blond-hair.svg" alt="Man Blond Hair アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。