Man Gesturing No Medium Light Skin Tone アイコン

Q: Man Gesturing No Medium Light Skin Tone アイコンは商用利用でも無料ですか?

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

twemoji:man-gesturing-no-medium-light-skin-tone

Man Gesturing No Medium Light Skin Tone アイコン(twemoji:man-gesturing-no-medium-light-skin-tone)は、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、gesturingno、nomedium、mediumlight、lightskin、skintone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f3d2a2" d="M28.752 13.715c0-1.548-.769-2.801-1.729-2.852V6.25l-18-.312v4.926c-.96.051-1.729 1.304-1.729 2.852s.77 2.801 1.729 2.852V17c0 4.971 4.029 9 9 9s9-4.029 9-9v-.433c.96-.051 1.729-1.304 1.729-2.852"/><path fill="#ffe51e" d="M18.023.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="#c1694f" d="M14.023 22h8s-1 2-4 2s-4-2-4-2"/><path fill="#2a6797" d="M6 28h24v8H6z"/><path fill="#c1694f" d="M19.023 19.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1"/><path fill="#662113" d="M14.023 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"/><path fill="#e2c196" d="M3.195 18.025c.263-.484.776-.74 1.268-.694c.034-.064 7.084 2.942 7.084 2.942l-1.268 1.547c-.7.854-1.907 1.023-2.696.376l-1.677-1.375l-2.26-1.137c-.586-.297-.788-1.039-.451-1.659"/><path fill="#f3d2a2" d="M.365 14.985c-.35.427-.315 1.035.08 1.359l4.917 2.738l3.569 2.926c.395.323.998.239 1.348-.188l1.268-1.547l-1.428-1.17l-3.223-1.893l-5.183-2.413c-.001 0-.998-.239-1.348.188"/><path fill="#4289c1" d="M9.52 18.438s19.597 8.657 20.108 8.884c1.19.529 3.154 1.7 3.154 3.678l-.351 4.75a.25.25 0 0 1-.25.25h-3.323a.25.25 0 0 1-.139-.043L9.279 22.898a.25.25 0 0 1-.111-.207v-4.025a.25.25 0 0 1 .352-.228"/><path fill="#2a6797" d="m18.226 22.266l-.779-.324l-6.462 2.109l1.482 1.031zm5.203 2.316l1.007.445l-5.175 4.594l-3.821-.025z"/><path fill="#e2c196" d="M32.752 18.025a1.32 1.32 0 0 0-1.268-.694c-.034-.064-7.084 2.942-7.084 2.942l1.268 1.547c.7.854 1.907 1.023 2.696.376l1.677-1.375l2.26-1.137c.586-.297.788-1.039.451-1.659"/><path fill="#f3d2a2" d="M35.582 14.985c.35.427.315 1.035-.08 1.359l-4.917 2.738l-3.569 2.926c-.395.323-.998.239-1.348-.188L24.4 20.273l1.428-1.17l3.223-1.892l5.183-2.413c0-.001.998-.24 1.348.187"/><path fill="#4289c1" d="M26.427 18.438S6.83 27.095 6.319 27.322c-1.19.529-3.154 1.7-3.154 3.678l.351 4.75c0 .138.112.25.25.25h3.323q.076 0 .139-.043l19.439-13.059a.25.25 0 0 0 .111-.207v-4.025a.25.25 0 0 0-.351-.228"/></svg>

Man Gesturing No Medium Light Skin Tone アイコンの使い方

React

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

<Icon icon="twemoji:man-gesturing-no-medium-light-skin-tone" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:man-gesturing-no-medium-light-skin-tone" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:man-gesturing-no-medium-light-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--man-gesturing-no-medium-light-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:man-gesturing-no-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="twemoji:man-gesturing-no-medium-light-skin-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/man-gesturing-no-medium-light-skin-tone.svg" alt="Man Gesturing No Medium Light Skin Tone アイコン" width="24" height="24">

Twitter Emoji の関連アイコン

他のアイコンセットの Man Gesturing No Medium Light Skin Tone アイコン

Man Gesturing No Medium Light Skin Tone アイコンのよくある質問

Man Gesturing No Medium Light Skin Tone アイコンは商用利用でも無料ですか?

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

React で Man Gesturing No Medium Light Skin Tone アイコンを使うには?

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

Man Gesturing No Medium Light Skin Tone アイコンをウェブページに追加するには?

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

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