brightness auto icon

brightness-auto-outline-rounded from Material Symbols by Google · Outline Rounded · Android · Apache-2.0 Free for personal and commercial use.

Name
brightness-auto-outline-rounded
Set
Material Symbols
Style
Outline Rounded
Category
Android
Viewbox
24×24
License
Apache 2.0

3 other variants in Material Symbols

The same icon in other sets

More android icons from Material Symbols

Use the brightness auto icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.2 13.7h3.65l.625 1.825q.075.2.263.338t.412.137q.375 0 .588-.312t.087-.663l-2.85-7.55q-.075-.225-.275-.35T12.275 7h-.55q-.225 0-.425.125t-.275.35L8.175 15q-.125.35.088.675t.612.325q.25 0 .438-.137t.262-.363zm.45-1.3l1.3-3.75h.1l1.3 3.75zm-2 7.6H6q-.825 0-1.412-.587T4 18v-2.65L2.075 13.4q-.275-.3-.425-.662T1.5 12t.15-.737t.425-.663L4 8.65V6q0-.825.588-1.412T6 4h2.65l1.95-1.925q.3-.275.663-.425T12 1.5t.738.15t.662.425L15.35 4H18q.825 0 1.413.588T20 6v2.65l1.925 1.95q.275.3.425.663t.15.737t-.15.738t-.425.662L20 15.35V18q0 .825-.587 1.413T18 20h-2.65l-1.95 1.925q-.3.275-.662.425T12 22.5t-.737-.15t-.663-.425zm.85-2l2.5 2.5l2.5-2.5H18v-3.5l2.5-2.5L18 9.5V6h-3.5L12 3.5L9.5 6H6v3.5L3.5 12L6 14.5V18zm2.5-6"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsBrightnessAutoOutlineRounded(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="M10.2 13.7h3.65l.625 1.825q.075.2.263.338t.412.137q.375 0 .588-.312t.087-.663l-2.85-7.55q-.075-.225-.275-.35T12.275 7h-.55q-.225 0-.425.125t-.275.35L8.175 15q-.125.35.088.675t.612.325q.25 0 .438-.137t.262-.363zm.45-1.3l1.3-3.75h.1l1.3 3.75zm-2 7.6H6q-.825 0-1.412-.587T4 18v-2.65L2.075 13.4q-.275-.3-.425-.662T1.5 12t.15-.737t.425-.663L4 8.65V6q0-.825.588-1.412T6 4h2.65l1.95-1.925q.3-.275.663-.425T12 1.5t.738.15t.662.425L15.35 4H18q.825 0 1.413.588T20 6v2.65l1.925 1.95q.275.3.425.663t.15.737t-.15.738t-.425.662L20 15.35V18q0 .825-.587 1.413T18 20h-2.65l-1.95 1.925q-.3.275-.662.425T12 22.5t-.737-.15t-.663-.425zm.85-2l2.5 2.5l2.5-2.5H18v-3.5l2.5-2.5L18 9.5V6h-3.5L12 3.5L9.5 6H6v3.5L3.5 12L6 14.5V18zm2.5-6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.2 13.7h3.65l.625 1.825q.075.2.263.338t.412.137q.375 0 .588-.312t.087-.663l-2.85-7.55q-.075-.225-.275-.35T12.275 7h-.55q-.225 0-.425.125t-.275.35L8.175 15q-.125.35.088.675t.612.325q.25 0 .438-.137t.262-.363zm.45-1.3l1.3-3.75h.1l1.3 3.75zm-2 7.6H6q-.825 0-1.412-.587T4 18v-2.65L2.075 13.4q-.275-.3-.425-.662T1.5 12t.15-.737t.425-.663L4 8.65V6q0-.825.588-1.412T6 4h2.65l1.95-1.925q.3-.275.663-.425T12 1.5t.738.15t.662.425L15.35 4H18q.825 0 1.413.588T20 6v2.65l1.925 1.95q.275.3.425.663t.15.737t-.15.738t-.425.662L20 15.35V18q0 .825-.587 1.413T18 20h-2.65l-1.95 1.925q-.3.275-.662.425T12 22.5t-.737-.15t-.663-.425zm.85-2l2.5 2.5l2.5-2.5H18v-3.5l2.5-2.5L18 9.5V6h-3.5L12 3.5L9.5 6H6v3.5L3.5 12L6 14.5V18zm2.5-6"/></svg>
</template>

CSS

.icon-brightness-auto-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%22M10.2%2013.7h3.65l.625%201.825q.075.2.263.338t.412.137q.375%200%20.588-.312t.087-.663l-2.85-7.55q-.075-.225-.275-.35T12.275%207h-.55q-.225%200-.425.125t-.275.35L8.175%2015q-.125.35.088.675t.612.325q.25%200%20.438-.137t.262-.363zm.45-1.3l1.3-3.75h.1l1.3%203.75zm-2%207.6H6q-.825%200-1.412-.587T4%2018v-2.65L2.075%2013.4q-.275-.3-.425-.662T1.5%2012t.15-.737t.425-.663L4%208.65V6q0-.825.588-1.412T6%204h2.65l1.95-1.925q.3-.275.663-.425T12%201.5t.738.15t.662.425L15.35%204H18q.825%200%201.413.588T20%206v2.65l1.925%201.95q.275.3.425.663t.15.737t-.15.738t-.425.662L20%2015.35V18q0%20.825-.587%201.413T18%2020h-2.65l-1.95%201.925q-.3.275-.662.425T12%2022.5t-.737-.15t-.663-.425zm.85-2l2.5%202.5l2.5-2.5H18v-3.5l2.5-2.5L18%209.5V6h-3.5L12%203.5L9.5%206H6v3.5L3.5%2012L6%2014.5V18zm2.5-6%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%22M10.2%2013.7h3.65l.625%201.825q.075.2.263.338t.412.137q.375%200%20.588-.312t.087-.663l-2.85-7.55q-.075-.225-.275-.35T12.275%207h-.55q-.225%200-.425.125t-.275.35L8.175%2015q-.125.35.088.675t.612.325q.25%200%20.438-.137t.262-.363zm.45-1.3l1.3-3.75h.1l1.3%203.75zm-2%207.6H6q-.825%200-1.412-.587T4%2018v-2.65L2.075%2013.4q-.275-.3-.425-.662T1.5%2012t.15-.737t.425-.663L4%208.65V6q0-.825.588-1.412T6%204h2.65l1.95-1.925q.3-.275.663-.425T12%201.5t.738.15t.662.425L15.35%204H18q.825%200%201.413.588T20%206v2.65l1.925%201.95q.275.3.425.663t.15.737t-.15.738t-.425.662L20%2015.35V18q0%20.825-.587%201.413T18%2020h-2.65l-1.95%201.925q-.3.275-.662.425T12%2022.5t-.737-.15t-.663-.425zm.85-2l2.5%202.5l2.5-2.5H18v-3.5l2.5-2.5L18%209.5V6h-3.5L12%203.5L9.5%206H6v3.5L3.5%2012L6%2014.5V18zm2.5-6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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