ICONYZ
日本語
Elegant の Hotairballoon アイコン

Hotairballoon アイコン

et:hotairballoon

Hotairballoon アイコン(et:hotairballoon)は、Elegant セットの無料 SVG アイコンです(作者: Kenny Sing)。 28 × 32 のグリッドで描かれています。 Elegant icons は GPL 3.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Elegant
作者
Kenny Sing
ライセンス
GPL-3.0-or-later
サイズ
28 × 32
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="28" height="32" viewBox="0 0 28 32"><path fill="currentColor" d="M28 9.401C28 3.075 23.421 0 14 0S0 3.075 0 9.401c0 7.275 13.173 15.668 13.733 16.021l.005.001c.011.007.023.007.035.013c.072.038.148.064.227.064s.155-.026.227-.063c.011-.006.024-.006.035-.013l.005-.001C14.827 25.069 28 16.677 28 9.401m-10 0c0 5.56-2.876 12.121-4 14.473c-1.124-2.351-4-8.909-4-14.473C10 1.871 12.283 1 14 1s4 .871 4 8.401m-9 0c0 4.797 1.979 10.141 3.331 13.236C9.589 19.74 5 14.181 5 9.401c0-4.69 1.918-7.327 5.977-8.132C9.653 2.717 9 5.411 9 9.401m10 0c0-3.99-.652-6.684-1.977-8.132C21.082 2.074 23 4.712 23 9.401c0 4.78-4.589 10.338-7.331 13.236C17.021 19.543 19 14.198 19 9.401m-18 0c0-3.971 1.987-6.47 6.156-7.632C5.042 3.301 4 5.833 4 9.401c0 4.203 3.135 8.792 5.838 11.973C5.98 18.306 1 13.544 1 9.401m17.162 11.973C20.865 18.193 24 13.605 24 9.401c0-3.568-1.042-6.101-3.156-7.632C25.013 2.931 27 5.43 27 9.401c0 4.143-4.98 8.905-8.838 11.973M11.5 27a.5.5 0 0 0-.5.5v3c0 .841.659 1.5 1.5 1.5h3c.841 0 1.5-.659 1.5-1.5v-3a.5.5 0 0 0-.5-.5zm4.5 3.5c0 .294-.206.5-.5.5h-3a.48.48 0 0 1-.5-.5V28h4z"/></svg>

Hotairballoon アイコンの使い方

React

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

<Icon icon="et:hotairballoon" width="24" />

Vue

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

<template>
  <Icon icon="et:hotairballoon" width="24" />
</template>

Svelte

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

<Icon icon="et:hotairballoon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="et:hotairballoon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/et/hotairballoon.svg" alt="Hotairballoon アイコン" width="24" height="24">

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

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

はい。Elegant icons は GPL 3.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

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