lightbulb circle icon

lightbulb-circle-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.

Name: lightbulb-circle-filled
Set: TDesign Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in TDesign Icons

The same icon in other sets

lightbulb-circle-20-filledFluent UI System Icons lightbulb-circleMaterial Symbols lightbulb-circleMaterial Symbols Light

Use the lightbulb circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12S5.925 1 12 1s11 4.925 11 11M12 4.5a4.956 4.956 0 0 0-4.95 4.95c0 .75.164 1.467.487 2.136c.564 1.168 1.184 2.493 1.683 3.914h5.56c.5-1.421 1.12-2.746 1.684-3.914a4.9 4.9 0 0 0 .486-2.136c0-2.73-2.22-4.95-4.95-4.95M9.5 17v2h5v-2z"/></svg>

React

import type { SVGProps } from "react";

export function TdesignLightbulbCircleFilled(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="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12S5.925 1 12 1s11 4.925 11 11M12 4.5a4.956 4.956 0 0 0-4.95 4.95c0 .75.164 1.467.487 2.136c.564 1.168 1.184 2.493 1.683 3.914h5.56c.5-1.421 1.12-2.746 1.684-3.914a4.9 4.9 0 0 0 .486-2.136c0-2.73-2.22-4.95-4.95-4.95M9.5 17v2h5v-2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12S5.925 1 12 1s11 4.925 11 11M12 4.5a4.956 4.956 0 0 0-4.95 4.95c0 .75.164 1.467.487 2.136c.564 1.168 1.184 2.493 1.683 3.914h5.56c.5-1.421 1.12-2.746 1.684-3.914a4.9 4.9 0 0 0 .486-2.136c0-2.73-2.22-4.95-4.95-4.95M9.5 17v2h5v-2z"/></svg>
</template>

CSS

.icon-lightbulb-circle-filled {
  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%22M23%2012c0%206.075-4.925%2011-11%2011S1%2018.075%201%2012S5.925%201%2012%201s11%204.925%2011%2011M12%204.5a4.956%204.956%200%200%200-4.95%204.95c0%20.75.164%201.467.487%202.136c.564%201.168%201.184%202.493%201.683%203.914h5.56c.5-1.421%201.12-2.746%201.684-3.914a4.9%204.9%200%200%200%20.486-2.136c0-2.73-2.22-4.95-4.95-4.95M9.5%2017v2h5v-2z%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%22M23%2012c0%206.075-4.925%2011-11%2011S1%2018.075%201%2012S5.925%201%2012%201s11%204.925%2011%2011M12%204.5a4.956%204.956%200%200%200-4.95%204.95c0%20.75.164%201.467.487%202.136c.564%201.168%201.184%202.493%201.683%203.914h5.56c.5-1.421%201.12-2.746%201.684-3.914a4.9%204.9%200%200%200%20.486-2.136c0-2.73-2.22-4.95-4.95-4.95M9.5%2017v2h5v-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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