Person Gesturing Ok アイコン
noto-v1:person-gesturing-ok
Person Gesturing Ok アイコン(noto-v1:person-gesturing-ok)は、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
- カテゴリ
- 人物・体
- タグ
- persongesturing、gesturingok、persongesturingok
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" cy="46.11" fill="#6d4c41" rx="42" ry="39.5"/></g><path fill="#6d4c41" d="M28.51 113.53C22 91.19 22 45.39 22 45.39l84-.33s0 41.49-4.88 68.19z" clip-path="url(#SVGBOv6peZo)"/><path fill="#651fff" d="m92.83 92.53l3.69-11.17l5.15 13.89v13.54H63.89V95.25c13.14-.46 25.82 5.35 28.94-2.72m-57.87 0l-3.69-11.17l-5.15 13.89v13.54h37.77V95.25c-13.14-.46-25.82 5.35-28.93-2.72" clip-path="url(#SVGBOv6peZo)"/><path fill="#651fff" d="M20.43 118.09v9.89h87.14v-9.89c0-15.17-21.39-22.87-43.24-22.84c-21.72.03-43.9 6.78-43.9 22.84" clip-path="url(#SVGBOv6peZo)"/><path fill="#e49800" d="M63.95 90.25h-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" clip-path="url(#SVGBOv6peZo)"/><path fill="#fbc11b" d="M63.89 13.57c-24.35 0-30.72 18.87-30.72 45.39c0 26.51 18.89 34.6 30.72 34.6s30.72-8.09 30.72-34.6s-6.37-45.39-30.72-45.39" clip-path="url(#SVGBOv6peZo)"/><path fill="#513f35" d="M73.23 78.11H54.77c-1.06 0-1.51.71-.81 1.78c.98 1.49 4.61 4.36 10.04 4.36s9.06-2.87 10.04-4.36c.7-1.07.25-1.78-.81-1.78" clip-path="url(#SVGBOv6peZo)"/><g fill="#444" clip-path="url(#SVGBOv6peZo)"><path d="M53.5 60.73c0 2.84-1.9 5.15-4.26 5.15c-2.35 0-4.27-2.3-4.27-5.15s1.91-5.15 4.27-5.15c2.36-.01 4.26 2.3 4.26 5.15m20.99 0c0 2.84 1.9 5.15 4.27 5.15c2.35 0 4.26-2.3 4.26-5.15s-1.91-5.15-4.26-5.15c-2.36-.01-4.27 2.3-4.27 5.15"/></g><path fill="#e49500" d="M68.4 70.27c-1.57.44-3.2.66-4.46.66s-2.89-.22-4.46-.66c-.67-.19-.94.45-.69.87c.5.88 2.5 2.64 5.15 2.64s4.65-1.77 5.15-2.64c.25-.43-.01-1.06-.69-.87" clip-path="url(#SVGBOv6peZo)"/><path fill="#6d4c41" d="M73.07 34.43c-3.23 3.11-19.29 17.78-43.32 21.55V26.11S41.21 7.16 64.13 7.16S96.6 26.59 96.6 26.59l1.76 29.19s-16.78-5.76-24.32-21.17a.61.61 0 0 0-.97-.18" clip-path="url(#SVGBOv6peZo)"/><g clip-path="url(#SVGBOv6peZo)"><path fill="#fbc11b" d="M97.17 14.47c-2.56-2.83-7.07-5.49-11.97-7.34c-7.59-2.88-10.29-3.51-14.61-3.54c-1.97-.01-2.85.52-2.51 1.6c.37 1.19 1.35 2.25 3.94 2.37c3.96.32 6.28 1.75 9.96 3.84c1.73.83 3.09 5.02 4.92 6.33c1.69 1.2 5.83 5.21 7.02 12.36c.35 2.1 9.64.98 9.75-3.22c.03-1.2-1.85-7.26-6.5-12.4"/><path fill="#651fff" d="m82.03 142.79l7.13-1.86c13.12-3.43 18.99-.26 24.58-29.31l9.08-45.04c.13-.64.25-1.29.3-1.94c0-.04.01-.09.01-.13c.19-2.85-.49-5.7-1.73-8.28l-18.6-39.07c-.42-1.04-1.78-1.68-2.89-1.15l-9.87 5.5c-1.24.69-1.31 1.91-1.02 2.91l9.13 32.85c.69 2.42.92 4.97.47 7.44c-.02.08-.03.17-.05.25c-.12.61-6.67 30.38-6.67 30.38z"/></g><g clip-path="url(#SVGBOv6peZo)"><path fill="#fbc11b" d="M30.61 14.47c2.56-2.83 7.07-5.49 11.97-7.34c7.59-2.88 10.29-3.51 14.61-3.54c1.97-.01 2.85.52 2.51 1.6c-.37 1.19-1.35 2.25-3.94 2.37c-3.96.32-6.28 1.75-9.96 3.84c-1.73.83-3.09 5.02-4.92 6.33c-1.69 1.2-5.83 5.21-7.02 12.36c-.35 2.1-9.64.98-9.75-3.22c-.03-1.2 1.86-7.26 6.5-12.4"/><path fill="#651fff" d="m45.75 142.79l-7.13-1.86c-13.12-3.43-18.99-.26-24.58-29.31L4.95 66.58c-.13-.64-.25-1.29-.3-1.94c0-.04-.01-.09-.01-.13c-.19-2.85.49-5.7 1.73-8.28l18.6-39.07c.42-1.04 1.78-1.68 2.89-1.15l9.87 5.5c1.24.69 1.31 1.91 1.02 2.91l-9.13 32.85c-.69 2.42-.92 4.97-.47 7.44c.02.08.03.17.05.25c.12.61 6.67 30.38 6.67 30.38z"/></g></svg>
Person Gesturing Ok アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:person-gesturing-ok" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:person-gesturing-ok" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:person-gesturing-ok" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--person-gesturing-ok]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:person-gesturing-ok"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:person-gesturing-ok"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/person-gesturing-ok.svg" alt="Person Gesturing Ok アイコン" width="24" height="24">
他のアイコンセットの Person Gesturing Ok アイコン
Person Gesturing Ok アイコン のよくある質問
Person Gesturing Ok アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Person Gesturing Ok アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:person-gesturing-ok" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person Gesturing Ok アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/person-gesturing-ok.svg" alt="Person Gesturing Ok アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
