lightbulb on icon

lightbulb-on-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.

Name
lightbulb-on-sharp
Set
Keyline Icons
Style
Sharp
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

lightbulb-onlightbulb-on-duotonelightbulb-on-filllightbulb-on-sharp-duotonelightbulb-on-sharp-filllightbulb-on-sharp-two-tonelightbulb-on-two-tone

The same icon in other sets

lightbulb-onMaterial Design Iconslightbulb-onPixelarticons

Use the lightbulb on icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M8.0129 14.0886L7.9689 14C7.6605 13.3784 7.5 12.6939 7.5 12C7.5 9.5147 9.5147 7.5 12 7.5C14.4853 7.5 16.5 9.5147 16.5 12C16.5 12.6939 16.3395 13.3784 16.0311 14L15.9871 14.0886M9 18L15 18M10 22L14 22M19.5 12L23 12M4.5 12L1 12M12 4.5L12 1M6.6967 6.6967L4.2218 4.2218M17.3033 6.6967L19.7782 4.2218"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsLightbulbOnSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M8.0129 14.0886L7.9689 14C7.6605 13.3784 7.5 12.6939 7.5 12C7.5 9.5147 9.5147 7.5 12 7.5C14.4853 7.5 16.5 9.5147 16.5 12C16.5 12.6939 16.3395 13.3784 16.0311 14L15.9871 14.0886M9 18L15 18M10 22L14 22M19.5 12L23 12M4.5 12L1 12M12 4.5L12 1M6.6967 6.6967L4.2218 4.2218M17.3033 6.6967L19.7782 4.2218"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M8.0129 14.0886L7.9689 14C7.6605 13.3784 7.5 12.6939 7.5 12C7.5 9.5147 9.5147 7.5 12 7.5C14.4853 7.5 16.5 9.5147 16.5 12C16.5 12.6939 16.3395 13.3784 16.0311 14L15.9871 14.0886M9 18L15 18M10 22L14 22M19.5 12L23 12M4.5 12L1 12M12 4.5L12 1M6.6967 6.6967L4.2218 4.2218M17.3033 6.6967L19.7782 4.2218"/></svg>
</template>

CSS

.icon-lightbulb-on-sharp {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M8.0129%2014.0886L7.9689%2014C7.6605%2013.3784%207.5%2012.6939%207.5%2012C7.5%209.5147%209.5147%207.5%2012%207.5C14.4853%207.5%2016.5%209.5147%2016.5%2012C16.5%2012.6939%2016.3395%2013.3784%2016.0311%2014L15.9871%2014.0886M9%2018L15%2018M10%2022L14%2022M19.5%2012L23%2012M4.5%2012L1%2012M12%204.5L12%201M6.6967%206.6967L4.2218%204.2218M17.3033%206.6967L19.7782%204.2218%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M8.0129%2014.0886L7.9689%2014C7.6605%2013.3784%207.5%2012.6939%207.5%2012C7.5%209.5147%209.5147%207.5%2012%207.5C14.4853%207.5%2016.5%209.5147%2016.5%2012C16.5%2012.6939%2016.3395%2013.3784%2016.0311%2014L15.9871%2014.0886M9%2018L15%2018M10%2022L14%2022M19.5%2012L23%2012M4.5%2012L1%2012M12%204.5L12%201M6.6967%206.6967L4.2218%204.2218M17.3033%206.6967L19.7782%204.2218%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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