Hand アイコン

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

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

radix-icons:hand

Hand アイコン(radix-icons:hand)は、Radix Icons セットの無料 SVG アイコンです（作者: WorkOS）。 15 × 15 のグリッドで描かれています。 Radix Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Radix Icons
作者: WorkOS
ライセンス: MIT
サイズ: 15 × 15

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.654 0c.744.008 1.56.448 1.759 1.361q.147-.143.322-.244c.376-.217.8-.257 1.188-.169c.768.176 1.435.863 1.498 1.814l.005.07c.31-.227.702-.306 1.15-.217c.404.08.911.377 1.198 1.015c.282.629.321 1.523-.045 2.762c-.331 1.12-.705 2.057-1.042 2.9c-.165.413-.322.805-.46 1.185c-.425 1.17-.728 2.344-.728 4.023a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5c0-1.037-.69-2.01-1.638-3.04q-.346-.373-.704-.741l-.007-.006c-.24-.247-.48-.497-.706-.745c-.448-.49-.87-1.004-1.139-1.54c-.238-.457-.407-1.115-.204-1.665l.003-.009c.136-.35.35-.662.674-.87c.326-.208.71-.277 1.125-.236c.616.06 1.06.334 1.435.665a22 22 0 0 0-.496-1.251l-.066-.158c-.252-.601-.512-1.236-.684-1.907l-.002-.01a1.82 1.82 0 0 1 .446-1.668a1.61 1.61 0 0 1 1.73-.402c.66.232 1.128.757 1.465 1.35q.03-.377.092-.774V1.49C5.989.466 6.865-.008 7.654 0m-.011 1c-.42-.004-.764.228-.832.648c-.19 1.231-.129 2.237-.043 3.657q.025.388.049.823a.5.5 0 0 1-.992.115l-.077-.436c-.104-.642-.264-1.552-.57-2.36c-.315-.834-.73-1.406-1.244-1.587a.61.61 0 0 0-.676.15a.82.82 0 0 0-.195.744c.152.59.384 1.162.636 1.764l.067.162c.23.545.47 1.117.65 1.71v.003c.146.483.24.866.315 1.169q.044.18.081.322a.5.5 0 0 1-.813.504a10 10 0 0 1-.681-.67l-.121-.13c-.15-.16-.28-.3-.413-.428c-.324-.309-.6-.48-.978-.516h-.003c-.242-.025-.389.02-.485.083c-.099.063-.198.177-.28.385c-.062.173-.023.518.155.857l.004.009c.203.407.548.838.984 1.315q.326.353.689.725l.01.01c.235.244.48.496.717.754c.832.904 1.68 1.972 1.865 3.218h6.046c.055-1.565.368-2.732.78-3.865c.157-.434.324-.85.495-1.277c.327-.816.667-1.669.987-2.75c.328-1.11.24-1.737.09-2.068c-.143-.321-.369-.422-.479-.444c-.243-.048-.343.013-.412.083c-.103.104-.2.304-.277.624c-.076.31-.117.662-.16 1.022l-.002.028c-.038.32-.08.677-.163.948a.54.54 0 0 1-.17.274a.5.5 0 0 1-.366.118c-.289-.024-.46-.272-.466-.545c-.01-.394.024-.79.043-1.182c.035-.73.069-1.433.016-2.132V2.83c-.032-.499-.375-.827-.723-.906a.64.64 0 0 0-.466.06c-.132.076-.28.23-.378.53l-.001.005c-.041.123-.083.36-.12.695c-.036.323-.062.7-.084 1.081a78 78 0 0 0-.048.968c-.017.383-.032.712-.048.891a.5.5 0 0 1-.061.204c-.022.04-.134.252-.424.261a.51.51 0 0 1-.454-.259c-.061-.11-.067-.24-.07-.366l-.006-.445c-.002-.341-.002-.728-.002-.838c0-1.044-.001-2.056-.092-3.066c-.056-.403-.385-.64-.804-.644"/></svg>

Hand アイコンの使い方

React

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

<Icon icon="radix-icons:hand" width="24" />

Vue

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

<template>
  <Icon icon="radix-icons:hand" width="24" />
</template>

Svelte

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

<Icon icon="radix-icons:hand" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="radix-icons:hand"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

Radix Icons をすべて見る →