Balloon アイコン

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

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

reicon:balloon

Balloon アイコン(reicon:balloon)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: UI

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.506 5.25a.75.75 0 0 0-.012 1.5a2.285 2.285 0 0 1 2.256 2.256a.75.75 0 0 0 1.5-.012a3.785 3.785 0 0 0-3.744-3.744"/><path fill-rule="evenodd" d="M3.81 9.685c-.036-4.671 3.613-8.473 8.196-8.435c4.573.038 8.268 3.885 8.304 8.548c.03 3.908-2.625 7.634-6.245 8.67q.064.128.102.247c.332 1.062-.356 2.131-1.417 2.347V22.5a.75.75 0 0 1-1.5 0v-1.438c-1.06-.216-1.749-1.285-1.417-2.347q.043-.133.116-.277c-3.592-1.09-6.108-4.871-6.138-8.753m8.184-6.935c-3.7-.03-6.714 3.044-6.683 6.923c.03 3.969 3.058 7.547 6.695 7.577c3.655.03 6.835-3.511 6.804-7.44c-.03-3.888-3.105-7.029-6.816-7.06m0 16q.26.002.514-.014l.027.052l.164.3l.037.077c.05.168-.05.38-.286.427c0 0-.023.004-.096.006L12 19.6c-.165 0-.273 0-.353-.002c-.074-.002-.097-.006-.097-.006c-.237-.047-.336-.26-.286-.427c.002-.005.011-.026.037-.077c.036-.069.086-.16.165-.3l.03-.06q.246.02.498.022" clip-rule="evenodd"/></g></svg>

Balloon アイコンの使い方

React

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

<Icon icon="reicon:balloon" width="24" />

Vue

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

<template>
  <Icon icon="reicon:balloon" width="24" />
</template>

Svelte

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

<Icon icon="reicon:balloon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--balloon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:balloon"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:balloon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/balloon.svg" alt="Balloon アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Balloon アイコン

Balloon アイコンのよくある質問

Balloon アイコンは商用利用でも無料ですか?

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

React で Balloon アイコンを使うには?

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

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

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

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