bulb icon

bulb-twotone from Ant Design Icons by HeskeyBaozi · TwoTone · MIT Free for personal and commercial use.

Name: bulb-twotone
Set: Ant Design Icons
Style: TwoTone
Viewbox: 1024×1024
License: MIT

2 other variants in Ant Design Icons

The same icon in other sets

bulbBoxIcons v2 bulbBoxIcons v2 Solid bulb-fillEva Icons bulbcss.gg bulbHuge Icons bulbHumbleicons bulbIonIcons bulb-fillMingCute Icon bulbTabler Icons

Use the bulb icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M512 136c-141.4 0-256 114.6-256 256c0 92.5 49.4 176.3 128.1 221.8l35.9 20.8V752h184V634.6l35.9-20.8C718.6 568.3 768 484.5 768 392c0-141.4-114.6-256-256-256"/><path fill="currentColor" d="M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8M512 64c-181.1 0-328 146.9-328 328c0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1c0-181.1-146.9-328-328-328m127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignBulbTwotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillOpacity=".15" d="M512 136c-141.4 0-256 114.6-256 256c0 92.5 49.4 176.3 128.1 221.8l35.9 20.8V752h184V634.6l35.9-20.8C718.6 568.3 768 484.5 768 392c0-141.4-114.6-256-256-256"/><path fill="currentColor" d="M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8M512 64c-181.1 0-328 146.9-328 328c0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1c0-181.1-146.9-328-328-328m127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M512 136c-141.4 0-256 114.6-256 256c0 92.5 49.4 176.3 128.1 221.8l35.9 20.8V752h184V634.6l35.9-20.8C718.6 568.3 768 484.5 768 392c0-141.4-114.6-256-256-256"/><path fill="currentColor" d="M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8M512 64c-181.1 0-328 146.9-328 328c0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1c0-181.1-146.9-328-328-328m127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8"/></svg>
</template>

CSS

.icon-bulb-twotone {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M512%20136c-141.4%200-256%20114.6-256%20256c0%2092.5%2049.4%20176.3%20128.1%20221.8l35.9%2020.8V752h184V634.6l35.9-20.8C718.6%20568.3%20768%20484.5%20768%20392c0-141.4-114.6-256-256-256%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M632%20888H392c-4.4%200-8%203.6-8%208v32c0%2017.7%2014.3%2032%2032%2032h192c17.7%200%2032-14.3%2032-32v-32c0-4.4-3.6-8-8-8M512%2064c-181.1%200-328%20146.9-328%20328c0%20121.4%2066%20227.4%20164%20284.1V792c0%2017.7%2014.3%2032%2032%2032h264c17.7%200%2032-14.3%2032-32V676.1c98-56.7%20164-162.7%20164-284.1c0-181.1-146.9-328-328-328m127.9%20549.8L604%20634.6V752H420V634.6l-35.9-20.8C305.4%20568.3%20256%20484.5%20256%20392c0-141.4%20114.6-256%20256-256s256%20114.6%20256%20256c0%2092.5-49.4%20176.3-128.1%20221.8%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M512%20136c-141.4%200-256%20114.6-256%20256c0%2092.5%2049.4%20176.3%20128.1%20221.8l35.9%2020.8V752h184V634.6l35.9-20.8C718.6%20568.3%20768%20484.5%20768%20392c0-141.4-114.6-256-256-256%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M632%20888H392c-4.4%200-8%203.6-8%208v32c0%2017.7%2014.3%2032%2032%2032h192c17.7%200%2032-14.3%2032-32v-32c0-4.4-3.6-8-8-8M512%2064c-181.1%200-328%20146.9-328%20328c0%20121.4%2066%20227.4%20164%20284.1V792c0%2017.7%2014.3%2032%2032%2032h264c17.7%200%2032-14.3%2032-32V676.1c98-56.7%20164-162.7%20164-284.1c0-181.1-146.9-328-328-328m127.9%20549.8L604%20634.6V752H420V634.6l-35.9-20.8C305.4%20568.3%20256%20484.5%20256%20392c0-141.4%20114.6-256%20256-256s256%20114.6%20256%20256c0%2092.5-49.4%20176.3-128.1%20221.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/bulb-twotone.svg?color=%231a73e8&size=48