brightness 3 icon
brightness-3-rounded from Material Symbols Light by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.
- Name
- brightness-3-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More images icons from Material Symbols Light
Use the brightness 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.846 5.96q1.102 1.252 1.724 2.825t.622 3.232q0 1.683-.622 3.222t-1.724 2.79q-.954 1.065-2.155 1.765q-1.203.7-2.593.931q-.242.039-.49.071q-.249.033-.49.035q-.232.008-.391-.148q-.16-.156-.16-.387q0-.142.062-.25q.061-.11.179-.19q1.805-1.422 2.797-3.475q.991-2.054.991-4.364q0-2.292-.991-4.378q-.992-2.085-2.797-3.506q-.118-.081-.18-.19t-.06-.25q0-.232.159-.384q.16-.153.39-.146q.242.002.49.035q.249.033.491.071q1.39.231 2.592.928t2.156 1.762"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightBrightness3Rounded(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="M15.846 5.96q1.102 1.252 1.724 2.825t.622 3.232q0 1.683-.622 3.222t-1.724 2.79q-.954 1.065-2.155 1.765q-1.203.7-2.593.931q-.242.039-.49.071q-.249.033-.49.035q-.232.008-.391-.148q-.16-.156-.16-.387q0-.142.062-.25q.061-.11.179-.19q1.805-1.422 2.797-3.475q.991-2.054.991-4.364q0-2.292-.991-4.378q-.992-2.085-2.797-3.506q-.118-.081-.18-.19t-.06-.25q0-.232.159-.384q.16-.153.39-.146q.242.002.49.035q.249.033.491.071q1.39.231 2.592.928t2.156 1.762"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.846 5.96q1.102 1.252 1.724 2.825t.622 3.232q0 1.683-.622 3.222t-1.724 2.79q-.954 1.065-2.155 1.765q-1.203.7-2.593.931q-.242.039-.49.071q-.249.033-.49.035q-.232.008-.391-.148q-.16-.156-.16-.387q0-.142.062-.25q.061-.11.179-.19q1.805-1.422 2.797-3.475q.991-2.054.991-4.364q0-2.292-.991-4.378q-.992-2.085-2.797-3.506q-.118-.081-.18-.19t-.06-.25q0-.232.159-.384q.16-.153.39-.146q.242.002.49.035q.249.033.491.071q1.39.231 2.592.928t2.156 1.762"/></svg> </template>
CSS
.icon-brightness-3-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%22M15.846%205.96q1.102%201.252%201.724%202.825t.622%203.232q0%201.683-.622%203.222t-1.724%202.79q-.954%201.065-2.155%201.765q-1.203.7-2.593.931q-.242.039-.49.071q-.249.033-.49.035q-.232.008-.391-.148q-.16-.156-.16-.387q0-.142.062-.25q.061-.11.179-.19q1.805-1.422%202.797-3.475q.991-2.054.991-4.364q0-2.292-.991-4.378q-.992-2.085-2.797-3.506q-.118-.081-.18-.19t-.06-.25q0-.232.159-.384q.16-.153.39-.146q.242.002.49.035q.249.033.491.071q1.39.231%202.592.928t2.156%201.762%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%22M15.846%205.96q1.102%201.252%201.724%202.825t.622%203.232q0%201.683-.622%203.222t-1.724%202.79q-.954%201.065-2.155%201.765q-1.203.7-2.593.931q-.242.039-.49.071q-.249.033-.49.035q-.232.008-.391-.148q-.16-.156-.16-.387q0-.142.062-.25q.061-.11.179-.19q1.805-1.422%202.797-3.475q.991-2.054.991-4.364q0-2.292-.991-4.378q-.992-2.085-2.797-3.506q-.118-.081-.18-.19t-.06-.25q0-.232.159-.384q.16-.153.39-.146q.242.002.49.035q.249.033.491.071q1.39.231%202.592.928t2.156%201.762%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/brightness-3-rounded.svg?color=%231a73e8&size=48
