lightbulb icon
lightbulb from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- lightbulb
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
lightbulbBootstrap IconslightbulbCodiconslightbulbFont Awesome 6 RegularlightbulbFont Awesome 6 SolidlightbulbFont Awesome RegularlightbulbFont Awesome Solidlightbulb-outlineFlowbite Iconslightbulb-16-filledFluent UI System Iconslightbulb-16Fluent UI System Color IconslightbulbFirefox OS EmojilightbulbHuge IconslightbulbIonIconslightbulbJam IconslightbulbLine AwesomelightbulbMaterial Line IconslightbulbLucidelightbulbMaterial SymbolslightbulbMaterial Symbols LightlightbulbMaterial Design IconslightbulbPhosphorlightbulbPixelarticonslightbulbPrime Iconslightbulb-fillRemix Iconlightbulb-boldSolar
Related icons in Framework7 Icons
Use the lightbulb icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M19.504 43.152h16.969c.797 0 1.289-.492 1.289-1.289v-3.75c0-5.672 8.25-9.328 8.25-19.453C46.012 7.996 38.793.871 27.988.871s-18 7.125-18 17.79c0 10.124 8.227 13.78 8.227 19.452v3.75c0 .797.515 1.29 1.289 1.29m2.203-4.992c0-6.89-8.18-10.57-8.18-19.476c0-8.579 5.79-14.274 14.461-14.274c8.672 0 14.485 5.695 14.485 14.274c0 8.906-8.203 12.586-8.203 19.476v1.453H21.707Zm-1.336 11.32h15.235c1.195 0 2.156-.984 2.156-2.203s-.961-2.203-2.157-2.203H20.371c-1.195 0-2.156.985-2.156 2.203c0 1.22.96 2.203 2.156 2.203m7.617 5.649c3.235 0 5.508-1.477 5.742-3.75H22.246c.211 2.273 2.484 3.75 5.742 3.75"/></svg>
React
import type { SVGProps } from "react";
export function F7Lightbulb(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M19.504 43.152h16.969c.797 0 1.289-.492 1.289-1.289v-3.75c0-5.672 8.25-9.328 8.25-19.453C46.012 7.996 38.793.871 27.988.871s-18 7.125-18 17.79c0 10.124 8.227 13.78 8.227 19.452v3.75c0 .797.515 1.29 1.289 1.29m2.203-4.992c0-6.89-8.18-10.57-8.18-19.476c0-8.579 5.79-14.274 14.461-14.274c8.672 0 14.485 5.695 14.485 14.274c0 8.906-8.203 12.586-8.203 19.476v1.453H21.707Zm-1.336 11.32h15.235c1.195 0 2.156-.984 2.156-2.203s-.961-2.203-2.157-2.203H20.371c-1.195 0-2.156.985-2.156 2.203c0 1.22.96 2.203 2.156 2.203m7.617 5.649c3.235 0 5.508-1.477 5.742-3.75H22.246c.211 2.273 2.484 3.75 5.742 3.75"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M19.504 43.152h16.969c.797 0 1.289-.492 1.289-1.289v-3.75c0-5.672 8.25-9.328 8.25-19.453C46.012 7.996 38.793.871 27.988.871s-18 7.125-18 17.79c0 10.124 8.227 13.78 8.227 19.452v3.75c0 .797.515 1.29 1.289 1.29m2.203-4.992c0-6.89-8.18-10.57-8.18-19.476c0-8.579 5.79-14.274 14.461-14.274c8.672 0 14.485 5.695 14.485 14.274c0 8.906-8.203 12.586-8.203 19.476v1.453H21.707Zm-1.336 11.32h15.235c1.195 0 2.156-.984 2.156-2.203s-.961-2.203-2.157-2.203H20.371c-1.195 0-2.156.985-2.156 2.203c0 1.22.96 2.203 2.156 2.203m7.617 5.649c3.235 0 5.508-1.477 5.742-3.75H22.246c.211 2.273 2.484 3.75 5.742 3.75"/></svg> </template>
CSS
.icon-lightbulb {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.504%2043.152h16.969c.797%200%201.289-.492%201.289-1.289v-3.75c0-5.672%208.25-9.328%208.25-19.453C46.012%207.996%2038.793.871%2027.988.871s-18%207.125-18%2017.79c0%2010.124%208.227%2013.78%208.227%2019.452v3.75c0%20.797.515%201.29%201.289%201.29m2.203-4.992c0-6.89-8.18-10.57-8.18-19.476c0-8.579%205.79-14.274%2014.461-14.274c8.672%200%2014.485%205.695%2014.485%2014.274c0%208.906-8.203%2012.586-8.203%2019.476v1.453H21.707Zm-1.336%2011.32h15.235c1.195%200%202.156-.984%202.156-2.203s-.961-2.203-2.157-2.203H20.371c-1.195%200-2.156.985-2.156%202.203c0%201.22.96%202.203%202.156%202.203m7.617%205.649c3.235%200%205.508-1.477%205.742-3.75H22.246c.211%202.273%202.484%203.75%205.742%203.75%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.504%2043.152h16.969c.797%200%201.289-.492%201.289-1.289v-3.75c0-5.672%208.25-9.328%208.25-19.453C46.012%207.996%2038.793.871%2027.988.871s-18%207.125-18%2017.79c0%2010.124%208.227%2013.78%208.227%2019.452v3.75c0%20.797.515%201.29%201.289%201.29m2.203-4.992c0-6.89-8.18-10.57-8.18-19.476c0-8.579%205.79-14.274%2014.461-14.274c8.672%200%2014.485%205.695%2014.485%2014.274c0%208.906-8.203%2012.586-8.203%2019.476v1.453H21.707Zm-1.336%2011.32h15.235c1.195%200%202.156-.984%202.156-2.203s-.961-2.203-2.157-2.203H20.371c-1.195%200-2.156.985-2.156%202.203c0%201.22.96%202.203%202.156%202.203m7.617%205.649c3.235%200%205.508-1.477%205.742-3.75H22.246c.211%202.273%202.484%203.75%205.742%203.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/lightbulb.svg?color=%231a73e8&size=48
