Air Source Heating icon
cbi:air-source-heating
The Air Source Heating icon (cbi:air-source-heating) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- airsource, sourceheating, airsourceheating
SVG code
<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>How to use the Air Source Heating icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/cbi/air-source-heating.svg" alt="Air Source Heating icon" width="24" height="24">Related icons in Custom Brand Icons
Air Source Heating icon FAQ
Is the Air Source Heating icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Air Source Heating icon in React?
Install @iconify/react and render <Icon icon="cbi:air-source-heating" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Air Source Heating icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/air-source-heating.svg" alt="Air Source Heating icon">, or paste the SVG code inline to style it with CSS.