ICONYZ
日本語
Twitter Emoji の Man Gesturing Ok アイコン

Man Gesturing Ok アイコン

twemoji:man-gesturing-ok

Man Gesturing Ok アイコン(twemoji:man-gesturing-ok)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Twitter Emoji
作者
Twitter
ライセンス
CC-BY-4.0
サイズ
36 × 36
カテゴリ
人物・体
タグ
mangesturing、gesturingok、mangesturingok
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffdc5d" d="M21 25.477c3.493-1.237 6-4.56 6-8.477v-.433c.96-.051 1.729-1.304 1.729-2.852S27.96 10.914 27 10.863V7H9v3.863c-.96.051-1.729 1.304-1.729 2.852s.77 2.801 1.729 2.852V17c0 3.917 2.507 7.24 6 8.477V27h6z"/><path fill="#ffac33" d="M18 .823c-7.019 0-10.139 4.684-10.139 8.588s1.343 4.986 1.56 3.903c.78-3.903 3.12-5.101 3.12-5.101c4.68 3.904 3.9.781 3.9.781c4.679 4.684 2.34 0 2.34 0c1.56 1.562 6.239 1.562 6.239 1.562s.78 1.198 1.559 2.759c.78 1.562 1.56 0 1.56-3.903c0-3.905-3.9-8.589-10.139-8.589"/><path fill="#4289c1" d="M32 6.625L29 5l-2 1.625s3 7.25 3 11.125s-3.999 9.249-4 9.25H10c-.001-.001-4-5.375-4-9.25S9 6.625 9 6.625L7 5L4 6.625S0 13.75 0 17.75S5 36 5 36h26s5-14.25 5-18.25s-4-11.125-4-11.125"/><path fill="#ffdc5d" d="M18 31a3 3 0 0 0 3-3v-2h-6v2a3 3 0 0 0 3 3m1.24-28.604c.042-.521.593-.727 1.146-.708c0 0 5.456.311 7.521 1.271C30.522 4.174 32 6.625 32 6.625h-5S25.917 5.104 25.062 4.5c-.881-.623-4.222-1.215-4.719-1.312s-1.145-.271-1.103-.792m-2.48 0c-.042-.521-.593-.727-1.146-.708c0 0-5.456.311-7.521 1.271C5.478 4.174 4 6.625 4 6.625h5s1.083-1.521 1.938-2.125c.881-.623 4.222-1.215 4.719-1.312c.496-.098 1.145-.271 1.103-.792"/><path fill="#c1694f" d="M14 22h8s-1 2-4 2s-4-2-4-2m5-2.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1"/><path fill="#662113" d="M14 16a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1m8 0a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1"/></svg>

Man Gesturing Ok アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="twemoji:man-gesturing-ok" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="twemoji:man-gesturing-ok" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="twemoji:man-gesturing-ok" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--man-gesturing-ok]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:man-gesturing-ok"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="twemoji:man-gesturing-ok"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/man-gesturing-ok.svg" alt="Man Gesturing Ok アイコン" width="24" height="24">

Twitter Emoji の関連アイコン

他のアイコンセットの Man Gesturing Ok アイコン

Man Gesturing Ok アイコン のよくある質問

Man Gesturing Ok アイコンは商用利用でも無料ですか?

はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Man Gesturing Ok アイコンを使うには?

@iconify/react をインストールして <Icon icon="twemoji:man-gesturing-ok" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Man Gesturing Ok アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/man-gesturing-ok.svg" alt="Man Gesturing Ok アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Twitter Emoji アイコン をすべて見る →