lightbulb night icon

lightbulb-night from Material Design Icons by Pictogrammers · Filled · Home Automation · Apache-2.0 Free for personal and commercial use.

Name: lightbulb-night
Set: Material Design Icons
Style: Filled
Category: Home Automation
Viewbox: 24×24
License: Apache 2.0
Aliases: lightbulb-moon-star, night-light, nite-light

1 other variant in Material Design Icons

lightbulb-night-outline

More home automation icons from Material Design Icons

Use the lightbulb night icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H6zm7-4.68V17c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1v-2.26C3.19 13.47 2 11.38 2 9c0-3.87 3.13-7 7-7c1.65 0 3.16.57 4.35 1.5C10.8 4.57 9 7.07 9 10c0 2.79 1.64 5.19 4 6.32m7.92-6.38l-1.42-.91l-1.4.97l.4-1.65l-1.33-1.03l1.68-.11l.56-1.61l.63 1.58l1.68.04l-1.3 1.08zM19.39 13c-1.89 2.27-5.36 2.19-7.17-.05C10 10.13 11.56 6 15 5.34c.34-.05.64.29.5.63c-.45 1.28-.38 2.74.35 4a4.62 4.62 0 0 0 3.27 2.28c.35.05.5.49.27.75"/></svg>

React

import type { SVGProps } from "react";

export function MdiLightbulbNight(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="M6 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H6zm7-4.68V17c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1v-2.26C3.19 13.47 2 11.38 2 9c0-3.87 3.13-7 7-7c1.65 0 3.16.57 4.35 1.5C10.8 4.57 9 7.07 9 10c0 2.79 1.64 5.19 4 6.32m7.92-6.38l-1.42-.91l-1.4.97l.4-1.65l-1.33-1.03l1.68-.11l.56-1.61l.63 1.58l1.68.04l-1.3 1.08zM19.39 13c-1.89 2.27-5.36 2.19-7.17-.05C10 10.13 11.56 6 15 5.34c.34-.05.64.29.5.63c-.45 1.28-.38 2.74.35 4a4.62 4.62 0 0 0 3.27 2.28c.35.05.5.49.27.75"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H6zm7-4.68V17c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1v-2.26C3.19 13.47 2 11.38 2 9c0-3.87 3.13-7 7-7c1.65 0 3.16.57 4.35 1.5C10.8 4.57 9 7.07 9 10c0 2.79 1.64 5.19 4 6.32m7.92-6.38l-1.42-.91l-1.4.97l.4-1.65l-1.33-1.03l1.68-.11l.56-1.61l.63 1.58l1.68.04l-1.3 1.08zM19.39 13c-1.89 2.27-5.36 2.19-7.17-.05C10 10.13 11.56 6 15 5.34c.34-.05.64.29.5.63c-.45 1.28-.38 2.74.35 4a4.62 4.62 0 0 0 3.27 2.28c.35.05.5.49.27.75"/></svg>
</template>

CSS

.icon-lightbulb-night {
  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%22M6%2021c0%20.55.45%201%201%201h4c.55%200%201-.45%201-1v-1H6zm7-4.68V17c0%20.55-.45%201-1%201H6c-.55%200-1-.45-1-1v-2.26C3.19%2013.47%202%2011.38%202%209c0-3.87%203.13-7%207-7c1.65%200%203.16.57%204.35%201.5C10.8%204.57%209%207.07%209%2010c0%202.79%201.64%205.19%204%206.32m7.92-6.38l-1.42-.91l-1.4.97l.4-1.65l-1.33-1.03l1.68-.11l.56-1.61l.63%201.58l1.68.04l-1.3%201.08zM19.39%2013c-1.89%202.27-5.36%202.19-7.17-.05C10%2010.13%2011.56%206%2015%205.34c.34-.05.64.29.5.63c-.45%201.28-.38%202.74.35%204a4.62%204.62%200%200%200%203.27%202.28c.35.05.5.49.27.75%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%22M6%2021c0%20.55.45%201%201%201h4c.55%200%201-.45%201-1v-1H6zm7-4.68V17c0%20.55-.45%201-1%201H6c-.55%200-1-.45-1-1v-2.26C3.19%2013.47%202%2011.38%202%209c0-3.87%203.13-7%207-7c1.65%200%203.16.57%204.35%201.5C10.8%204.57%209%207.07%209%2010c0%202.79%201.64%205.19%204%206.32m7.92-6.38l-1.42-.91l-1.4.97l.4-1.65l-1.33-1.03l1.68-.11l.56-1.61l.63%201.58l1.68.04l-1.3%201.08zM19.39%2013c-1.89%202.27-5.36%202.19-7.17-.05C10%2010.13%2011.56%206%2015%205.34c.34-.05.64.29.5.63c-.45%201.28-.38%202.74.35%204a4.62%204.62%200%200%200%203.27%202.28c.35.05.5.49.27.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/lightbulb-night.svg?color=%231a73e8&size=48