hdr plus off icon
hdr-plus-off-outline-sharp from Material Symbols Light by Google · Outline Sharp · Images · Apache-2.0 Free for personal and commercial use.
- Name
- hdr-plus-off-outline-sharp
- Set
- Material Symbols Light
- Style
- Outline Sharp
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More images icons from Material Symbols Light
Use the hdr plus off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 4q-1.125 0-2.14.285q-1.016.284-1.916.81l-.719-.72q1.117-.684 2.229-1.03Q10.565 3 12 3q1.868 0 3.51.709t2.858 1.924T20.29 8.49T21 12q0 1.262-.32 2.45t-1.06 2.325l-.72-.72q.525-.895.813-1.915T20 12q0-3.35-2.325-5.675T12 4m-.308 4.848l-.884-.885V6.308h.884zm1.616-2.54h3.442l.442.442v4.5l-.442.442h-2.214l-1.228-1.228zm.884 4.5h2.116V7.192h-2.116zm-6 5h2.616v-1.616H8.192zm0 2.884h-.884v-5.384h3.942l.442.442v2.439l-.442.442h-.611l.9 2.061h-.954l-.87-2H8.193zM7.308 8.015l.884.885v2.792h-.884zM5.294 5.983l.689.732q-.858 1.012-1.42 2.35T4 12q0 3.35 2.325 5.675T12 20q1.636 0 2.987-.582t2.322-1.4l.689.707q-1.22 1.1-2.764 1.688T12 21q-1.868 0-3.51-.709t-2.857-1.923t-1.924-2.858T3 12q0-1.844.639-3.351t1.655-2.666M1.392 2.808L2.1 2.1l19.8 19.8l-.708.708z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightHdrPlusOffOutlineSharp(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 4q-1.125 0-2.14.285q-1.016.284-1.916.81l-.719-.72q1.117-.684 2.229-1.03Q10.565 3 12 3q1.868 0 3.51.709t2.858 1.924T20.29 8.49T21 12q0 1.262-.32 2.45t-1.06 2.325l-.72-.72q.525-.895.813-1.915T20 12q0-3.35-2.325-5.675T12 4m-.308 4.848l-.884-.885V6.308h.884zm1.616-2.54h3.442l.442.442v4.5l-.442.442h-2.214l-1.228-1.228zm.884 4.5h2.116V7.192h-2.116zm-6 5h2.616v-1.616H8.192zm0 2.884h-.884v-5.384h3.942l.442.442v2.439l-.442.442h-.611l.9 2.061h-.954l-.87-2H8.193zM7.308 8.015l.884.885v2.792h-.884zM5.294 5.983l.689.732q-.858 1.012-1.42 2.35T4 12q0 3.35 2.325 5.675T12 20q1.636 0 2.987-.582t2.322-1.4l.689.707q-1.22 1.1-2.764 1.688T12 21q-1.868 0-3.51-.709t-2.857-1.923t-1.924-2.858T3 12q0-1.844.639-3.351t1.655-2.666M1.392 2.808L2.1 2.1l19.8 19.8l-.708.708z"/></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 4q-1.125 0-2.14.285q-1.016.284-1.916.81l-.719-.72q1.117-.684 2.229-1.03Q10.565 3 12 3q1.868 0 3.51.709t2.858 1.924T20.29 8.49T21 12q0 1.262-.32 2.45t-1.06 2.325l-.72-.72q.525-.895.813-1.915T20 12q0-3.35-2.325-5.675T12 4m-.308 4.848l-.884-.885V6.308h.884zm1.616-2.54h3.442l.442.442v4.5l-.442.442h-2.214l-1.228-1.228zm.884 4.5h2.116V7.192h-2.116zm-6 5h2.616v-1.616H8.192zm0 2.884h-.884v-5.384h3.942l.442.442v2.439l-.442.442h-.611l.9 2.061h-.954l-.87-2H8.193zM7.308 8.015l.884.885v2.792h-.884zM5.294 5.983l.689.732q-.858 1.012-1.42 2.35T4 12q0 3.35 2.325 5.675T12 20q1.636 0 2.987-.582t2.322-1.4l.689.707q-1.22 1.1-2.764 1.688T12 21q-1.868 0-3.51-.709t-2.857-1.923t-1.924-2.858T3 12q0-1.844.639-3.351t1.655-2.666M1.392 2.808L2.1 2.1l19.8 19.8l-.708.708z"/></svg> </template>
CSS
.icon-hdr-plus-off-outline-sharp {
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%204q-1.125%200-2.14.285q-1.016.284-1.916.81l-.719-.72q1.117-.684%202.229-1.03Q10.565%203%2012%203q1.868%200%203.51.709t2.858%201.924T20.29%208.49T21%2012q0%201.262-.32%202.45t-1.06%202.325l-.72-.72q.525-.895.813-1.915T20%2012q0-3.35-2.325-5.675T12%204m-.308%204.848l-.884-.885V6.308h.884zm1.616-2.54h3.442l.442.442v4.5l-.442.442h-2.214l-1.228-1.228zm.884%204.5h2.116V7.192h-2.116zm-6%205h2.616v-1.616H8.192zm0%202.884h-.884v-5.384h3.942l.442.442v2.439l-.442.442h-.611l.9%202.061h-.954l-.87-2H8.193zM7.308%208.015l.884.885v2.792h-.884zM5.294%205.983l.689.732q-.858%201.012-1.42%202.35T4%2012q0%203.35%202.325%205.675T12%2020q1.636%200%202.987-.582t2.322-1.4l.689.707q-1.22%201.1-2.764%201.688T12%2021q-1.868%200-3.51-.709t-2.857-1.923t-1.924-2.858T3%2012q0-1.844.639-3.351t1.655-2.666M1.392%202.808L2.1%202.1l19.8%2019.8l-.708.708z%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%204q-1.125%200-2.14.285q-1.016.284-1.916.81l-.719-.72q1.117-.684%202.229-1.03Q10.565%203%2012%203q1.868%200%203.51.709t2.858%201.924T20.29%208.49T21%2012q0%201.262-.32%202.45t-1.06%202.325l-.72-.72q.525-.895.813-1.915T20%2012q0-3.35-2.325-5.675T12%204m-.308%204.848l-.884-.885V6.308h.884zm1.616-2.54h3.442l.442.442v4.5l-.442.442h-2.214l-1.228-1.228zm.884%204.5h2.116V7.192h-2.116zm-6%205h2.616v-1.616H8.192zm0%202.884h-.884v-5.384h3.942l.442.442v2.439l-.442.442h-.611l.9%202.061h-.954l-.87-2H8.193zM7.308%208.015l.884.885v2.792h-.884zM5.294%205.983l.689.732q-.858%201.012-1.42%202.35T4%2012q0%203.35%202.325%205.675T12%2020q1.636%200%202.987-.582t2.322-1.4l.689.707q-1.22%201.1-2.764%201.688T12%2021q-1.868%200-3.51-.709t-2.857-1.923t-1.924-2.858T3%2012q0-1.844.639-3.351t1.655-2.666M1.392%202.808L2.1%202.1l19.8%2019.8l-.708.708z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/hdr-plus-off-outline-sharp.svg?color=%231a73e8&size=48
