Hands Clapping Fill アイコン
mingcute:hands-clapping-fill
Hands Clapping Fill アイコン(mingcute:hands-clapping-fill)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- handsclapping、clappingfill、handsclappingfill、hand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.242 3.044A2.5 2.5 0 0 1 9.4 3.6q.198-.182.438-.322a2.5 2.5 0 0 1 3.415.915h.002l.688 1.198q.072-.099.151-.192c.574-.674 1.404-1.1 2.337-1.257c.833-.14 1.463.44 1.65 1.05c.206.669.578 1.48 1.05 2.349c1.579 2.914 1.356 6.59-.76 9.039c-.421 1.91-1.545 3.64-3.399 4.711a7.036 7.036 0 0 1-9.61-2.575c-.338-.585-.731-1.164-1.02-1.775l-1.176-1.959a2.487 2.487 0 0 1 1.336-3.636l-.775-1.34A2.5 2.5 0 0 1 5.18 6.16a2.5 2.5 0 0 1 1.06-3.115m10.082 2.984a1.66 1.66 0 0 0-.704.466a1.2 1.2 0 0 0-.281.675c.577.107.998.567 1.146 1.047c.205.668.578 1.48 1.049 2.349q.366.676.602 1.399a6.5 6.5 0 0 0-.762-3.672c-.412-.759-.785-1.536-1.05-2.264m-4.86-.918a.5.5 0 0 0-.807.582l.96 1.663l.04.061l.69 1.196c.204-.278.45-.52.728-.725l-1.552-2.695zm-3.54-.15a.5.5 0 0 0-.866.5l.773 1.337a2.5 2.5 0 0 1 .865-.501zM20 3.634a1 1 0 0 1 1.003 1.73l-.841.488a1 1 0 0 1-1.002-1.73zm-5.013-2.546a1 1 0 0 1 1.226.707l.128.483a1 1 0 0 1-1.931.518l-.13-.483a1 1 0 0 1 .707-1.225m2.423.707a1 1 0 0 1 1.931.518l-.128.483a1 1 0 0 1-1.933-.518z"/></svg>Hands Clapping Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:hands-clapping-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:hands-clapping-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:hands-clapping-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--hands-clapping-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:hands-clapping-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:hands-clapping-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/hands-clapping-fill.svg" alt="Hands Clapping Fill アイコン" width="24" height="24">MingCute Icon の関連アイコン
他のアイコンセットの Hands Clapping Fill アイコン
Hands Clapping Fill アイコン のよくある質問
Hands Clapping Fill アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hands Clapping Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:hands-clapping-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hands Clapping Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/hands-clapping-fill.svg" alt="Hands Clapping Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。