light bulb emoji
light-bulb from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- light-bulb
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the light bulb emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffd983" d="M29 11.06c0 6.439-5 7.439-5 13.44c0 3.098-3.123 3.359-5.5 3.359c-2.053 0-6.586-.779-6.586-3.361C11.914 18.5 7 17.5 7 11.06C7 5.029 12.285.14 18.083.14C23.883.14 29 5.029 29 11.06"/><path fill="#ccd6dd" d="M22.167 32.5c0 .828-2.234 2.5-4.167 2.5s-4.167-1.672-4.167-2.5S16.066 32 18 32s4.167-.328 4.167.5"/><path fill="#ffcc4d" d="M22.707 10.293a1 1 0 0 0-1.414 0L18 13.586l-3.293-3.293a.999.999 0 1 0-1.414 1.414L17 15.414V26a1 1 0 1 0 2 0V15.414l3.707-3.707a1 1 0 0 0 0-1.414"/><path fill="#99aab5" d="M24 31a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-6h12z"/><path fill="#ccd6dd" d="M11.999 32a1 1 0 0 1-.163-1.986l12-2a.994.994 0 0 1 1.15.822a1 1 0 0 1-.822 1.15l-12 2a1 1 0 0 1-.165.014m0-4a1 1 0 0 1-.163-1.986l12-2a.995.995 0 0 1 1.15.822a1 1 0 0 1-.822 1.15l-12 2a1 1 0 0 1-.165.014"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiLightBulb(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffd983" d="M29 11.06c0 6.439-5 7.439-5 13.44c0 3.098-3.123 3.359-5.5 3.359c-2.053 0-6.586-.779-6.586-3.361C11.914 18.5 7 17.5 7 11.06C7 5.029 12.285.14 18.083.14C23.883.14 29 5.029 29 11.06"/><path fill="#ccd6dd" d="M22.167 32.5c0 .828-2.234 2.5-4.167 2.5s-4.167-1.672-4.167-2.5S16.066 32 18 32s4.167-.328 4.167.5"/><path fill="#ffcc4d" d="M22.707 10.293a1 1 0 0 0-1.414 0L18 13.586l-3.293-3.293a.999.999 0 1 0-1.414 1.414L17 15.414V26a1 1 0 1 0 2 0V15.414l3.707-3.707a1 1 0 0 0 0-1.414"/><path fill="#99aab5" d="M24 31a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-6h12z"/><path fill="#ccd6dd" d="M11.999 32a1 1 0 0 1-.163-1.986l12-2a.994.994 0 0 1 1.15.822a1 1 0 0 1-.822 1.15l-12 2a1 1 0 0 1-.165.014m0-4a1 1 0 0 1-.163-1.986l12-2a.995.995 0 0 1 1.15.822a1 1 0 0 1-.822 1.15l-12 2a1 1 0 0 1-.165.014"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffd983" d="M29 11.06c0 6.439-5 7.439-5 13.44c0 3.098-3.123 3.359-5.5 3.359c-2.053 0-6.586-.779-6.586-3.361C11.914 18.5 7 17.5 7 11.06C7 5.029 12.285.14 18.083.14C23.883.14 29 5.029 29 11.06"/><path fill="#ccd6dd" d="M22.167 32.5c0 .828-2.234 2.5-4.167 2.5s-4.167-1.672-4.167-2.5S16.066 32 18 32s4.167-.328 4.167.5"/><path fill="#ffcc4d" d="M22.707 10.293a1 1 0 0 0-1.414 0L18 13.586l-3.293-3.293a.999.999 0 1 0-1.414 1.414L17 15.414V26a1 1 0 1 0 2 0V15.414l3.707-3.707a1 1 0 0 0 0-1.414"/><path fill="#99aab5" d="M24 31a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-6h12z"/><path fill="#ccd6dd" d="M11.999 32a1 1 0 0 1-.163-1.986l12-2a.994.994 0 0 1 1.15.822a1 1 0 0 1-.822 1.15l-12 2a1 1 0 0 1-.165.014m0-4a1 1 0 0 1-.163-1.986l12-2a.995.995 0 0 1 1.15.822a1 1 0 0 1-.822 1.15l-12 2a1 1 0 0 1-.165.014"/></svg> </template>
CSS
.icon-light-bulb {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M29%2011.06c0%206.439-5%207.439-5%2013.44c0%203.098-3.123%203.359-5.5%203.359c-2.053%200-6.586-.779-6.586-3.361C11.914%2018.5%207%2017.5%207%2011.06C7%205.029%2012.285.14%2018.083.14C23.883.14%2029%205.029%2029%2011.06%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M22.167%2032.5c0%20.828-2.234%202.5-4.167%202.5s-4.167-1.672-4.167-2.5S16.066%2032%2018%2032s4.167-.328%204.167.5%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M22.707%2010.293a1%201%200%200%200-1.414%200L18%2013.586l-3.293-3.293a.999.999%200%201%200-1.414%201.414L17%2015.414V26a1%201%200%201%200%202%200V15.414l3.707-3.707a1%201%200%200%200%200-1.414%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M24%2031a2%202%200%200%201-2%202h-8a2%202%200%200%201-2-2v-6h12z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M11.999%2032a1%201%200%200%201-.163-1.986l12-2a.994.994%200%200%201%201.15.822a1%201%200%200%201-.822%201.15l-12%202a1%201%200%200%201-.165.014m0-4a1%201%200%200%201-.163-1.986l12-2a.995.995%200%200%201%201.15.822a1%201%200%200%201-.822%201.15l-12%202a1%201%200%200%201-.165.014%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M29%2011.06c0%206.439-5%207.439-5%2013.44c0%203.098-3.123%203.359-5.5%203.359c-2.053%200-6.586-.779-6.586-3.361C11.914%2018.5%207%2017.5%207%2011.06C7%205.029%2012.285.14%2018.083.14C23.883.14%2029%205.029%2029%2011.06%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M22.167%2032.5c0%20.828-2.234%202.5-4.167%202.5s-4.167-1.672-4.167-2.5S16.066%2032%2018%2032s4.167-.328%204.167.5%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M22.707%2010.293a1%201%200%200%200-1.414%200L18%2013.586l-3.293-3.293a.999.999%200%201%200-1.414%201.414L17%2015.414V26a1%201%200%201%200%202%200V15.414l3.707-3.707a1%201%200%200%200%200-1.414%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M24%2031a2%202%200%200%201-2%202h-8a2%202%200%200%201-2-2v-6h12z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M11.999%2032a1%201%200%200%201-.163-1.986l12-2a.994.994%200%200%201%201.15.822a1%201%200%200%201-.822%201.15l-12%202a1%201%200%200%201-.165.014m0-4a1%201%200%200%201-.163-1.986l12-2a.995.995%200%200%201%201.15.822a1%201%200%200%201-.822%201.15l-12%202a1%201%200%200%201-.165.014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/light-bulb.svg?color=%231a73e8&size=48
