mode heat cool icon
mode-heat-cool-outline-rounded from Material Symbols by Google · Outline Rounded · Household · Apache-2.0 Free for personal and commercial use.
- Name
- mode-heat-cool-outline-rounded
- Set
- Material Symbols
- Style
- Outline Rounded
- Category
- Household
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols
The same icon in other sets
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="M7.425 4.15q.5-.35 1.038-.088T9 4.95v.525q0 .625.45 1.063t1.075.437q.35 0 .65-.15t.5-.425q.125-.175.35-.213t.425.088q.65.425 1.125 1.013T14.4 8.55q.2.375.05.75t-.525.575t-.763.063t-.587-.513q-.125-.25-.237-.437T12.05 8.6q-.35.2-.737.288t-.788.087q-1.1 0-1.987-.612T7.25 6.724q-.95.925-1.6 2.063T5 11.25q0 .775.275 1.463t.75 1.212q.05-.5.288-.937T6.9 12.2l1.4-1.4q.275-.275.688-.275t.712.275l.95.925q.3.3.3.713t-.3.712q-.275.275-.687.288t-.713-.263l-.25-.25l-.7.7q-.125.125-.213.288T8 14.275q0 .125.025.213t.075.187q.15.35.063.7T7.8 16q-.5.5-1.175.488T5.4 16.05q-.375-.275-.7-.625t-.6-.725q-.525-.725-.812-1.612T3 11.25q0-2.425 1.3-4.112T7.425 4.15M13.5 15.9l-.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 MaterialSymbolsModeHeatCoolOutlineRounded(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="M7.425 4.15q.5-.35 1.038-.088T9 4.95v.525q0 .625.45 1.063t1.075.437q.35 0 .65-.15t.5-.425q.125-.175.35-.213t.425.088q.65.425 1.125 1.013T14.4 8.55q.2.375.05.75t-.525.575t-.763.063t-.587-.513q-.125-.25-.237-.437T12.05 8.6q-.35.2-.737.288t-.788.087q-1.1 0-1.987-.612T7.25 6.724q-.95.925-1.6 2.063T5 11.25q0 .775.275 1.463t.75 1.212q.05-.5.288-.937T6.9 12.2l1.4-1.4q.275-.275.688-.275t.712.275l.95.925q.3.3.3.713t-.3.712q-.275.275-.687.288t-.713-.263l-.25-.25l-.7.7q-.125.125-.213.288T8 14.275q0 .125.025.213t.075.187q.15.35.063.7T7.8 16q-.5.5-1.175.488T5.4 16.05q-.375-.275-.7-.625t-.6-.725q-.525-.725-.812-1.612T3 11.25q0-2.425 1.3-4.112T7.425 4.15M13.5 15.9l-.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="M7.425 4.15q.5-.35 1.038-.088T9 4.95v.525q0 .625.45 1.063t1.075.437q.35 0 .65-.15t.5-.425q.125-.175.35-.213t.425.088q.65.425 1.125 1.013T14.4 8.55q.2.375.05.75t-.525.575t-.763.063t-.587-.513q-.125-.25-.237-.437T12.05 8.6q-.35.2-.737.288t-.788.087q-1.1 0-1.987-.612T7.25 6.724q-.95.925-1.6 2.063T5 11.25q0 .775.275 1.463t.75 1.212q.05-.5.288-.937T6.9 12.2l1.4-1.4q.275-.275.688-.275t.712.275l.95.925q.3.3.3.713t-.3.712q-.275.275-.687.288t-.713-.263l-.25-.25l-.7.7q-.125.125-.213.288T8 14.275q0 .125.025.213t.075.187q.15.35.063.7T7.8 16q-.5.5-1.175.488T5.4 16.05q-.375-.275-.7-.625t-.6-.725q-.525-.725-.812-1.612T3 11.25q0-2.425 1.3-4.112T7.425 4.15M13.5 15.9l-.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-outline-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%22M7.425%204.15q.5-.35%201.038-.088T9%204.95v.525q0%20.625.45%201.063t1.075.437q.35%200%20.65-.15t.5-.425q.125-.175.35-.213t.425.088q.65.425%201.125%201.013T14.4%208.55q.2.375.05.75t-.525.575t-.763.063t-.587-.513q-.125-.25-.237-.437T12.05%208.6q-.35.2-.737.288t-.788.087q-1.1%200-1.987-.612T7.25%206.724q-.95.925-1.6%202.063T5%2011.25q0%20.775.275%201.463t.75%201.212q.05-.5.288-.937T6.9%2012.2l1.4-1.4q.275-.275.688-.275t.712.275l.95.925q.3.3.3.713t-.3.712q-.275.275-.687.288t-.713-.263l-.25-.25l-.7.7q-.125.125-.213.288T8%2014.275q0%20.125.025.213t.075.187q.15.35.063.7T7.8%2016q-.5.5-1.175.488T5.4%2016.05q-.375-.275-.7-.625t-.6-.725q-.525-.725-.812-1.612T3%2011.25q0-2.425%201.3-4.112T7.425%204.15M13.5%2015.9l-.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%22M7.425%204.15q.5-.35%201.038-.088T9%204.95v.525q0%20.625.45%201.063t1.075.437q.35%200%20.65-.15t.5-.425q.125-.175.35-.213t.425.088q.65.425%201.125%201.013T14.4%208.55q.2.375.05.75t-.525.575t-.763.063t-.587-.513q-.125-.25-.237-.437T12.05%208.6q-.35.2-.737.288t-.788.087q-1.1%200-1.987-.612T7.25%206.724q-.95.925-1.6%202.063T5%2011.25q0%20.775.275%201.463t.75%201.212q.05-.5.288-.937T6.9%2012.2l1.4-1.4q.275-.275.688-.275t.712.275l.95.925q.3.3.3.713t-.3.712q-.275.275-.687.288t-.713-.263l-.25-.25l-.7.7q-.125.125-.213.288T8%2014.275q0%20.125.025.213t.075.187q.15.35.063.7T7.8%2016q-.5.5-1.175.488T5.4%2016.05q-.375-.275-.7-.625t-.6-.725q-.525-.725-.812-1.612T3%2011.25q0-2.425%201.3-4.112T7.425%204.15M13.5%2015.9l-.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-outline-rounded.svg?color=%231a73e8&size=48
