Open Hands アイコン

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

はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji-high-contrast:open-hands

Open Hands アイコン(fluent-emoji-high-contrast:open-hands)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji High Contrast
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
カテゴリ: 人物・体
タグ: openhands、hand

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGkRCCwb7V)"><path fill="currentColor" d="M21.119 14.846a3.35 3.35 0 0 1 2.358-.972l.001.004c.75 0 1.477.255 2.063.722a3.3 3.3 0 0 1 4.112 1.884a3.27 3.27 0 0 1 2.057 3.018a3.4 3.4 0 0 1-.33 1.481c.4.553.617 1.218.62 1.9a3.35 3.35 0 0 1-.972 2.392l-4.65 4.65A7.23 7.23 0 0 1 16 29.756q-.081.087-.166.173a7.23 7.23 0 0 1-10.212-.007l-4.65-4.65A3.35 3.35 0 0 1 0 22.881c.004-.683.22-1.347.62-1.9A3.36 3.36 0 0 1 .29 19.5a3.28 3.28 0 0 1 2.054-3.016a3.285 3.285 0 0 1 3.056-2.06c.362 0 .72.06 1.063.176a3.3 3.3 0 0 1 2.064-.722c.883 0 1.73.35 2.357.972l1.5 1.5A3.49 3.49 0 0 1 16 15.919a3.5 3.5 0 0 1 1.467-.323a3.45 3.45 0 0 1 2.152.75zm2.861 1.126q-.242-.1-.503-.098a1.34 1.34 0 0 0-.943.386l-3.33 3.33a.15.15 0 0 1-.112.052a.16.16 0 0 1-.158-.162v-.41a1.47 1.47 0 0 0-2.434-1.113v9.033a5.3 5.3 0 0 0 1.088 1.53a5.17 5.17 0 0 0 3.676 1.518a5.23 5.23 0 0 0 3.7-1.528l4.65-4.65a1.325 1.325 0 0 0 0-1.87a1.3 1.3 0 0 0-.366-.247l-3.113 3.113a.52.52 0 0 1-.733-.01l-.008-.01c-.17-.186-.217-.514.012-.728l4.272-4.272a1.32 1.32 0 0 0-.354-1.226a1.3 1.3 0 0 0-.62-.331a1.5 1.5 0 0 1-.379.717l-.001.001l-.003.003l-4.016 4.026a.52.52 0 0 1-.733-.01a.52.52 0 0 1-.01-.734l4.293-4.294a1.295 1.295 0 0 0-.755-1.466q-.242-.1-.503-.098a1.34 1.34 0 0 0-.943.386l-.088.088l.04.229c.082.485-.06.988-.42 1.349l-2.71 2.71a.52.52 0 0 1-.734-.01a.52.52 0 0 1-.01-.734l3.003-3.004a1.295 1.295 0 0 0-.755-1.466M15.5 26.994v-9.005l-.008-.006a1.47 1.47 0 0 0-2.422 1.087v.41a.16.16 0 0 1-.158.162a.15.15 0 0 1-.112-.052l-3.33-3.33a1.34 1.34 0 0 0-1.446-.288a1.28 1.28 0 0 0-.774 1.365l3.105 3.105a.52.52 0 0 1-.01.734a.52.52 0 0 1-.733.01l-2.71-2.71a1.53 1.53 0 0 1-.42-1.35l.027-.157l-.159-.159a1.34 1.34 0 0 0-1.446-.288a1.28 1.28 0 0 0-.774 1.365l4.396 4.395a.52.52 0 0 1-.01.733a.52.52 0 0 1-.734.01L3.766 19l-.004-.004a1.5 1.5 0 0 1-.38-.732a1.3 1.3 0 0 0-.702.346a1.33 1.33 0 0 0-.373 1.124l4.375 4.374c.229.214.182.542.012.729l-.008.009a.52.52 0 0 1-.734.01l-3.137-3.138a1.3 1.3 0 0 0-.425.272a1.325 1.325 0 0 0 0 1.87l4.65 4.65a5.23 5.23 0 0 0 3.7 1.528a5.16 5.16 0 0 0 3.676-1.518a5.3 5.3 0 0 0 1.084-1.526"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>

Open Hands アイコンの使い方

React

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

<Icon icon="fluent-emoji-high-contrast:open-hands" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:open-hands" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:open-hands" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--open-hands]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:open-hands"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji-high-contrast:open-hands"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/open-hands.svg" alt="Open Hands アイコン" width="24" height="24">

Fluent Emoji High Contrast の関連アイコン

他のアイコンセットの Open Hands アイコン

Open Hands アイコンのよくある質問

Open Hands アイコンは商用利用でも無料ですか?

はい。Fluent Emoji High Contrast icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Open Hands アイコンを使うには?

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

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

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

Fluent Emoji High Contrast アイコンをすべて見る →