mode heat off icon
mode-heat-off from Material Symbols by Google · Regular · Household · Apache-2.0 Free for personal and commercial use.
- Name
- mode-heat-off
- Set
- Material Symbols
- Style
- Regular
- Category
- Household
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- mode-heat-off-sharp
3 other variants in Material Symbols
The same icon in other sets
More household icons from Material Symbols
Use the mode heat off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.775 22.625L16.45 19.3l-1.55-1.55q-.25.95-1.05 1.6T12 20q-1.25 0-2.125-.862T9 17.05q0-.575.225-1.112t.65-.963l1.15-1.1L9.6 12.45l-1.125 1.125q-.725.725-1.1 1.6T7 17.05q0 .8.238 1.512t.662 1.313q-1.75-1.05-2.825-2.863T4 13q0-1.375.363-2.575t.962-2.25l-3.95-3.95L2.8 2.8l18.4 18.4zM19.25 16.4L7.85 5Q9.4 3.525 10.7 2.762L12 2v3.3q0 .925.625 1.463t1.4.537q.425 0 .813-.175t.712-.575L16 6q1.8 1.05 2.9 2.913T20 13q0 .925-.2 1.775t-.55 1.625"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsModeHeatOff(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="M19.775 22.625L16.45 19.3l-1.55-1.55q-.25.95-1.05 1.6T12 20q-1.25 0-2.125-.862T9 17.05q0-.575.225-1.112t.65-.963l1.15-1.1L9.6 12.45l-1.125 1.125q-.725.725-1.1 1.6T7 17.05q0 .8.238 1.512t.662 1.313q-1.75-1.05-2.825-2.863T4 13q0-1.375.363-2.575t.962-2.25l-3.95-3.95L2.8 2.8l18.4 18.4zM19.25 16.4L7.85 5Q9.4 3.525 10.7 2.762L12 2v3.3q0 .925.625 1.463t1.4.537q.425 0 .813-.175t.712-.575L16 6q1.8 1.05 2.9 2.913T20 13q0 .925-.2 1.775t-.55 1.625"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.775 22.625L16.45 19.3l-1.55-1.55q-.25.95-1.05 1.6T12 20q-1.25 0-2.125-.862T9 17.05q0-.575.225-1.112t.65-.963l1.15-1.1L9.6 12.45l-1.125 1.125q-.725.725-1.1 1.6T7 17.05q0 .8.238 1.512t.662 1.313q-1.75-1.05-2.825-2.863T4 13q0-1.375.363-2.575t.962-2.25l-3.95-3.95L2.8 2.8l18.4 18.4zM19.25 16.4L7.85 5Q9.4 3.525 10.7 2.762L12 2v3.3q0 .925.625 1.463t1.4.537q.425 0 .813-.175t.712-.575L16 6q1.8 1.05 2.9 2.913T20 13q0 .925-.2 1.775t-.55 1.625"/></svg> </template>
CSS
.icon-mode-heat-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%22M19.775%2022.625L16.45%2019.3l-1.55-1.55q-.25.95-1.05%201.6T12%2020q-1.25%200-2.125-.862T9%2017.05q0-.575.225-1.112t.65-.963l1.15-1.1L9.6%2012.45l-1.125%201.125q-.725.725-1.1%201.6T7%2017.05q0%20.8.238%201.512t.662%201.313q-1.75-1.05-2.825-2.863T4%2013q0-1.375.363-2.575t.962-2.25l-3.95-3.95L2.8%202.8l18.4%2018.4zM19.25%2016.4L7.85%205Q9.4%203.525%2010.7%202.762L12%202v3.3q0%20.925.625%201.463t1.4.537q.425%200%20.813-.175t.712-.575L16%206q1.8%201.05%202.9%202.913T20%2013q0%20.925-.2%201.775t-.55%201.625%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%22M19.775%2022.625L16.45%2019.3l-1.55-1.55q-.25.95-1.05%201.6T12%2020q-1.25%200-2.125-.862T9%2017.05q0-.575.225-1.112t.65-.963l1.15-1.1L9.6%2012.45l-1.125%201.125q-.725.725-1.1%201.6T7%2017.05q0%20.8.238%201.512t.662%201.313q-1.75-1.05-2.825-2.863T4%2013q0-1.375.363-2.575t.962-2.25l-3.95-3.95L2.8%202.8l18.4%2018.4zM19.25%2016.4L7.85%205Q9.4%203.525%2010.7%202.762L12%202v3.3q0%20.925.625%201.463t1.4.537q.425%200%20.813-.175t.712-.575L16%206q1.8%201.05%202.9%202.913T20%2013q0%20.925-.2%201.775t-.55%201.625%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/mode-heat-off.svg?color=%231a73e8&size=48
