lamp icon
lamp-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- lamp-fill
- Set
- Bootstrap Icons
- Style
- Fill
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
Use the lamp icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path fill-rule="evenodd" d="M5.04.303A.5.5 0 0 1 5.5 0h5c.2 0 .38.12.46.303l3 7a.5.5 0 0 1-.363.687h-.002q-.225.044-.45.081a33 33 0 0 1-4.645.425V13.5a.5.5 0 1 1-1 0V8.495a33 33 0 0 1-4.645-.425q-.225-.036-.45-.08h-.003a.5.5 0 0 1-.362-.688l3-7Z"/><path d="M6.493 12.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.3 1.3 0 0 0-.37.265a.3.3 0 0 0-.052.075l-.001.004l-.004.01V14l.002.008l.016.033a.6.6 0 0 0 .145.15c.165.13.435.27.813.395c.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.6.6 0 0 0 .146-.15l.015-.033L12 14v-.004a.3.3 0 0 0-.057-.09a1.3 1.3 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977c-.29.228-.68.413-1.116.558c-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243c.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411"/></g></svg>
React
import type { SVGProps } from "react";
export function BiLampFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path fillRule="evenodd" d="M5.04.303A.5.5 0 0 1 5.5 0h5c.2 0 .38.12.46.303l3 7a.5.5 0 0 1-.363.687h-.002q-.225.044-.45.081a33 33 0 0 1-4.645.425V13.5a.5.5 0 1 1-1 0V8.495a33 33 0 0 1-4.645-.425q-.225-.036-.45-.08h-.003a.5.5 0 0 1-.362-.688l3-7Z"/><path d="M6.493 12.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.3 1.3 0 0 0-.37.265a.3.3 0 0 0-.052.075l-.001.004l-.004.01V14l.002.008l.016.033a.6.6 0 0 0 .145.15c.165.13.435.27.813.395c.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.6.6 0 0 0 .146-.15l.015-.033L12 14v-.004a.3.3 0 0 0-.057-.09a1.3 1.3 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977c-.29.228-.68.413-1.116.558c-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243c.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path fill-rule="evenodd" d="M5.04.303A.5.5 0 0 1 5.5 0h5c.2 0 .38.12.46.303l3 7a.5.5 0 0 1-.363.687h-.002q-.225.044-.45.081a33 33 0 0 1-4.645.425V13.5a.5.5 0 1 1-1 0V8.495a33 33 0 0 1-4.645-.425q-.225-.036-.45-.08h-.003a.5.5 0 0 1-.362-.688l3-7Z"/><path d="M6.493 12.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.3 1.3 0 0 0-.37.265a.3.3 0 0 0-.052.075l-.001.004l-.004.01V14l.002.008l.016.033a.6.6 0 0 0 .145.15c.165.13.435.27.813.395c.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.6.6 0 0 0 .146-.15l.015-.033L12 14v-.004a.3.3 0 0 0-.057-.09a1.3 1.3 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977c-.29.228-.68.413-1.116.558c-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243c.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411"/></g></svg> </template>
CSS
.icon-lamp-fill {
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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.04.303A.5.5%200%200%201%205.5%200h5c.2%200%20.38.12.46.303l3%207a.5.5%200%200%201-.363.687h-.002q-.225.044-.45.081a33%2033%200%200%201-4.645.425V13.5a.5.5%200%201%201-1%200V8.495a33%2033%200%200%201-4.645-.425q-.225-.036-.45-.08h-.003a.5.5%200%200%201-.362-.688l3-7Z%22%2F%3E%3Cpath%20d%3D%22M6.493%2012.574a.5.5%200%200%201-.411.575c-.712.118-1.28.295-1.655.493a1.3%201.3%200%200%200-.37.265a.3.3%200%200%200-.052.075l-.001.004l-.004.01V14l.002.008l.016.033a.6.6%200%200%200%20.145.15c.165.13.435.27.813.395c.751.25%201.82.414%203.024.414s2.273-.163%203.024-.414c.378-.126.648-.265.813-.395a.6.6%200%200%200%20.146-.15l.015-.033L12%2014v-.004a.3.3%200%200%200-.057-.09a1.3%201.3%200%200%200-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5%200%201%201%20.164-.986c.77.127%201.452.328%201.957.594C12.5%2013%2013%2013.4%2013%2014c0%20.426-.26.752-.544.977c-.29.228-.68.413-1.116.558c-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26%2014.752%203%2014.426%203%2014c0-.599.5-1%20.961-1.243c.505-.266%201.187-.467%201.957-.594a.5.5%200%200%201%20.575.411%22%2F%3E%3C%2Fg%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.04.303A.5.5%200%200%201%205.5%200h5c.2%200%20.38.12.46.303l3%207a.5.5%200%200%201-.363.687h-.002q-.225.044-.45.081a33%2033%200%200%201-4.645.425V13.5a.5.5%200%201%201-1%200V8.495a33%2033%200%200%201-4.645-.425q-.225-.036-.45-.08h-.003a.5.5%200%200%201-.362-.688l3-7Z%22%2F%3E%3Cpath%20d%3D%22M6.493%2012.574a.5.5%200%200%201-.411.575c-.712.118-1.28.295-1.655.493a1.3%201.3%200%200%200-.37.265a.3.3%200%200%200-.052.075l-.001.004l-.004.01V14l.002.008l.016.033a.6.6%200%200%200%20.145.15c.165.13.435.27.813.395c.751.25%201.82.414%203.024.414s2.273-.163%203.024-.414c.378-.126.648-.265.813-.395a.6.6%200%200%200%20.146-.15l.015-.033L12%2014v-.004a.3.3%200%200%200-.057-.09a1.3%201.3%200%200%200-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5%200%201%201%20.164-.986c.77.127%201.452.328%201.957.594C12.5%2013%2013%2013.4%2013%2014c0%20.426-.26.752-.544.977c-.29.228-.68.413-1.116.558c-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26%2014.752%203%2014.426%203%2014c0-.599.5-1%20.961-1.243c.505-.266%201.187-.467%201.957-.594a.5.5%200%200%201%20.575.411%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/lamp-fill.svg?color=%231a73e8&size=48
