Underfloor Heating icon
cbi:underfloor-heating
The Underfloor Heating icon (cbi:underfloor-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
- underfloorheating
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.441 13.32s-.1-6.248-.1-6.387a1.17 1.17 0 0 0-.249-.691a5 5 0 0 0-.598-.489L13.81 3.081c-.675-.491-1.297-.933-1.386-.982A.75.75 0 0 0 12 2.004a.7.7 0 0 0-.488.129c-.117.071-1.188.837-2.379 1.704L6.554 5.712c-.729.529-.855.685-.889 1.116c-.02.245-.008 6.487-.008 6.499s-1.05 3.236-1.329 4.091c.017.027-1.208 3.703-1.21 3.907a.72.72 0 0 0 .285.562l.155.113h16.871l.146-.1a.78.78 0 0 0 .307-.558c0-.14-2.441-8.022-2.441-8.022m-2.984-5.76c-.153-.377-.213-.767-.13-.853a.5.5 0 0 1 .442.034a5 5 0 0 1 .223.537a1.97 1.97 0 0 1 .009 1.609a2.6 2.6 0 0 0-.165.606a2.6 2.6 0 0 0 .165.605a1.9 1.9 0 0 1 .036 1.477a4 4 0 0 0-.169.482a.8.8 0 0 1-.1.244c-.07.089-.408.1-.458.011a1.26 1.26 0 0 1 .135-.86a2.6 2.6 0 0 0 .17-.566a2.7 2.7 0 0 0-.176-.577a1.92 1.92 0 0 1 0-1.643a2 2 0 0 0 .176-.549a2.3 2.3 0 0 0-.158-.557m-1.431.016c-.253-.613-.262-.646-.215-.778c.036-.099.091-.129.231-.129c.267 0 .345.092.499.591a2.57 2.57 0 0 1 .025 1.606a2.18 2.18 0 0 0 .026 1.358a2.4 2.4 0 0 1-.012 1.373a2.5 2.5 0 0 0-.139.446c-.042.238-.159.331-.416.331c-.128 0-.182-.034-.22-.138c-.061-.168-.031-.299.172-.735a1.33 1.33 0 0 0-.036-1.309a1.32 1.32 0 0 1-.018-1.342a1.46 1.46 0 0 0 .103-1.274m-1.544-.227a1.9 1.9 0 0 1-.138-.598c.025-.071.095-.088.293-.075l.259.018l.128.374c.366 1.074.354 1.004.225 1.397c-.063.2-.15.427-.191.512a1.77 1.77 0 0 0 .086 1.247a1.14 1.14 0 0 1 .035 1.212a4.4 4.4 0 0 0-.2.628c0 .17-.172.299-.399.299c-.3 0-.317-.106-.11-.724a1.87 1.87 0 0 0-.021-1.584c-.217-.59-.216-.592.036-1.255a1.77 1.77 0 0 0-.003-1.451m-1.661-.639a.5.5 0 0 1 .445.034a5 5 0 0 1 .23.532a1.93 1.93 0 0 1 .005 1.61a1.24 1.24 0 0 0 0 1.214a1.5 1.5 0 0 1 .145.846a3.7 3.7 0 0 1-.405 1.374a.37.37 0 0 1-.246.044c-.174-.018-.187-.034-.2-.25a1.6 1.6 0 0 1 .151-.656a1.12 1.12 0 0 0 0-1.139a1.66 1.66 0 0 1-.164-.829a1.7 1.7 0 0 1 .164-.833a1.12 1.12 0 0 0 0-1.132c-.153-.403-.204-.734-.125-.815m-1.355.739c-.16-.37-.207-.659-.127-.739a.62.62 0 0 1 .498.034a3.3 3.3 0 0 1 .2.519a2.57 2.57 0 0 1 .033 1.597a1.97 1.97 0 0 0 0 1.283a2.6 2.6 0 0 1-.038 1.621a4 4 0 0 1-.2.54a.49.49 0 0 1-.446.037c-.137-.056-.099-.378.084-.805a1.53 1.53 0 0 0-.052-1.423a1.27 1.27 0 0 1 .019-1.293a1.42 1.42 0 0 0 .029-1.374Zm-.125 7.132c.239-.069.4-.116.937-.282c.158-.049.518-.167.808-.255l.473-.145l.245-.068c.2-.06.207-.06.566.065c.15.052 2.388.759 2.477.775s.162.043.162.061a2.2 2.2 0 0 1-.613.228c-.066.019-.607.199-1.197.393a12 12 0 0 1-1.209.359c-.1 0-2.87-.867-3.07-.961c-.058-.028-.014-.046.421-.173ZM7.976 7.349a2 2 0 0 1-.138-.598c.026-.071.099-.088.299-.075l.261.018l.129.374c.377 1.106.372.998.093 1.757a1.5 1.5 0 0 0-.12.79a1.6 1.6 0 0 0 .11.519a2.6 2.6 0 0 1 .177.46l.099.326l-.169.451a7 7 0 0 0-.231.699c-.066.262-.173.329-.476.293c-.141-.017-.157-.04-.151-.221a2.4 2.4 0 0 1 .15-.58a1.7 1.7 0 0 0-.018-1.409a1.5 1.5 0 0 1 0-1.334a1.76 1.76 0 0 0-.015-1.47m-2.7 8.483c.024-.025.916-.255 1.632-.492l.663-.216a1.64 1.64 0 0 1 1.18-.079c.118.046.254.094.299.106c.165.042 2.395.784 2.407.799s-1.618.507-2.373.761c-.619.208-.657.211-1.021.09l-.339-.112l-.391-.129l-1.797-.578s-.288-.103-.26-.155ZM17.282 19.8c-.013.227-.122.332-.512.492a1.55 1.55 0 0 1-.746.111a2 2 0 0 1-.872-.137a8 8 0 0 0-.552-.175a13 13 0 0 1-1.198-.378a1 1 0 0 0-.199-.061a1.5 1.5 0 0 1-.267-.085a9 9 0 0 0-.425-.153a31 31 0 0 1-1.413-.499a11 11 0 0 0-.51-.173a5 5 0 0 1-.325-.111a2 2 0 0 0-.613-.038c-.414.015-.494.03-.623.119c-.082.056-.143.109-.136.118a11 11 0 0 0 1.05.354c.121.031.344.1.493.154s.357.124.46.157c.255.083.399.132 1.106.374c.15.052.364.125.477.162s.288.1.391.149s.326.133.499.199c.369.147.552.287.583.448c.053.277-.147.47-.674.653a1.77 1.77 0 0 1-1.081.051a8 8 0 0 0-.343-.107a62 62 0 0 1-1.617-.54a16 16 0 0 0-.527-.176a12 12 0 0 1-.46-.155c-.188-.067-.399-.136-.459-.154s-.288-.093-.494-.168c-.34-.124-.624-.22-1.328-.447c-.293-.095-.38-.154-.41-.279a.17.17 0 0 1 .047-.171c.079-.083.184-.064.772.136c.926.317 1.238.422 1.634.554c.243.081.565.191.715.244s.325.111.391.13s.272.089.46.154s.585.2.884.294s.631.205.735.241a1.74 1.74 0 0 0 1.036-.033a.8.8 0 0 0 .255-.129c0-.049-.27-.174-.475-.222a5 5 0 0 1-.359-.105l-.375-.129a15 15 0 0 1-.898-.316a.8.8 0 0 0-.211-.064a.8.8 0 0 1-.205-.06c-.08-.033-.275-.1-.435-.158a18 18 0 0 1-1.843-.714a.41.41 0 0 1-.2-.411c0-.234.1-.319.593-.512a2.5 2.5 0 0 1 1.242-.029c.294.1.513.161.718.207c.1.024.263.072.357.105c.214.076.654.228.911.313c.487.161.635.211.843.287c.326.12.506.181.714.243c.1.031.272.09.374.131s.448.165.767.275a2.3 2.3 0 0 0 1.038.199c.393 0 .483-.01.616-.088c.2-.114.232-.179.108-.213c-.248-.069-7.484-2.438-7.484-2.457c0 0-.1-.039-.136-.057c-.052-.026-.028-.092.092-.127c0 0 .234-.074.337-.1c.162-.045.757-.243 1.996-.66a.84.84 0 0 1 .715-.039c.112.039.257.087.323.106s.456.147.868.287s.84.28.953.313s.299.1.408.145l.188.067l-.154.047c.014.013-.939.278-.939.278a35 35 0 0 1-1.05.327c-.136.107-.111.143.134.199c.085.018.299.082.477.143s.407.136.511.168s.309.099.459.154s.326.113.391.132s.273.088.46.154s.493.168.681.229a4.1 4.1 0 0 1 1.208.531a.31.31 0 0 1 .078.291Zm1.31-3.81c-.135.03-.444.122-.758.228c-.1.034-.317.1-.477.15l-.987.31a7 7 0 0 1-.798.224a10 10 0 0 1-1.24-.377c-.1-.036-.34-.114-.528-.174s-.49-.159-.672-.219a6 6 0 0 0-.486-.141c-.087-.017-.15-.037-.142-.046s.264-.1.572-.2s.642-.207.745-.243s.399-.136.664-.223s.576-.2.698-.244a1.1 1.1 0 0 1 .818.018c.1.04.631.214 1.174.386l1.257.399a2 2 0 0 1 .282.1c.002.018-.05.038-.122.052"/></svg>How to use the Underfloor Heating icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:underfloor-heating" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:underfloor-heating" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:underfloor-heating" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--underfloor-heating]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:underfloor-heating"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:underfloor-heating"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/underfloor-heating.svg" alt="Underfloor Heating icon" width="24" height="24">Underfloor Heating icon FAQ
Is the Underfloor 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 Underfloor Heating icon in React?
Install @iconify/react and render <Icon icon="cbi:underfloor-heating" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Underfloor Heating icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/underfloor-heating.svg" alt="Underfloor Heating icon">, or paste the SVG code inline to style it with CSS.