light bulb icon
light-bulb-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- light-bulb-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
The same icon in other sets
Related icons in Mage Icons
Use the light bulb icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.754 2.305a.75.75 0 0 0-1.5 0v1.48a.75.75 0 0 0 1.5 0zm5.111 7.99a5.9 5.9 0 0 0-1.11-2.22a6 6 0 0 0-1.91-1.59a6.2 6.2 0 0 0-2.38-.69a6 6 0 0 0-2.46.33a6 6 0 0 0-2.13 1.29a6.2 6.2 0 0 0-1.43 2a6 6 0 0 0-.49 2.43a6.09 6.09 0 0 0 2.41 5l.35.33c.3.31.3.31.29 1v.32a1.6 1.6 0 0 0 .1.65c.07.222.194.425.36.59q.114.117.25.21v1a1.38 1.38 0 0 0 1.26 1.5h2a1.39 1.39 0 0 0 1.27-1.5v-1a1.6 1.6 0 0 0 .25-.21c.157-.166.277-.364.35-.58a1.7 1.7 0 0 0 .1-.66v-.37c0-.55 0-.55.31-.9l.38-.35a6.17 6.17 0 0 0 2.33-4.07a5.9 5.9 0 0 0-.1-2.51m-5.07 10.63h-1.58v-.63h1.58zm-.79-10.56a1.23 1.23 0 0 0-1.23 1.23a1 1 0 1 1-2 0a3.21 3.21 0 0 1 3.23-3.23a1 1 0 0 1 0 2m9.16 2.5h-1.83a.75.75 0 0 1 0-1.5h1.83a.75.75 0 1 1 0 1.5m-3.68-6.01a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06l1.3-1.3a.75.75 0 0 1 1.06 1.06l-1.3 1.3a.73.73 0 0 1-.53.22m2.3 12.44a.8.8 0 0 1-.53-.22l-1.3-1.3a.75.75 0 0 1 .242-1.226a.74.74 0 0 1 .818.166l1.3 1.3a.74.74 0 0 1 0 1.06a.75.75 0 0 1-.53.22M6.535 6.855a.75.75 0 0 1-.53-.22l-1.3-1.3a.753.753 0 1 1 1.07-1.06l1.29 1.3a.75.75 0 0 1-.53 1.28m-2.29 12.44a.7.7 0 0 1-.53-.22a.75.75 0 0 1 0-1.06l1.3-1.3a.75.75 0 0 1 1.06 1.06l-1.29 1.31a.8.8 0 0 1-.54.21m.42-6.43h-1.83a.75.75 0 1 1 0-1.5h1.83a.75.75 0 1 1 0 1.5"/></svg>
React
import type { SVGProps } from "react";
export function MageLightBulbFill(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.754 2.305a.75.75 0 0 0-1.5 0v1.48a.75.75 0 0 0 1.5 0zm5.111 7.99a5.9 5.9 0 0 0-1.11-2.22a6 6 0 0 0-1.91-1.59a6.2 6.2 0 0 0-2.38-.69a6 6 0 0 0-2.46.33a6 6 0 0 0-2.13 1.29a6.2 6.2 0 0 0-1.43 2a6 6 0 0 0-.49 2.43a6.09 6.09 0 0 0 2.41 5l.35.33c.3.31.3.31.29 1v.32a1.6 1.6 0 0 0 .1.65c.07.222.194.425.36.59q.114.117.25.21v1a1.38 1.38 0 0 0 1.26 1.5h2a1.39 1.39 0 0 0 1.27-1.5v-1a1.6 1.6 0 0 0 .25-.21c.157-.166.277-.364.35-.58a1.7 1.7 0 0 0 .1-.66v-.37c0-.55 0-.55.31-.9l.38-.35a6.17 6.17 0 0 0 2.33-4.07a5.9 5.9 0 0 0-.1-2.51m-5.07 10.63h-1.58v-.63h1.58zm-.79-10.56a1.23 1.23 0 0 0-1.23 1.23a1 1 0 1 1-2 0a3.21 3.21 0 0 1 3.23-3.23a1 1 0 0 1 0 2m9.16 2.5h-1.83a.75.75 0 0 1 0-1.5h1.83a.75.75 0 1 1 0 1.5m-3.68-6.01a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06l1.3-1.3a.75.75 0 0 1 1.06 1.06l-1.3 1.3a.73.73 0 0 1-.53.22m2.3 12.44a.8.8 0 0 1-.53-.22l-1.3-1.3a.75.75 0 0 1 .242-1.226a.74.74 0 0 1 .818.166l1.3 1.3a.74.74 0 0 1 0 1.06a.75.75 0 0 1-.53.22M6.535 6.855a.75.75 0 0 1-.53-.22l-1.3-1.3a.753.753 0 1 1 1.07-1.06l1.29 1.3a.75.75 0 0 1-.53 1.28m-2.29 12.44a.7.7 0 0 1-.53-.22a.75.75 0 0 1 0-1.06l1.3-1.3a.75.75 0 0 1 1.06 1.06l-1.29 1.31a.8.8 0 0 1-.54.21m.42-6.43h-1.83a.75.75 0 1 1 0-1.5h1.83a.75.75 0 1 1 0 1.5"/></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.754 2.305a.75.75 0 0 0-1.5 0v1.48a.75.75 0 0 0 1.5 0zm5.111 7.99a5.9 5.9 0 0 0-1.11-2.22a6 6 0 0 0-1.91-1.59a6.2 6.2 0 0 0-2.38-.69a6 6 0 0 0-2.46.33a6 6 0 0 0-2.13 1.29a6.2 6.2 0 0 0-1.43 2a6 6 0 0 0-.49 2.43a6.09 6.09 0 0 0 2.41 5l.35.33c.3.31.3.31.29 1v.32a1.6 1.6 0 0 0 .1.65c.07.222.194.425.36.59q.114.117.25.21v1a1.38 1.38 0 0 0 1.26 1.5h2a1.39 1.39 0 0 0 1.27-1.5v-1a1.6 1.6 0 0 0 .25-.21c.157-.166.277-.364.35-.58a1.7 1.7 0 0 0 .1-.66v-.37c0-.55 0-.55.31-.9l.38-.35a6.17 6.17 0 0 0 2.33-4.07a5.9 5.9 0 0 0-.1-2.51m-5.07 10.63h-1.58v-.63h1.58zm-.79-10.56a1.23 1.23 0 0 0-1.23 1.23a1 1 0 1 1-2 0a3.21 3.21 0 0 1 3.23-3.23a1 1 0 0 1 0 2m9.16 2.5h-1.83a.75.75 0 0 1 0-1.5h1.83a.75.75 0 1 1 0 1.5m-3.68-6.01a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06l1.3-1.3a.75.75 0 0 1 1.06 1.06l-1.3 1.3a.73.73 0 0 1-.53.22m2.3 12.44a.8.8 0 0 1-.53-.22l-1.3-1.3a.75.75 0 0 1 .242-1.226a.74.74 0 0 1 .818.166l1.3 1.3a.74.74 0 0 1 0 1.06a.75.75 0 0 1-.53.22M6.535 6.855a.75.75 0 0 1-.53-.22l-1.3-1.3a.753.753 0 1 1 1.07-1.06l1.29 1.3a.75.75 0 0 1-.53 1.28m-2.29 12.44a.7.7 0 0 1-.53-.22a.75.75 0 0 1 0-1.06l1.3-1.3a.75.75 0 0 1 1.06 1.06l-1.29 1.31a.8.8 0 0 1-.54.21m.42-6.43h-1.83a.75.75 0 1 1 0-1.5h1.83a.75.75 0 1 1 0 1.5"/></svg> </template>
CSS
.icon-light-bulb-fill {
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.754%202.305a.75.75%200%200%200-1.5%200v1.48a.75.75%200%200%200%201.5%200zm5.111%207.99a5.9%205.9%200%200%200-1.11-2.22a6%206%200%200%200-1.91-1.59a6.2%206.2%200%200%200-2.38-.69a6%206%200%200%200-2.46.33a6%206%200%200%200-2.13%201.29a6.2%206.2%200%200%200-1.43%202a6%206%200%200%200-.49%202.43a6.09%206.09%200%200%200%202.41%205l.35.33c.3.31.3.31.29%201v.32a1.6%201.6%200%200%200%20.1.65c.07.222.194.425.36.59q.114.117.25.21v1a1.38%201.38%200%200%200%201.26%201.5h2a1.39%201.39%200%200%200%201.27-1.5v-1a1.6%201.6%200%200%200%20.25-.21c.157-.166.277-.364.35-.58a1.7%201.7%200%200%200%20.1-.66v-.37c0-.55%200-.55.31-.9l.38-.35a6.17%206.17%200%200%200%202.33-4.07a5.9%205.9%200%200%200-.1-2.51m-5.07%2010.63h-1.58v-.63h1.58zm-.79-10.56a1.23%201.23%200%200%200-1.23%201.23a1%201%200%201%201-2%200a3.21%203.21%200%200%201%203.23-3.23a1%201%200%200%201%200%202m9.16%202.5h-1.83a.75.75%200%200%201%200-1.5h1.83a.75.75%200%201%201%200%201.5m-3.68-6.01a.74.74%200%200%201-.53-.22a.75.75%200%200%201%200-1.06l1.3-1.3a.75.75%200%200%201%201.06%201.06l-1.3%201.3a.73.73%200%200%201-.53.22m2.3%2012.44a.8.8%200%200%201-.53-.22l-1.3-1.3a.75.75%200%200%201%20.242-1.226a.74.74%200%200%201%20.818.166l1.3%201.3a.74.74%200%200%201%200%201.06a.75.75%200%200%201-.53.22M6.535%206.855a.75.75%200%200%201-.53-.22l-1.3-1.3a.753.753%200%201%201%201.07-1.06l1.29%201.3a.75.75%200%200%201-.53%201.28m-2.29%2012.44a.7.7%200%200%201-.53-.22a.75.75%200%200%201%200-1.06l1.3-1.3a.75.75%200%200%201%201.06%201.06l-1.29%201.31a.8.8%200%200%201-.54.21m.42-6.43h-1.83a.75.75%200%201%201%200-1.5h1.83a.75.75%200%201%201%200%201.5%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.754%202.305a.75.75%200%200%200-1.5%200v1.48a.75.75%200%200%200%201.5%200zm5.111%207.99a5.9%205.9%200%200%200-1.11-2.22a6%206%200%200%200-1.91-1.59a6.2%206.2%200%200%200-2.38-.69a6%206%200%200%200-2.46.33a6%206%200%200%200-2.13%201.29a6.2%206.2%200%200%200-1.43%202a6%206%200%200%200-.49%202.43a6.09%206.09%200%200%200%202.41%205l.35.33c.3.31.3.31.29%201v.32a1.6%201.6%200%200%200%20.1.65c.07.222.194.425.36.59q.114.117.25.21v1a1.38%201.38%200%200%200%201.26%201.5h2a1.39%201.39%200%200%200%201.27-1.5v-1a1.6%201.6%200%200%200%20.25-.21c.157-.166.277-.364.35-.58a1.7%201.7%200%200%200%20.1-.66v-.37c0-.55%200-.55.31-.9l.38-.35a6.17%206.17%200%200%200%202.33-4.07a5.9%205.9%200%200%200-.1-2.51m-5.07%2010.63h-1.58v-.63h1.58zm-.79-10.56a1.23%201.23%200%200%200-1.23%201.23a1%201%200%201%201-2%200a3.21%203.21%200%200%201%203.23-3.23a1%201%200%200%201%200%202m9.16%202.5h-1.83a.75.75%200%200%201%200-1.5h1.83a.75.75%200%201%201%200%201.5m-3.68-6.01a.74.74%200%200%201-.53-.22a.75.75%200%200%201%200-1.06l1.3-1.3a.75.75%200%200%201%201.06%201.06l-1.3%201.3a.73.73%200%200%201-.53.22m2.3%2012.44a.8.8%200%200%201-.53-.22l-1.3-1.3a.75.75%200%200%201%20.242-1.226a.74.74%200%200%201%20.818.166l1.3%201.3a.74.74%200%200%201%200%201.06a.75.75%200%200%201-.53.22M6.535%206.855a.75.75%200%200%201-.53-.22l-1.3-1.3a.753.753%200%201%201%201.07-1.06l1.29%201.3a.75.75%200%200%201-.53%201.28m-2.29%2012.44a.7.7%200%200%201-.53-.22a.75.75%200%200%201%200-1.06l1.3-1.3a.75.75%200%200%201%201.06%201.06l-1.29%201.31a.8.8%200%200%201-.54.21m.42-6.43h-1.83a.75.75%200%201%201%200-1.5h1.83a.75.75%200%201%201%200%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/light-bulb-fill.svg?color=%231a73e8&size=48
