Hands Clapping Circle アイコン

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

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

pepicons-pop:hands-clapping-circle

Hands Clapping Circle アイコン(pepicons-pop:hands-clapping-circle)は、Pepicons Pop! セットの無料 SVG アイコンです（作者: CyCraft）。 26 × 26 のグリッドで描かれています。 Pepicons Pop! icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Pepicons Pop!
作者: CyCraft
ライセンス: CC-BY-4.0
サイズ: 26 × 26
タグ: handsclapping、clappingcircle、handsclappingcircle、hand

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M6.087 13.595a1.75 1.75 0 1 1 2.527-2.422l2.768 2.888a.75.75 0 1 1-1.083 1.038L7.53 12.211a.25.25 0 1 0-.36.346l2.767 2.888a.75.75 0 1 1-1.083 1.038z"/><path d="M6.84 11.49a1.75 1.75 0 0 1 2.526-2.422l2.768 2.888a.75.75 0 0 1-1.083 1.037l-2.768-2.888a.25.25 0 0 0-.36.346l2.767 2.888a.75.75 0 1 1-1.083 1.038z"/><path d="M8.975 10.827a1.75 1.75 0 1 1 2.527-2.421l3.116 3.251a.75.75 0 1 1-1.083 1.038l-3.116-3.251a.25.25 0 0 0-.36.346l2.767 2.888a.75.75 0 0 1-1.083 1.037z"/><path d="M12.995 10.503a1.845 1.845 0 0 1 3.483-1.147l.749 1.631a.75.75 0 1 1-1.364.626l-.748-1.632a.345.345 0 0 0-.652.215l.396 1.892a.75.75 0 1 1-1.469.307z"/><path d="M7.522 16.9a.75.75 0 0 1 1.06.022l2.412 2.516a3.6 3.6 0 0 0 1.18.816l.035.015a3.46 3.46 0 0 0 2.798-.04l.139-.064a4.7 4.7 0 0 0 1.284-.874l.128-.122a3.45 3.45 0 0 0 .818-3.778l-1.523-3.81a.75.75 0 1 1 1.393-.557l1.523 3.81a4.955 4.955 0 0 1-1.174 5.418l-.127.122a6.2 6.2 0 0 1-1.696 1.154l-.138.064a4.95 4.95 0 0 1-4.013.057l-.034-.015a5.1 5.1 0 0 1-1.676-1.158L7.5 17.96a.75.75 0 0 1 .022-1.06"/><path d="M6.027 16.423A1.75 1.75 0 0 1 8.553 14l1.385 1.444a.75.75 0 1 1-1.083 1.038L7.47 15.038a.25.25 0 1 0-.36.347l2.767 2.888a.75.75 0 1 1-1.083 1.038zm5.086-6.259a1.75 1.75 0 1 1 2.527-2.422l.484.505a.75.75 0 1 1-1.083 1.038l-.484-.505a.25.25 0 1 0-.36.346l1.383 1.444a.75.75 0 1 1-1.083 1.038zm4.181-.186a1.781 1.781 0 0 1 3.292-1.35l.779 1.695a.75.75 0 0 1-1.363.626l-.779-1.696a.281.281 0 0 0-.52.213l.612 1.683a.75.75 0 1 1-1.41.512z"/><path d="M18.409 9.942a.75.75 0 0 1 .975.419l1.523 3.81a4.96 4.96 0 0 1-1.174 5.417l-.101.098a6.4 6.4 0 0 1-1.754 1.193l-.121.056a7 7 0 0 1-1.053.388l-1.154.325a.75.75 0 0 1-.407-1.443l1.154-.326q.428-.12.833-.307l.121-.056a4.9 4.9 0 0 0 1.343-.913l.102-.098a3.46 3.46 0 0 0 .818-3.777l-1.523-3.81a.75.75 0 0 1 .418-.976M6.938 3.673a1 1 0 0 1 1.39.265l1.206 1.778a1 1 0 1 1-1.655 1.123L6.673 5.062a1 1 0 0 1 .265-1.39m8.517-.062a1 1 0 0 0-1.346.436l-.907 1.777a1 1 0 1 0 1.782.909l.907-1.777a1 1 0 0 0-.437-1.346M11.31 3a1 1 0 0 1 1 1v1.777a1 1 0 1 1-2 0V4a1 1 0 0 1 1-1"/><path d="M13 24c6.075 0 11-4.925 11-11S19.075 2 13 2S2 6.925 2 13s4.925 11 11 11m0 2c7.18 0 13-5.82 13-13S20.18 0 13 0S0 5.82 0 13s5.82 13 13 13"/></g></svg>

Hands Clapping Circle アイコンの使い方

React

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

<Icon icon="pepicons-pop:hands-clapping-circle" width="24" />

Vue

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

<template>
  <Icon icon="pepicons-pop:hands-clapping-circle" width="24" />
</template>

Svelte

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

<Icon icon="pepicons-pop:hands-clapping-circle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pop--hands-clapping-circle]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="pepicons-pop:hands-clapping-circle"></iconify-icon>

HTML 画像

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

Pepicons Pop! の関連アイコン

他のアイコンセットの Hands Clapping Circle アイコン

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

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

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

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

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

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

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

Pepicons Pop! アイコンをすべて見る →