Raised Hand アイコン

Q: Raised Hand アイコンは商用利用でも無料ですか?

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

emojione:raised-hand

Raised Hand アイコン(emojione:raised-hand)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (Colored)
作者: Emoji One
ライセンス: CC-BY-4.0
サイズ: 64 × 64
カテゴリ: 人物
タグ: raisedhand

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ffdd67" d="M10.3 9.9c-2.2 0-3.9 1.8-3.9 4v29.4h7.8V13.9c0-2.2-1.7-4-3.9-4m21 33.4h8.3V9.8c0-2.2-1.9-4.1-4.1-4.1c-2.3 0-4.1 1.9-4.1 4.2c-.1 0-.1 33.4-.1 33.4"/><path fill="#eba352" d="M35.5 5.7c-.3 0-.5 0-.7.1c1.9.3 3.4 2 3.4 4v33.5h1.5V9.8c-.1-2.3-2-4.1-4.2-4.1"/><path fill="#ffdd67" d="M14.2 43.3h8.5V9.1c0-2.4-1.9-4.3-4.3-4.3s-4.3 1.9-4.3 4.3z"/><path fill="#eba352" d="M18.5 4.8c-.3 0-.5 0-.7.1c2 .4 3.5 2.1 3.5 4.3v21.3l1.5 2.1V9.1c0-2.4-1.9-4.3-4.3-4.3"/><path fill="#ffdd67" d="M22.8 40.5h8.5V6.3C31.3 3.9 29.4 2 27 2s-4.3 1.9-4.3 4.3z"/><path fill="#eba352" d="M27 2c-.3 0-.5 0-.7.1c2 .4 3.5 2.1 3.5 4.3v24.1l1.5 2.1V6.3C31.3 3.9 29.4 2 27 2M10.3 9.9c-.3 0-.5 0-.7.1c1.8.4 3.2 2 3.2 3.9v17.5l1.5 2.1V13.9c-.1-2.2-1.8-4-4-4"/><path fill="#ffdd67" d="M57.7 29.3c-1.6-3.1-6.6-2.9-11.7 2.7c-3.6 3.9-4.3 5.2-7.9 5.1V33s-31.7.1-31.7 2.6c0 0-1.5 11.1 1.6 18.1c4.6 10.4 26.2 12 35.3-4.9c5.3-10 16.1-16.2 14.4-19.5"/><path fill="#eba352" d="M57.7 29.3c-.3-.6-.7-1-1.2-1.4c.1.1.2.2.2.4c1.7 3.4-3.4 6.9-7 10.5c-2.9 2.9-5.7 5.9-7.1 9.4c-6.4 15.3-25 15.3-32.8 8.3c7.1 8 27 8.7 33.8-7.3c1.5-3.5 4.1-6.4 7.1-9.4c3.6-3.7 8.7-7.2 7-10.5m-18.6 7.8c-5.9-2.1-18.1 2-16.5 13.7c0-10.9 9.9-13.6 15.3-13.6c.7-.1 1.2-.1 1.2-.1"/></svg>

Raised Hand アイコンの使い方

React

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

<Icon icon="emojione:raised-hand" width="24" />

Vue

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

<template>
  <Icon icon="emojione:raised-hand" width="24" />
</template>

Svelte

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

<Icon icon="emojione:raised-hand" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--raised-hand]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:raised-hand"></div>

Web コンポーネント

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

<iconify-icon icon="emojione:raised-hand"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione/raised-hand.svg" alt="Raised Hand アイコン" width="24" height="24">

Emoji One (Colored) の関連アイコン

他のアイコンセットの Raised Hand アイコン

Raised Hand アイコンのよくある質問

Raised Hand アイコンは商用利用でも無料ですか?

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

React で Raised Hand アイコンを使うには?

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

Raised Hand アイコンをウェブページに追加するには?

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

Emoji One (Colored) アイコンをすべて見る →