ICONYZ
日本語
Custom Brand Icons の Air Source Heating アイコン

Air Source Heating アイコン

cbi:air-source-heating

Air Source Heating アイコン(cbi:air-source-heating)は、Custom Brand Icons セットの無料 SVG アイコンです(作者: Emanuele & rchiileea)。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Custom Brand Icons
作者
Emanuele & rchiileea
ライセンス
CC-BY-NC-SA-4.0
サイズ
24 × 24
タグ
airsource、sourceheating、airsourceheating
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.265 5.03h-3.31a.735.735 0 0 0-.735.735v8.657a2 2 0 0 0-.316.261a7 7 0 0 0-.719.918c-.085.132-.152.249-.212.353a1.27 1.27 0 0 1-.467.557a1.7 1.7 0 0 1-.576.173a2 2 0 0 1-.422.02v-6.358a.375.375 0 0 0-.375-.375H2.375a.375.375 0 0 0-.375.375v7.5a.375.375 0 0 0 .375.375h.657a.375.375 0 0 1 .375.375a.374.374 0 0 0 .375.374H6a.374.374 0 0 0 .375-.374a.375.375 0 0 1 .375-.375h3a.375.375 0 0 1 .375.375a.374.374 0 0 0 .375.374h2.221a.374.374 0 0 0 .375-.374a.374.374 0 0 1 .374-.375h.658a.37.37 0 0 0 .352-.263a3 3 0 0 0 .3.023a3 3 0 0 0 .392-.03a2 2 0 0 0 .686-.212a1.55 1.55 0 0 0 .588-.676q.085-.15.2-.34a7 7 0 0 1 .569-.746v2.258a.735.735 0 0 0 .735.735h3.31a.735.735 0 0 0 .74-.739V5.765a.735.735 0 0 0-.735-.735M8.723 10.646a.375.375 0 0 1 .375-.375h4.722a.375.375 0 0 1 .375.375v6.3a.375.375 0 0 1-.375.375H9.1a.375.375 0 0 1-.375-.375Zm-3.205.525a2.326 2.326 0 1 1 0 4.647a2.326 2.326 0 1 1 0-4.647m8.682 6.746H2.313v-.3H14.2Zm2.9-2.291a7 7 0 0 0-.72.918a9 9 0 0 0-.212.353a1.27 1.27 0 0 1-.467.557a1.7 1.7 0 0 1-.576.173a2.2 2.2 0 0 1-.615 0v-.6c.027 0 .053.006.08.006a3 3 0 0 0 .392-.03a2 2 0 0 0 .686-.212a1.54 1.54 0 0 0 .587-.676q.086-.15.2-.34a7 7 0 0 1 .682-.869q.039-.037.081-.073v.681c-.04.038-.083.073-.118.112m4.639-6.3a.645.645 0 0 1-.645.645h-2.949a.645.645 0 0 1-.645-.645v-3.4a.645.645 0 0 1 .645-.645h2.947a.645.645 0 0 1 .645.645ZM3.981 13.364a3 3 0 0 0 .753.238a.8.8 0 0 0 .073.235a3.2 3.2 0 0 0-.548.6a.58.58 0 0 0 .212.816a.635.635 0 0 0 .843-.233a3.2 3.2 0 0 0 .279-.789a.8.8 0 0 0 .21-.058a3 3 0 0 0 .622.54a.635.635 0 0 0 .843-.233a.58.58 0 0 0-.211-.817a3 3 0 0 0-.766-.241a.7.7 0 0 0-.05-.24a3.2 3.2 0 0 0 .538-.6a.58.58 0 0 0-.211-.817a.635.635 0 0 0-.843.233a3 3 0 0 0-.261.71a.8.8 0 0 0-.282.078a3 3 0 0 0-.569-.481a.636.636 0 0 0-.843.233a.58.58 0 0 0 .211.826m1.145-.1a.463.463 0 0 1 .613-.169a.423.423 0 0 1 .154.594a.46.46 0 0 1-.613.169a.423.423 0 0 1-.154-.592Zm4.591 3.454h3.328a.525.525 0 0 0 .525-.525v-.6a.524.524 0 0 0-.525-.524H9.717a.524.524 0 0 0-.525.524v.6a.525.525 0 0 0 .525.525m.312-1.35h2.7a.525.525 0 1 1 0 1.05h-2.7a.525.525 0 0 1 0-1.05m2.29-1.049h1.251v.3h-1.251Zm-3.127 0h2.658v.3H9.192Zm0-.75h4.378v.3H9.192Zm0-.749h4.378v.3H9.192Zm0-.75h4.378v.3H9.192Zm0-.749h4.378v.3H9.192Z"/></svg>

Air Source Heating アイコンの使い方

React

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

<Icon icon="cbi:air-source-heating" width="24" />

Vue

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

<template>
  <Icon icon="cbi:air-source-heating" width="24" />
</template>

Svelte

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

<Icon icon="cbi:air-source-heating" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--air-source-heating]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:air-source-heating"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:air-source-heating"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/air-source-heating.svg" alt="Air Source Heating アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Air Source Heating アイコン のよくある質問

Air Source Heating アイコンは商用利用でも無料ですか?

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

React で Air Source Heating アイコンを使うには?

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

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

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

Custom Brand Icons をすべて見る →