Hands Bubbles アイコン
fa6-solid:hands-bubbles
Hands Bubbles アイコン(fa6-solid:hands-bubbles)は、Font Awesome 6 Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 576 × 512 のグリッドで描かれています。 Font Awesome 6 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 6 Solid
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 576 × 512
- タグ
- handsbubbles、hand、bubble
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="576" height="512" viewBox="0 0 576 512"><path fill="currentColor" d="M416 64a32 32 0 1 0 0-64a32 32 0 1 0 0 64m96 128a32 32 0 1 0 0-64a32 32 0 1 0 0 64M160 464a48 48 0 1 0-96 0a48 48 0 1 0 96 0M32 160l.1 72.6c.1 52.2 24 101 64 133.1c-.1-1.9-.1-3.8-.1-5.7v-8c0-71.8 37-138.6 97.9-176.7l60.2-37.6c8.6-5.4 17.9-8.4 27.3-9.4l45.9-79.5c6.6-11.5 2.7-26.2-8.8-32.8s-26.2-2.7-32.8 8.8l-78 135.1c-3.3 5.7-10.7 7.7-16.4 4.4s-7.7-10.7-4.4-16.4l62-107.4c6.6-11.5 2.7-26.2-8.8-32.8S214 5 207.4 16.5l-68 117.8l-43.3 75L96 160c0-17.7-14.4-32-32-32s-32 14.4-32 32m300.1-71.5L307.5 131c13.9 4.5 26.4 13.7 34.7 27c.9 1.5 1.8 2.9 2.5 4.4l28.9-50c6.6-11.5 2.7-26.2-8.8-32.8s-26.2-2.7-32.8 8.8zm46.4 63.7l-26.8 46.4c-.6 6-2.1 11.8-4.3 17.4h49.8l23-39.8c6.6-11.5 2.7-26.2-8.8-32.8s-26.2-2.7-32.8 8.8zM315.1 175c-9.4-15-29.1-19.5-44.1-10.2l-60.2 37.6C159.3 234.7 128 291.2 128 352v8c0 8.9.8 17.6 2.2 26.1c35.4 8.2 61.8 40 61.8 77.9c0 6.3-.7 12.5-2.1 18.4C215.1 501 246.3 512 280 512h176c13.3 0 24-10.7 24-24s-10.7-24-24-24h-92c-6.6 0-12-5.4-12-12s5.4-12 12-12h124c13.3 0 24-10.7 24-24s-10.7-24-24-24H364c-6.6 0-12-5.4-12-12s5.4-12 12-12h156c13.3 0 24-10.7 24-24s-10.7-24-24-24H364c-6.6 0-12-5.4-12-12s5.4-12 12-12h124c13.3 0 24-10.7 24-24s-10.7-24-24-24H258.8l46.2-28.9c15-9.4 19.5-29.1 10.2-44.1z"/></svg>
Hands Bubbles アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-solid:hands-bubbles" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-solid:hands-bubbles" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-solid:hands-bubbles" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-solid--hands-bubbles]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-solid -->
<div class="i-fa6-solid:hands-bubbles"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa6-solid:hands-bubbles"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa6-solid/hands-bubbles.svg" alt="Hands Bubbles アイコン" width="24" height="24">
Font Awesome 6 Solid の関連アイコン
他のアイコンセットの Hands Bubbles アイコン
Hands Bubbles アイコン のよくある質問
Hands Bubbles アイコンは商用利用でも無料ですか?
はい。Font Awesome 6 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hands Bubbles アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa6-solid:hands-bubbles" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hands Bubbles アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa6-solid/hands-bubbles.svg" alt="Hands Bubbles アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 6 Solid アイコン をすべて見る →
ICONYZ
