Balloon Outline アイコン
solar:balloon-outline
Balloon Outline アイコン(solar:balloon-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- UI
- タグ
- balloonoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.5062 5.25006C12.092 5.24671 11.7535 5.57978 11.7501 5.99398C11.7468 6.40818 12.0799 6.74666 12.4941 6.75001C13.7282 6.75997 14.7402 7.77197 14.7501 9.00608C14.7535 9.42028 15.092 9.75335 15.5062 9.75001C15.9204 9.74666 16.2534 9.40818 16.2501 8.99398C16.2335 6.94091 14.5592 5.26662 12.5062 5.25006Z"/><path fill-rule="evenodd" d="M3.81082 9.68522C3.7743 5.0139 7.42254 1.2121 12.0063 1.25029C16.5795 1.28838 20.2738 5.13548 20.3103 9.79844C20.3408 13.7063 17.6847 17.4318 14.0654 18.4671C14.1071 18.5528 14.1424 18.6357 14.167 18.7146C14.4992 19.7769 13.8108 20.8463 12.7501 21.0618V22.5C12.7501 22.9142 12.4143 23.25 12.0001 23.25C11.5859 23.25 11.2501 22.9142 11.2501 22.5V21.0618C10.1894 20.8463 9.50097 19.7769 9.83319 18.7146C9.86066 18.6267 9.90127 18.534 9.94922 18.4378C6.35693 17.3478 3.84116 13.5668 3.81082 9.68522ZM11.9938 2.75023C8.29352 2.71941 5.28044 5.79372 5.31077 9.67349C5.34179 13.6416 8.36877 17.2195 12.0063 17.2498C15.6607 17.2802 18.841 13.7388 18.8103 9.81016C18.7799 5.92202 15.7046 2.78114 11.9938 2.75023ZM11.9938 18.7498C12.1666 18.7512 12.3381 18.7465 12.5082 18.7359C12.5162 18.7533 12.525 18.7706 12.5345 18.7877L12.6992 19.0883L12.7363 19.1652C12.7867 19.3328 12.6867 19.545 12.4498 19.5922C12.4498 19.5922 12.4269 19.5957 12.3536 19.5978L12.0001 19.6002C11.835 19.6002 11.7274 19.6001 11.6466 19.5978C11.5733 19.5957 11.5504 19.5922 11.5504 19.5922C11.3135 19.545 11.2137 19.3323 11.2641 19.1647C11.2659 19.1604 11.275 19.1387 11.3011 19.0883C11.3367 19.0194 11.3872 18.9286 11.4657 18.7877C11.4766 18.7682 11.4864 18.7485 11.4954 18.7286C11.6599 18.7412 11.8261 18.7484 11.9938 18.7498Z" clip-rule="evenodd"/></g></svg>Balloon Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:balloon-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:balloon-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:balloon-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--balloon-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:balloon-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:balloon-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/balloon-outline.svg" alt="Balloon Outline アイコン" width="24" height="24">Solar の関連アイコン
他のアイコンセットの Balloon Outline アイコン
Balloon Outline アイコン のよくある質問
Balloon Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Balloon Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:balloon-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Balloon Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/balloon-outline.svg" alt="Balloon Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。