mode heat off icon

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

Name: mode-heat-off-rounded
Set: Material Symbols
Style: Rounded
Category: Household
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols

mode-heat-off mode-heat-off-outline mode-heat-off-outline-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="M14.025 7.3q.425 0 .813-.175t.712-.575q.2-.25.488-.287t.562.137q1.55 1.1 2.475 2.838T20 13q0 .425-.05.838t-.125.812q-.125.625-.763.775T17.95 15.1l-9.3-9.3q-.325-.325-.325-.787t.35-.763q.425-.375.85-.675t.8-.55q.55-.35 1.113-.05T12 3.95V5.3q0 .925.625 1.463t1.4.537m-5.55 6.275q-.725.725-1.1 1.6T7 17.05q0 .225.013.45t.062.45q.075.4-.325.563t-.725-.188q-.275-.3-.513-.638T5.076 17q-.5-.875-.788-1.888T4 13q0-1.95.725-3.575T6.5 6.5l4.55 4.55zm1.4 5.563Q9 18.275 9 17.05q0-.575.225-1.112t.65-.963L12 12.9l2.125 2.075q.425.425.65.95T15 17.05q0 1.225-.875 2.087T12 20t-2.125-.862m9.2 2.762l-17-16.975q-.3-.3-.3-.712t.3-.713t.713-.3t.712.3l17 17q.3.3.3.7t-.3.7t-.712.3t-.713-.3"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsModeHeatOffRounded(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="M14.025 7.3q.425 0 .813-.175t.712-.575q.2-.25.488-.287t.562.137q1.55 1.1 2.475 2.838T20 13q0 .425-.05.838t-.125.812q-.125.625-.763.775T17.95 15.1l-9.3-9.3q-.325-.325-.325-.787t.35-.763q.425-.375.85-.675t.8-.55q.55-.35 1.113-.05T12 3.95V5.3q0 .925.625 1.463t1.4.537m-5.55 6.275q-.725.725-1.1 1.6T7 17.05q0 .225.013.45t.062.45q.075.4-.325.563t-.725-.188q-.275-.3-.513-.638T5.076 17q-.5-.875-.788-1.888T4 13q0-1.95.725-3.575T6.5 6.5l4.55 4.55zm1.4 5.563Q9 18.275 9 17.05q0-.575.225-1.112t.65-.963L12 12.9l2.125 2.075q.425.425.65.95T15 17.05q0 1.225-.875 2.087T12 20t-2.125-.862m9.2 2.762l-17-16.975q-.3-.3-.3-.712t.3-.713t.713-.3t.712.3l17 17q.3.3.3.7t-.3.7t-.712.3t-.713-.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.025 7.3q.425 0 .813-.175t.712-.575q.2-.25.488-.287t.562.137q1.55 1.1 2.475 2.838T20 13q0 .425-.05.838t-.125.812q-.125.625-.763.775T17.95 15.1l-9.3-9.3q-.325-.325-.325-.787t.35-.763q.425-.375.85-.675t.8-.55q.55-.35 1.113-.05T12 3.95V5.3q0 .925.625 1.463t1.4.537m-5.55 6.275q-.725.725-1.1 1.6T7 17.05q0 .225.013.45t.062.45q.075.4-.325.563t-.725-.188q-.275-.3-.513-.638T5.076 17q-.5-.875-.788-1.888T4 13q0-1.95.725-3.575T6.5 6.5l4.55 4.55zm1.4 5.563Q9 18.275 9 17.05q0-.575.225-1.112t.65-.963L12 12.9l2.125 2.075q.425.425.65.95T15 17.05q0 1.225-.875 2.087T12 20t-2.125-.862m9.2 2.762l-17-16.975q-.3-.3-.3-.712t.3-.713t.713-.3t.712.3l17 17q.3.3.3.7t-.3.7t-.712.3t-.713-.3"/></svg>
</template>

CSS

.icon-mode-heat-off-rounded {
  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%22M14.025%207.3q.425%200%20.813-.175t.712-.575q.2-.25.488-.287t.562.137q1.55%201.1%202.475%202.838T20%2013q0%20.425-.05.838t-.125.812q-.125.625-.763.775T17.95%2015.1l-9.3-9.3q-.325-.325-.325-.787t.35-.763q.425-.375.85-.675t.8-.55q.55-.35%201.113-.05T12%203.95V5.3q0%20.925.625%201.463t1.4.537m-5.55%206.275q-.725.725-1.1%201.6T7%2017.05q0%20.225.013.45t.062.45q.075.4-.325.563t-.725-.188q-.275-.3-.513-.638T5.076%2017q-.5-.875-.788-1.888T4%2013q0-1.95.725-3.575T6.5%206.5l4.55%204.55zm1.4%205.563Q9%2018.275%209%2017.05q0-.575.225-1.112t.65-.963L12%2012.9l2.125%202.075q.425.425.65.95T15%2017.05q0%201.225-.875%202.087T12%2020t-2.125-.862m9.2%202.762l-17-16.975q-.3-.3-.3-.712t.3-.713t.713-.3t.712.3l17%2017q.3.3.3.7t-.3.7t-.712.3t-.713-.3%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%22M14.025%207.3q.425%200%20.813-.175t.712-.575q.2-.25.488-.287t.562.137q1.55%201.1%202.475%202.838T20%2013q0%20.425-.05.838t-.125.812q-.125.625-.763.775T17.95%2015.1l-9.3-9.3q-.325-.325-.325-.787t.35-.763q.425-.375.85-.675t.8-.55q.55-.35%201.113-.05T12%203.95V5.3q0%20.925.625%201.463t1.4.537m-5.55%206.275q-.725.725-1.1%201.6T7%2017.05q0%20.225.013.45t.062.45q.075.4-.325.563t-.725-.188q-.275-.3-.513-.638T5.076%2017q-.5-.875-.788-1.888T4%2013q0-1.95.725-3.575T6.5%206.5l4.55%204.55zm1.4%205.563Q9%2018.275%209%2017.05q0-.575.225-1.112t.65-.963L12%2012.9l2.125%202.075q.425.425.65.95T15%2017.05q0%201.225-.875%202.087T12%2020t-2.125-.862m9.2%202.762l-17-16.975q-.3-.3-.3-.712t.3-.713t.713-.3t.712.3l17%2017q.3.3.3.7t-.3.7t-.712.3t-.713-.3%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-rounded.svg?color=%231a73e8&size=48