hdr on icon

hdr-on-rounded from Material Symbols by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.

Name: hdr-on-rounded
Set: Material Symbols
Style: Rounded
Category: Images
Viewbox: 24×24
License: Apache 2.0
Aliases: hdr-on-outline-rounded

2 other variants in Material Symbols

The same icon in other sets

More images icons from Material Symbols

10mp 11mp 12mp 13mp 14mp 15mp 16mp 17mp 18mp 19mp 20mp 21mp 22mp 23mp 24fps-select 24mp 2mp 30fps-select 3mp 4mp 50mp 5mp 60fps-select 6mp

Use the hdr on icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 14.25v-4.5q0-.325.213-.537T16.75 9h2.75q.6 0 1.05.45T21 10.5v1q0 .575-.262.888t-.638.512l.5 1.15q.15.35-.05.65t-.6.3q-.2 0-.375-.1t-.25-.3L18.6 13h-1.1v1.25q0 .325-.213.538T16.75 15t-.537-.213T16 14.25m1.5-2.75h2v-1h-2zm-13 1v1.75q0 .325-.213.538T3.75 15t-.537-.213T3 14.25v-4.5q0-.325.213-.537T3.75 9t.538.213t.212.537V11h2V9.75q0-.325.213-.537T7.25 9t.538.213T8 9.75v4.5q0 .325-.213.538T7.25 15t-.537-.213t-.213-.537V12.5zM13 15h-2.75q-.325 0-.537-.213T9.5 14.25v-4.5q0-.325.213-.537T10.25 9H13q.6 0 1.05.45t.45 1.05v3q0 .6-.45 1.05T13 15m-2-1.5h2v-3h-2z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsHdrOnRounded(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="M16 14.25v-4.5q0-.325.213-.537T16.75 9h2.75q.6 0 1.05.45T21 10.5v1q0 .575-.262.888t-.638.512l.5 1.15q.15.35-.05.65t-.6.3q-.2 0-.375-.1t-.25-.3L18.6 13h-1.1v1.25q0 .325-.213.538T16.75 15t-.537-.213T16 14.25m1.5-2.75h2v-1h-2zm-13 1v1.75q0 .325-.213.538T3.75 15t-.537-.213T3 14.25v-4.5q0-.325.213-.537T3.75 9t.538.213t.212.537V11h2V9.75q0-.325.213-.537T7.25 9t.538.213T8 9.75v4.5q0 .325-.213.538T7.25 15t-.537-.213t-.213-.537V12.5zM13 15h-2.75q-.325 0-.537-.213T9.5 14.25v-4.5q0-.325.213-.537T10.25 9H13q.6 0 1.05.45t.45 1.05v3q0 .6-.45 1.05T13 15m-2-1.5h2v-3h-2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 14.25v-4.5q0-.325.213-.537T16.75 9h2.75q.6 0 1.05.45T21 10.5v1q0 .575-.262.888t-.638.512l.5 1.15q.15.35-.05.65t-.6.3q-.2 0-.375-.1t-.25-.3L18.6 13h-1.1v1.25q0 .325-.213.538T16.75 15t-.537-.213T16 14.25m1.5-2.75h2v-1h-2zm-13 1v1.75q0 .325-.213.538T3.75 15t-.537-.213T3 14.25v-4.5q0-.325.213-.537T3.75 9t.538.213t.212.537V11h2V9.75q0-.325.213-.537T7.25 9t.538.213T8 9.75v4.5q0 .325-.213.538T7.25 15t-.537-.213t-.213-.537V12.5zM13 15h-2.75q-.325 0-.537-.213T9.5 14.25v-4.5q0-.325.213-.537T10.25 9H13q.6 0 1.05.45t.45 1.05v3q0 .6-.45 1.05T13 15m-2-1.5h2v-3h-2z"/></svg>
</template>

CSS

.icon-hdr-on-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%22M16%2014.25v-4.5q0-.325.213-.537T16.75%209h2.75q.6%200%201.05.45T21%2010.5v1q0%20.575-.262.888t-.638.512l.5%201.15q.15.35-.05.65t-.6.3q-.2%200-.375-.1t-.25-.3L18.6%2013h-1.1v1.25q0%20.325-.213.538T16.75%2015t-.537-.213T16%2014.25m1.5-2.75h2v-1h-2zm-13%201v1.75q0%20.325-.213.538T3.75%2015t-.537-.213T3%2014.25v-4.5q0-.325.213-.537T3.75%209t.538.213t.212.537V11h2V9.75q0-.325.213-.537T7.25%209t.538.213T8%209.75v4.5q0%20.325-.213.538T7.25%2015t-.537-.213t-.213-.537V12.5zM13%2015h-2.75q-.325%200-.537-.213T9.5%2014.25v-4.5q0-.325.213-.537T10.25%209H13q.6%200%201.05.45t.45%201.05v3q0%20.6-.45%201.05T13%2015m-2-1.5h2v-3h-2z%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%22M16%2014.25v-4.5q0-.325.213-.537T16.75%209h2.75q.6%200%201.05.45T21%2010.5v1q0%20.575-.262.888t-.638.512l.5%201.15q.15.35-.05.65t-.6.3q-.2%200-.375-.1t-.25-.3L18.6%2013h-1.1v1.25q0%20.325-.213.538T16.75%2015t-.537-.213T16%2014.25m1.5-2.75h2v-1h-2zm-13%201v1.75q0%20.325-.213.538T3.75%2015t-.537-.213T3%2014.25v-4.5q0-.325.213-.537T3.75%209t.538.213t.212.537V11h2V9.75q0-.325.213-.537T7.25%209t.538.213T8%209.75v4.5q0%20.325-.213.538T7.25%2015t-.537-.213t-.213-.537V12.5zM13%2015h-2.75q-.325%200-.537-.213T9.5%2014.25v-4.5q0-.325.213-.537T10.25%209H13q.6%200%201.05.45t.45%201.05v3q0%20.6-.45%201.05T13%2015m-2-1.5h2v-3h-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/hdr-on-rounded.svg?color=%231a73e8&size=48