Bubbles3 アイコン
icomoon-free:bubbles3
Bubbles3 アイコン(icomoon-free:bubbles3)は、IcoMoon Free セットの無料 SVG アイコンです（作者: Keyamoon）。 18 × 24 のグリッドで描かれています。 IcoMoon Free icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IcoMoon Free
- 作者
- Keyamoon
- ライセンス
- GPL-3.0-or-later
- サイズ
- 18 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewBox="0 0 18 24"><path fill="currentColor" d="M17 14.081c0 .711.407 1.327 1 1.628v.249a3.71 3.71 0 0 1-3.207-1.125a5 5 0 0 1-1.293.168c-2.485 0-4.5-1.791-4.5-4s2.015-4 4.5-4s4.5 1.791 4.5 4c0 .865-.309 1.665-.834 2.32a1.8 1.8 0 0 0-.166.761zM3.604 3.456C2.569 4.297 2 5.378 2 6.5c0 .63.175 1.24.52 1.815c.356.592.89 1.134 1.547 1.566c.474.312.793.812.878 1.373q.042.281.053.564q.175-.146.342-.312a2 2 0 0 1 1.666-.57c.327.042.662.063.994.063v2q-.636 0-1.246-.079c-1.718 1.718-3.77 2.027-5.753 2.072v-.421c1.071-.525 2-1.48 2-2.572a3 3 0 0 0-.034-.448C1.158 10.359.001 8.539.001 6.499c0-3.59 3.582-6.5 8-6.5c4.351 0 7.89 2.822 7.997 6.336a6.1 6.1 0 0 0-2.067-.509c-.18-.876-.709-1.7-1.535-2.371a6.3 6.3 0 0 0-1.932-1.054C9.687 2.134 8.858 1.999 8 1.999s-1.687.135-2.464.402c-.73.251-1.38.605-1.932 1.054z"/></svg>Bubbles3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icomoon-free:bubbles3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icomoon-free:bubbles3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icomoon-free:bubbles3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icomoon-free--bubbles3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icomoon-free -->
<div class="i-icomoon-free:bubbles3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icomoon-free:bubbles3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icomoon-free/bubbles3.svg" alt="Bubbles3 アイコン" width="24" height="24">Bubbles3 アイコン のよくある質問
Bubbles3 アイコンは商用利用でも無料ですか?
はい。IcoMoon Free icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。
React で Bubbles3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="icomoon-free:bubbles3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bubbles3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icomoon-free/bubbles3.svg" alt="Bubbles3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。