Hands Clapping Thin アイコン

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

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

ph:hands-clapping-thin

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

アイコンセット: Phosphor
作者: Phosphor Icons
ライセンス: MIT
サイズ: 256 × 256
タグ: emoji、clap、applause、handsclapping、clappingthin、handsclappingthin、hand

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M164.22 24V8a4 4 0 0 1 8 0v16a4 4 0 0 1-8 0m34 13.55a4 4 0 0 0 5.51-1.33l8-13.11a4 4 0 0 0-6.84-4.17l-8 13.11a4 4 0 0 0 1.3 5.5Zm41.62 17.23a4 4 0 0 0-5.05-2.58l-15.09 4.85a4 4 0 0 0 1.23 7.8a4 4 0 0 0 1.23-.19l15.06-4.85a4 4 0 0 0 2.59-5.03ZM203 189.66c-.37 2-.81 4-1.34 6A76.18 76.18 0 0 1 62.22 214L27 153a22 22 0 0 1 22.76-32.69L43.19 109a22 22 0 0 1 22.73-32.68L61.69 69a22 22 0 0 1 35.18-26a21.83 21.83 0 0 1 9.85-12a22.08 22.08 0 0 1 30.1 8l15.79 27.3a22.05 22.05 0 0 1 39.73-3.3l21.14 36.57A76.19 76.19 0 0 1 203 189.66M161.08 81l33 57.05a75.5 75.5 0 0 1 10.21 37.24a68.26 68.26 0 0 0 2.27-71.66L185.4 67a14 14 0 0 0-24.32 14m-55.49-24l28.54 49.29a22 22 0 0 1 24.28-14L129.88 43a14 14 0 1 0-24.29 14m-37 8l10 17.27a22 22 0 0 1 24.27-14L92.91 51a14 14 0 1 0-24.28 14Zm118.5 77l-20.19-35a14 14 0 0 0-24.67 13.26l12.6 21.74a4 4 0 1 1-6.93 4l-36.51-63a14 14 0 0 0-19.15-5.11A14 14 0 0 0 87.09 97l26.05 45a4 4 0 0 1-1.46 5.47a4 4 0 0 1-5.48-1.46L74.42 91a14 14 0 0 0-24.28 14l35.23 61a4 4 0 0 1-6.94 4l-20.25-35a14 14 0 0 0-24.29 14l35.27 61a68.09 68.09 0 0 0 118-68Z"/></svg>

Hands Clapping Thin アイコンの使い方

React

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

<Icon icon="ph:hands-clapping-thin" width="24" />

Vue

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

<template>
  <Icon icon="ph:hands-clapping-thin" width="24" />
</template>

Svelte

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

<Icon icon="ph:hands-clapping-thin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--hands-clapping-thin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:hands-clapping-thin"></div>

Web コンポーネント

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

<iconify-icon icon="ph:hands-clapping-thin"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ph/hands-clapping-thin.svg" alt="Hands Clapping Thin アイコン" width="24" height="24">

Phosphor の関連アイコン

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

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

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

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

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

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

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

Phosphor アイコンをすべて見る →