temp preferences eco icon
temp-preferences-eco-rounded from Material Symbols Light by Google · Rounded · Home · Apache-2.0 Free for personal and commercial use.
- Name
- temp-preferences-eco-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Home
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More home icons from Material Symbols Light
activity-zoneairwaveaqaq-indoorarming-countdownarrows-more-downarrows-more-upassistant-on-hubbattery-horiz-000battery-horiz-050battery-horiz-075battery-profilechromecast-2cleaning-bucketclimate-mini-splitcool-to-drydetection-and-zonedetection-and-zone-offdetectordetector-alarmdetector-batterydetector-codetector-offlinedetector-status
Use the temp preferences eco icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.596 7.77q-.161 0-.282-.122q-.122-.121-.122-.283V6.27q0-.627.437-1.063q.437-.437 1.063-.437h1.097q.161 0 .282.121q.121.122.121.283V6.27q0 .627-.436 1.064t-1.064.436zm-5.288 5q-1.046 0-1.773-.728q-.727-.727-.727-1.773V8.577q0-.348.23-.578t.577-.23h1.693q1.046 0 1.773.727t.727 1.773v1.692q0 .348-.23.578T9 12.77zM16 20.75q-.898 0-1.709-.3q-.81-.3-1.458-.825l-1.48 1.479q-.14.14-.344.15t-.363-.15t-.15-.363t.15-.345l1.479-1.479q-.525-.648-.825-1.458q-.3-.811-.3-1.709q0-2.077 1.462-3.541q1.461-1.465 3.538-1.465h3.948q.44 0 .74.3t.299.739v3.967q0 2.077-1.455 3.539T16 20.75m-2.585-2.415q.16.16.354.16t.354-.16l2.23-2.231q.16-.16.16-.354t-.16-.354t-.353-.16t-.354.16l-2.23 2.231q-.16.16-.16.354t.16.353"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightTempPreferencesEcoRounded(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="M12.596 7.77q-.161 0-.282-.122q-.122-.121-.122-.283V6.27q0-.627.437-1.063q.437-.437 1.063-.437h1.097q.161 0 .282.121q.121.122.121.283V6.27q0 .627-.436 1.064t-1.064.436zm-5.288 5q-1.046 0-1.773-.728q-.727-.727-.727-1.773V8.577q0-.348.23-.578t.577-.23h1.693q1.046 0 1.773.727t.727 1.773v1.692q0 .348-.23.578T9 12.77zM16 20.75q-.898 0-1.709-.3q-.81-.3-1.458-.825l-1.48 1.479q-.14.14-.344.15t-.363-.15t-.15-.363t.15-.345l1.479-1.479q-.525-.648-.825-1.458q-.3-.811-.3-1.709q0-2.077 1.462-3.541q1.461-1.465 3.538-1.465h3.948q.44 0 .74.3t.299.739v3.967q0 2.077-1.455 3.539T16 20.75m-2.585-2.415q.16.16.354.16t.354-.16l2.23-2.231q.16-.16.16-.354t-.16-.354t-.353-.16t-.354.16l-2.23 2.231q-.16.16-.16.354t.16.353"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.596 7.77q-.161 0-.282-.122q-.122-.121-.122-.283V6.27q0-.627.437-1.063q.437-.437 1.063-.437h1.097q.161 0 .282.121q.121.122.121.283V6.27q0 .627-.436 1.064t-1.064.436zm-5.288 5q-1.046 0-1.773-.728q-.727-.727-.727-1.773V8.577q0-.348.23-.578t.577-.23h1.693q1.046 0 1.773.727t.727 1.773v1.692q0 .348-.23.578T9 12.77zM16 20.75q-.898 0-1.709-.3q-.81-.3-1.458-.825l-1.48 1.479q-.14.14-.344.15t-.363-.15t-.15-.363t.15-.345l1.479-1.479q-.525-.648-.825-1.458q-.3-.811-.3-1.709q0-2.077 1.462-3.541q1.461-1.465 3.538-1.465h3.948q.44 0 .74.3t.299.739v3.967q0 2.077-1.455 3.539T16 20.75m-2.585-2.415q.16.16.354.16t.354-.16l2.23-2.231q.16-.16.16-.354t-.16-.354t-.353-.16t-.354.16l-2.23 2.231q-.16.16-.16.354t.16.353"/></svg> </template>
CSS
.icon-temp-preferences-eco-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%22M12.596%207.77q-.161%200-.282-.122q-.122-.121-.122-.283V6.27q0-.627.437-1.063q.437-.437%201.063-.437h1.097q.161%200%20.282.121q.121.122.121.283V6.27q0%20.627-.436%201.064t-1.064.436zm-5.288%205q-1.046%200-1.773-.728q-.727-.727-.727-1.773V8.577q0-.348.23-.578t.577-.23h1.693q1.046%200%201.773.727t.727%201.773v1.692q0%20.348-.23.578T9%2012.77zM16%2020.75q-.898%200-1.709-.3q-.81-.3-1.458-.825l-1.48%201.479q-.14.14-.344.15t-.363-.15t-.15-.363t.15-.345l1.479-1.479q-.525-.648-.825-1.458q-.3-.811-.3-1.709q0-2.077%201.462-3.541q1.461-1.465%203.538-1.465h3.948q.44%200%20.74.3t.299.739v3.967q0%202.077-1.455%203.539T16%2020.75m-2.585-2.415q.16.16.354.16t.354-.16l2.23-2.231q.16-.16.16-.354t-.16-.354t-.353-.16t-.354.16l-2.23%202.231q-.16.16-.16.354t.16.353%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%22M12.596%207.77q-.161%200-.282-.122q-.122-.121-.122-.283V6.27q0-.627.437-1.063q.437-.437%201.063-.437h1.097q.161%200%20.282.121q.121.122.121.283V6.27q0%20.627-.436%201.064t-1.064.436zm-5.288%205q-1.046%200-1.773-.728q-.727-.727-.727-1.773V8.577q0-.348.23-.578t.577-.23h1.693q1.046%200%201.773.727t.727%201.773v1.692q0%20.348-.23.578T9%2012.77zM16%2020.75q-.898%200-1.709-.3q-.81-.3-1.458-.825l-1.48%201.479q-.14.14-.344.15t-.363-.15t-.15-.363t.15-.345l1.479-1.479q-.525-.648-.825-1.458q-.3-.811-.3-1.709q0-2.077%201.462-3.541q1.461-1.465%203.538-1.465h3.948q.44%200%20.74.3t.299.739v3.967q0%202.077-1.455%203.539T16%2020.75m-2.585-2.415q.16.16.354.16t.354-.16l2.23-2.231q.16-.16.16-.354t-.16-.354t-.353-.16t-.354.16l-2.23%202.231q-.16.16-.16.354t.16.353%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/temp-preferences-eco-rounded.svg?color=%231a73e8&size=48
