mode heat off icon

mode-heat-off-outline from Material Symbols by Google · Outline · Household · Apache-2.0 Free for personal and commercial use.

Name: mode-heat-off-outline
Set: Material Symbols
Style: Outline
Category: Household
Viewbox: 24×24
License: Apache 2.0
Aliases: mode-heat-off-outline-sharp

3 other variants in Material Symbols

mode-heat-off mode-heat-off-outline-rounded mode-heat-off-rounded

The same icon in other sets

mode-heat-offMaterial Symbols Light

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.625l-18.4-18.4L2.8 2.8L12 12l9.2 9.2zm-.525-6.25l-1.525-1.525q.125-.45.2-.913T18 13q0-1.25-.462-2.363T16.2 8.65q-.5.325-1.05.488t-1.125.162q-1.55 0-2.688-1.025T10.026 5.75q-.2.15-.375.313t-.375.337L7.85 4.975q.875-.85 1.913-1.587T12 2v3.3q0 .85.588 1.425t1.437.575q.45 0 .838-.2t.687-.55L16 6q1.85 1.05 2.925 2.925T20 13q0 .9-.187 1.75t-.563 1.625M12 21q-3.35 0-5.675-2.325T4 13q0-1.725.637-3.363T6.475 6.5L7.9 7.925q-.95 1.25-1.425 2.525T6 13q0 1.3.525 2.463t1.5 2.037Q8 17.375 8 17.275v-.225q0-.8.3-1.5t.875-1.275l2.575-2.5l1.425 1.425l-2.6 2.5q-.275.275-.425.625t-.15.725q0 .8.588 1.375T12 19t1.413-.575T14 17.05q0-.4-.162-.725t-.438-.6l1.15-1.15l3.575 3.575Q17 19.475 15.438 20.238T12 21"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsModeHeatOffOutline(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.625l-18.4-18.4L2.8 2.8L12 12l9.2 9.2zm-.525-6.25l-1.525-1.525q.125-.45.2-.913T18 13q0-1.25-.462-2.363T16.2 8.65q-.5.325-1.05.488t-1.125.162q-1.55 0-2.688-1.025T10.026 5.75q-.2.15-.375.313t-.375.337L7.85 4.975q.875-.85 1.913-1.587T12 2v3.3q0 .85.588 1.425t1.437.575q.45 0 .838-.2t.687-.55L16 6q1.85 1.05 2.925 2.925T20 13q0 .9-.187 1.75t-.563 1.625M12 21q-3.35 0-5.675-2.325T4 13q0-1.725.637-3.363T6.475 6.5L7.9 7.925q-.95 1.25-1.425 2.525T6 13q0 1.3.525 2.463t1.5 2.037Q8 17.375 8 17.275v-.225q0-.8.3-1.5t.875-1.275l2.575-2.5l1.425 1.425l-2.6 2.5q-.275.275-.425.625t-.15.725q0 .8.588 1.375T12 19t1.413-.575T14 17.05q0-.4-.162-.725t-.438-.6l1.15-1.15l3.575 3.575Q17 19.475 15.438 20.238T12 21"/></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.625l-18.4-18.4L2.8 2.8L12 12l9.2 9.2zm-.525-6.25l-1.525-1.525q.125-.45.2-.913T18 13q0-1.25-.462-2.363T16.2 8.65q-.5.325-1.05.488t-1.125.162q-1.55 0-2.688-1.025T10.026 5.75q-.2.15-.375.313t-.375.337L7.85 4.975q.875-.85 1.913-1.587T12 2v3.3q0 .85.588 1.425t1.437.575q.45 0 .838-.2t.687-.55L16 6q1.85 1.05 2.925 2.925T20 13q0 .9-.187 1.75t-.563 1.625M12 21q-3.35 0-5.675-2.325T4 13q0-1.725.637-3.363T6.475 6.5L7.9 7.925q-.95 1.25-1.425 2.525T6 13q0 1.3.525 2.463t1.5 2.037Q8 17.375 8 17.275v-.225q0-.8.3-1.5t.875-1.275l2.575-2.5l1.425 1.425l-2.6 2.5q-.275.275-.425.625t-.15.725q0 .8.588 1.375T12 19t1.413-.575T14 17.05q0-.4-.162-.725t-.438-.6l1.15-1.15l3.575 3.575Q17 19.475 15.438 20.238T12 21"/></svg>
</template>

CSS

.icon-mode-heat-off-outline {
  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.625l-18.4-18.4L2.8%202.8L12%2012l9.2%209.2zm-.525-6.25l-1.525-1.525q.125-.45.2-.913T18%2013q0-1.25-.462-2.363T16.2%208.65q-.5.325-1.05.488t-1.125.162q-1.55%200-2.688-1.025T10.026%205.75q-.2.15-.375.313t-.375.337L7.85%204.975q.875-.85%201.913-1.587T12%202v3.3q0%20.85.588%201.425t1.437.575q.45%200%20.838-.2t.687-.55L16%206q1.85%201.05%202.925%202.925T20%2013q0%20.9-.187%201.75t-.563%201.625M12%2021q-3.35%200-5.675-2.325T4%2013q0-1.725.637-3.363T6.475%206.5L7.9%207.925q-.95%201.25-1.425%202.525T6%2013q0%201.3.525%202.463t1.5%202.037Q8%2017.375%208%2017.275v-.225q0-.8.3-1.5t.875-1.275l2.575-2.5l1.425%201.425l-2.6%202.5q-.275.275-.425.625t-.15.725q0%20.8.588%201.375T12%2019t1.413-.575T14%2017.05q0-.4-.162-.725t-.438-.6l1.15-1.15l3.575%203.575Q17%2019.475%2015.438%2020.238T12%2021%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.625l-18.4-18.4L2.8%202.8L12%2012l9.2%209.2zm-.525-6.25l-1.525-1.525q.125-.45.2-.913T18%2013q0-1.25-.462-2.363T16.2%208.65q-.5.325-1.05.488t-1.125.162q-1.55%200-2.688-1.025T10.026%205.75q-.2.15-.375.313t-.375.337L7.85%204.975q.875-.85%201.913-1.587T12%202v3.3q0%20.85.588%201.425t1.437.575q.45%200%20.838-.2t.687-.55L16%206q1.85%201.05%202.925%202.925T20%2013q0%20.9-.187%201.75t-.563%201.625M12%2021q-3.35%200-5.675-2.325T4%2013q0-1.725.637-3.363T6.475%206.5L7.9%207.925q-.95%201.25-1.425%202.525T6%2013q0%201.3.525%202.463t1.5%202.037Q8%2017.375%208%2017.275v-.225q0-.8.3-1.5t.875-1.275l2.575-2.5l1.425%201.425l-2.6%202.5q-.275.275-.425.625t-.15.725q0%20.8.588%201.375T12%2019t1.413-.575T14%2017.05q0-.4-.162-.725t-.438-.6l1.15-1.15l3.575%203.575Q17%2019.475%2015.438%2020.238T12%2021%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-outline.svg?color=%231a73e8&size=48