Hot Air Balloon Solid アイコン
streamline-plump:hot-air-balloon-solid
Hot Air Balloon Solid アイコン(streamline-plump:hot-air-balloon-solid)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 地図・旅行
- タグ
- hotair、airballoon、balloonsolid、hotairballoonsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M17.5 16c0-4.236.862-7.997 2.185-10.643C21.053 2.621 22.665 1.5 24 1.5s2.947 1.121 4.315 3.857C29.638 8.003 30.5 11.764 30.5 16s-.862 7.997-2.185 10.643C26.947 29.379 25.335 30.5 24 30.5s-2.947-1.121-4.315-3.857C18.362 23.997 17.5 20.236 17.5 16m.584 13.825c-2.91-.683-5.536-1.86-7.69-3.417C6.856 23.853 4.5 20.193 4.5 16s2.356-7.853 5.894-10.408c2.154-1.556 4.78-2.734 7.69-3.417c-.398.575-.76 1.194-1.083 1.84C15.43 7.16 14.5 11.4 14.5 16s.93 8.84 2.502 11.985c.323.646.684 1.265 1.082 1.84M37.606 5.592c-2.154-1.556-4.78-2.734-7.69-3.417c.398.575.76 1.194 1.083 1.84C32.57 7.16 33.5 11.4 33.5 16s-.93 8.84-2.501 11.985a15 15 0 0 1-1.083 1.84c2.91-.683 5.536-1.86 7.69-3.417C41.144 23.853 43.5 20.193 43.5 16s-2.356-7.853-5.894-10.408M18.532 32.478a27 27 0 0 1-3.262-.85l.887 3.993a3.25 3.25 0 0 0-1.64.688a2.76 2.76 0 0 0-1.017 2.16v.062a2.73 2.73 0 0 0 1.174 2.277c.117 1.066.278 1.935.434 2.607c.369 1.589 1.686 2.66 3.23 2.828c1.179.128 3.02.257 5.662.257s4.483-.129 5.661-.257c1.545-.168 2.862-1.24 3.231-2.828c.156-.672.317-1.541.434-2.607a2.73 2.73 0 0 0 1.174-2.277v-.062a2.76 2.76 0 0 0-1.017-2.16a3.25 3.25 0 0 0-1.64-.688l.887-3.993a27 27 0 0 1-3.262.85l-.678 3.053c-1.236-.018-2.81-.03-4.79-.03s-3.553.012-4.79.03z" clip-rule="evenodd"/></svg>
Hot Air Balloon Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:hot-air-balloon-solid" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:hot-air-balloon-solid" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:hot-air-balloon-solid" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--hot-air-balloon-solid]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:hot-air-balloon-solid"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:hot-air-balloon-solid"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/hot-air-balloon-solid.svg" alt="Hot Air Balloon Solid アイコン" width="24" height="24">
他のアイコンセットの Hot Air Balloon Solid アイコン
Hot Air Balloon Solid アイコン のよくある質問
Hot Air Balloon Solid アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hot Air Balloon Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:hot-air-balloon-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hot Air Balloon Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/hot-air-balloon-solid.svg" alt="Hot Air Balloon Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Plump free icons をすべて見る →
ICONYZ
