radiator off icon
radiator-off from Material Design Icons by Pictogrammers · Filled · Home Automation · Apache-2.0 Free for personal and commercial use.
- Name
- radiator-off
- Set
- Material Design Icons
- Style
- Filled
- Category
- Home Automation
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- heater-off
More home automation icons from Material Design Icons
air-filterair-humidifierair-humidifier-offair-purifierair-purifier-offalarm-lightalarm-light-offalarm-panelamplifierarrow-oscillatingarrow-oscillating-offawningbalconybathtubbellblindsblinds-horizontalblinds-horizontal-closedblinds-openblinds-verticalblinds-vertical-closedboom-gateboom-gate-upboombox
Use the radiator off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.28 2L2 3.27l2.77 2.77l.87 1.35L4.22 9.6l1.73.9l1.28-2l3.5 3.5H4a2 2 0 0 0-2 2v8h2v-2h14.73L20 21.27V22h2v-1.28zM7 17a1 1 0 0 1-1 1a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1a1 1 0 0 1-1-1v-2c0-.21.08-.39.18-.55L15 16.27zm1.25-7.5l1.42-2.2l-1.42-2.2l2-3.1l1.75.89l-1.44 2.21L20 7.3v.01l-2 3.09zM22 14v4.18l-3-3V15a1 1 0 0 0-1-1c-.05 0-.1 0-.15.03L15.82 12H20a2 2 0 0 1 2 2M11.64 7.3l-1.42-2.2l2-3.1l1.73.89l-1.42 2.21l1.42 2.2l-.01.01L12.84 9l-1.4-1.38zM7.5 3.69L6.1 2.28l.12-.19L7.95 3z"/></svg>
React
import type { SVGProps } from "react";
export function MdiRadiatorOff(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.28 2L2 3.27l2.77 2.77l.87 1.35L4.22 9.6l1.73.9l1.28-2l3.5 3.5H4a2 2 0 0 0-2 2v8h2v-2h14.73L20 21.27V22h2v-1.28zM7 17a1 1 0 0 1-1 1a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1a1 1 0 0 1-1-1v-2c0-.21.08-.39.18-.55L15 16.27zm1.25-7.5l1.42-2.2l-1.42-2.2l2-3.1l1.75.89l-1.44 2.21L20 7.3v.01l-2 3.09zM22 14v4.18l-3-3V15a1 1 0 0 0-1-1c-.05 0-.1 0-.15.03L15.82 12H20a2 2 0 0 1 2 2M11.64 7.3l-1.42-2.2l2-3.1l1.73.89l-1.42 2.21l1.42 2.2l-.01.01L12.84 9l-1.4-1.38zM7.5 3.69L6.1 2.28l.12-.19L7.95 3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.28 2L2 3.27l2.77 2.77l.87 1.35L4.22 9.6l1.73.9l1.28-2l3.5 3.5H4a2 2 0 0 0-2 2v8h2v-2h14.73L20 21.27V22h2v-1.28zM7 17a1 1 0 0 1-1 1a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1a1 1 0 0 1-1-1v-2c0-.21.08-.39.18-.55L15 16.27zm1.25-7.5l1.42-2.2l-1.42-2.2l2-3.1l1.75.89l-1.44 2.21L20 7.3v.01l-2 3.09zM22 14v4.18l-3-3V15a1 1 0 0 0-1-1c-.05 0-.1 0-.15.03L15.82 12H20a2 2 0 0 1 2 2M11.64 7.3l-1.42-2.2l2-3.1l1.73.89l-1.42 2.21l1.42 2.2l-.01.01L12.84 9l-1.4-1.38zM7.5 3.69L6.1 2.28l.12-.19L7.95 3z"/></svg> </template>
CSS
.icon-radiator-off {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.28%202L2%203.27l2.77%202.77l.87%201.35L4.22%209.6l1.73.9l1.28-2l3.5%203.5H4a2%202%200%200%200-2%202v8h2v-2h14.73L20%2021.27V22h2v-1.28zM7%2017a1%201%200%200%201-1%201a1%201%200%200%201-1-1v-2a1%201%200%200%201%201-1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201a1%201%200%200%201-1-1v-2a1%201%200%200%201%201-1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201a1%201%200%200%201-1-1v-2c0-.21.08-.39.18-.55L15%2016.27zm1.25-7.5l1.42-2.2l-1.42-2.2l2-3.1l1.75.89l-1.44%202.21L20%207.3v.01l-2%203.09zM22%2014v4.18l-3-3V15a1%201%200%200%200-1-1c-.05%200-.1%200-.15.03L15.82%2012H20a2%202%200%200%201%202%202M11.64%207.3l-1.42-2.2l2-3.1l1.73.89l-1.42%202.21l1.42%202.2l-.01.01L12.84%209l-1.4-1.38zM7.5%203.69L6.1%202.28l.12-.19L7.95%203z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.28%202L2%203.27l2.77%202.77l.87%201.35L4.22%209.6l1.73.9l1.28-2l3.5%203.5H4a2%202%200%200%200-2%202v8h2v-2h14.73L20%2021.27V22h2v-1.28zM7%2017a1%201%200%200%201-1%201a1%201%200%200%201-1-1v-2a1%201%200%200%201%201-1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201a1%201%200%200%201-1-1v-2a1%201%200%200%201%201-1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201a1%201%200%200%201-1-1v-2c0-.21.08-.39.18-.55L15%2016.27zm1.25-7.5l1.42-2.2l-1.42-2.2l2-3.1l1.75.89l-1.44%202.21L20%207.3v.01l-2%203.09zM22%2014v4.18l-3-3V15a1%201%200%200%200-1-1c-.05%200-.1%200-.15.03L15.82%2012H20a2%202%200%200%201%202%202M11.64%207.3l-1.42-2.2l2-3.1l1.73.89l-1.42%202.21l1.42%202.2l-.01.01L12.84%209l-1.4-1.38zM7.5%203.69L6.1%202.28l.12-.19L7.95%203z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/radiator-off.svg?color=%231a73e8&size=48
