mode heat cool icon

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

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

3 other variants in Material Symbols

mode-heat-cool mode-heat-cool-outline mode-heat-cool-outline-rounded

The same icon in other sets

mode-heat-coolMaterial Symbols Light

More household icons from Material Symbols

Use the mode heat cool icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.525 6.975q.35 0 .65-.15t.5-.425q.125-.175.35-.213t.425.088q.575.4 1.038.925t.812 1.15q.2.35.1.75t-.375.675l-1.95 1.95l-.112-.112l-.113-.113L9.7 9.4q-.3-.275-.7-.288t-.7.288l-2.1 2.1q-.5.5-.8 1.138t-.375 1.312q-.05.5-.513.613t-.687-.263q-.1-.175-.187-.337t-.163-.363q-.225-.55-.35-1.137T3 11.25q0-2.425 1.3-4.112T7.425 4.15q.5-.35 1.038-.088T9 4.95v.525q0 .625.438 1.063t1.087.437M9 11.525l1.425 1.375q.075.05.125.125t.1.125l-2.3 2.3q-.175.175-.413.163t-.437-.188t-.35-.462t-.15-.688q0-.425.163-.75t.437-.6zm4.5 4.375l-.5.5V21q0 .425-.288.713T12 22t-.712-.288T11 21v-2.6l-2.9 2.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7L18.9 7.7q.275-.275.7-.275t.7.275t.275.7t-.275.7L17.4 12H20q.425 0 .713.288T21 13t-.288.713T20 14h-4.6l-.5.5l1.5 1.5H20q.425 0 .713.288T21 17t-.288.713T20 18h-1.6l1.4 1.4q.275.275.275.7t-.275.7t-.7.275t-.7-.275L17 19.4V21q0 .425-.288.713T16 22t-.712-.288T15 21v-3.6z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsModeHeatCoolRounded(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="M10.525 6.975q.35 0 .65-.15t.5-.425q.125-.175.35-.213t.425.088q.575.4 1.038.925t.812 1.15q.2.35.1.75t-.375.675l-1.95 1.95l-.112-.112l-.113-.113L9.7 9.4q-.3-.275-.7-.288t-.7.288l-2.1 2.1q-.5.5-.8 1.138t-.375 1.312q-.05.5-.513.613t-.687-.263q-.1-.175-.187-.337t-.163-.363q-.225-.55-.35-1.137T3 11.25q0-2.425 1.3-4.112T7.425 4.15q.5-.35 1.038-.088T9 4.95v.525q0 .625.438 1.063t1.087.437M9 11.525l1.425 1.375q.075.05.125.125t.1.125l-2.3 2.3q-.175.175-.413.163t-.437-.188t-.35-.462t-.15-.688q0-.425.163-.75t.437-.6zm4.5 4.375l-.5.5V21q0 .425-.288.713T12 22t-.712-.288T11 21v-2.6l-2.9 2.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7L18.9 7.7q.275-.275.7-.275t.7.275t.275.7t-.275.7L17.4 12H20q.425 0 .713.288T21 13t-.288.713T20 14h-4.6l-.5.5l1.5 1.5H20q.425 0 .713.288T21 17t-.288.713T20 18h-1.6l1.4 1.4q.275.275.275.7t-.275.7t-.7.275t-.7-.275L17 19.4V21q0 .425-.288.713T16 22t-.712-.288T15 21v-3.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.525 6.975q.35 0 .65-.15t.5-.425q.125-.175.35-.213t.425.088q.575.4 1.038.925t.812 1.15q.2.35.1.75t-.375.675l-1.95 1.95l-.112-.112l-.113-.113L9.7 9.4q-.3-.275-.7-.288t-.7.288l-2.1 2.1q-.5.5-.8 1.138t-.375 1.312q-.05.5-.513.613t-.687-.263q-.1-.175-.187-.337t-.163-.363q-.225-.55-.35-1.137T3 11.25q0-2.425 1.3-4.112T7.425 4.15q.5-.35 1.038-.088T9 4.95v.525q0 .625.438 1.063t1.087.437M9 11.525l1.425 1.375q.075.05.125.125t.1.125l-2.3 2.3q-.175.175-.413.163t-.437-.188t-.35-.462t-.15-.688q0-.425.163-.75t.437-.6zm4.5 4.375l-.5.5V21q0 .425-.288.713T12 22t-.712-.288T11 21v-2.6l-2.9 2.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7L18.9 7.7q.275-.275.7-.275t.7.275t.275.7t-.275.7L17.4 12H20q.425 0 .713.288T21 13t-.288.713T20 14h-4.6l-.5.5l1.5 1.5H20q.425 0 .713.288T21 17t-.288.713T20 18h-1.6l1.4 1.4q.275.275.275.7t-.275.7t-.7.275t-.7-.275L17 19.4V21q0 .425-.288.713T16 22t-.712-.288T15 21v-3.6z"/></svg>
</template>

CSS

.icon-mode-heat-cool-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%22M10.525%206.975q.35%200%20.65-.15t.5-.425q.125-.175.35-.213t.425.088q.575.4%201.038.925t.812%201.15q.2.35.1.75t-.375.675l-1.95%201.95l-.112-.112l-.113-.113L9.7%209.4q-.3-.275-.7-.288t-.7.288l-2.1%202.1q-.5.5-.8%201.138t-.375%201.312q-.05.5-.513.613t-.687-.263q-.1-.175-.187-.337t-.163-.363q-.225-.55-.35-1.137T3%2011.25q0-2.425%201.3-4.112T7.425%204.15q.5-.35%201.038-.088T9%204.95v.525q0%20.625.438%201.063t1.087.437M9%2011.525l1.425%201.375q.075.05.125.125t.1.125l-2.3%202.3q-.175.175-.413.163t-.437-.188t-.35-.462t-.15-.688q0-.425.163-.75t.437-.6zm4.5%204.375l-.5.5V21q0%20.425-.288.713T12%2022t-.712-.288T11%2021v-2.6l-2.9%202.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7L18.9%207.7q.275-.275.7-.275t.7.275t.275.7t-.275.7L17.4%2012H20q.425%200%20.713.288T21%2013t-.288.713T20%2014h-4.6l-.5.5l1.5%201.5H20q.425%200%20.713.288T21%2017t-.288.713T20%2018h-1.6l1.4%201.4q.275.275.275.7t-.275.7t-.7.275t-.7-.275L17%2019.4V21q0%20.425-.288.713T16%2022t-.712-.288T15%2021v-3.6z%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%22M10.525%206.975q.35%200%20.65-.15t.5-.425q.125-.175.35-.213t.425.088q.575.4%201.038.925t.812%201.15q.2.35.1.75t-.375.675l-1.95%201.95l-.112-.112l-.113-.113L9.7%209.4q-.3-.275-.7-.288t-.7.288l-2.1%202.1q-.5.5-.8%201.138t-.375%201.312q-.05.5-.513.613t-.687-.263q-.1-.175-.187-.337t-.163-.363q-.225-.55-.35-1.137T3%2011.25q0-2.425%201.3-4.112T7.425%204.15q.5-.35%201.038-.088T9%204.95v.525q0%20.625.438%201.063t1.087.437M9%2011.525l1.425%201.375q.075.05.125.125t.1.125l-2.3%202.3q-.175.175-.413.163t-.437-.188t-.35-.462t-.15-.688q0-.425.163-.75t.437-.6zm4.5%204.375l-.5.5V21q0%20.425-.288.713T12%2022t-.712-.288T11%2021v-2.6l-2.9%202.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7L18.9%207.7q.275-.275.7-.275t.7.275t.275.7t-.275.7L17.4%2012H20q.425%200%20.713.288T21%2013t-.288.713T20%2014h-4.6l-.5.5l1.5%201.5H20q.425%200%20.713.288T21%2017t-.288.713T20%2018h-1.6l1.4%201.4q.275.275.275.7t-.275.7t-.7.275t-.7-.275L17%2019.4V21q0%20.425-.288.713T16%2022t-.712-.288T15%2021v-3.6z%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-cool-rounded.svg?color=%231a73e8&size=48