bulb icon

bulb-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: bulb-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

bulbBoxIcons v2 bulbBoxIcons v2 Solid bulb-fillEva Icons bulbcss.gg bulbHuge Icons bulbHumbleicons 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 512 512"><path fill="currentColor" d="M208 464h96v32h-96zm-16-48h128v32H192zM369.42 62.69C339.35 32.58 299.07 16 256 16A159.62 159.62 0 0 0 96 176c0 46.62 17.87 90.23 49 119.64l4.36 4.09C167.37 316.57 192 339.64 192 360v40h48V269.11L195.72 244L214 217.72L256 240l41.29-22.39l19.1 25.68l-44.39 26V400h48v-40c0-19.88 24.36-42.93 42.15-59.77l4.91-4.66C399.08 265 416 223.61 416 176a159.16 159.16 0 0 0-46.58-113.31"/></svg>

React

import type { SVGProps } from "react";

export function IonBulbSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M208 464h96v32h-96zm-16-48h128v32H192zM369.42 62.69C339.35 32.58 299.07 16 256 16A159.62 159.62 0 0 0 96 176c0 46.62 17.87 90.23 49 119.64l4.36 4.09C167.37 316.57 192 339.64 192 360v40h48V269.11L195.72 244L214 217.72L256 240l41.29-22.39l19.1 25.68l-44.39 26V400h48v-40c0-19.88 24.36-42.93 42.15-59.77l4.91-4.66C399.08 265 416 223.61 416 176a159.16 159.16 0 0 0-46.58-113.31"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M208 464h96v32h-96zm-16-48h128v32H192zM369.42 62.69C339.35 32.58 299.07 16 256 16A159.62 159.62 0 0 0 96 176c0 46.62 17.87 90.23 49 119.64l4.36 4.09C167.37 316.57 192 339.64 192 360v40h48V269.11L195.72 244L214 217.72L256 240l41.29-22.39l19.1 25.68l-44.39 26V400h48v-40c0-19.88 24.36-42.93 42.15-59.77l4.91-4.66C399.08 265 416 223.61 416 176a159.16 159.16 0 0 0-46.58-113.31"/></svg>
</template>

CSS

.icon-bulb-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20464h96v32h-96zm-16-48h128v32H192zM369.42%2062.69C339.35%2032.58%20299.07%2016%20256%2016A159.62%20159.62%200%200%200%2096%20176c0%2046.62%2017.87%2090.23%2049%20119.64l4.36%204.09C167.37%20316.57%20192%20339.64%20192%20360v40h48V269.11L195.72%20244L214%20217.72L256%20240l41.29-22.39l19.1%2025.68l-44.39%2026V400h48v-40c0-19.88%2024.36-42.93%2042.15-59.77l4.91-4.66C399.08%20265%20416%20223.61%20416%20176a159.16%20159.16%200%200%200-46.58-113.31%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20464h96v32h-96zm-16-48h128v32H192zM369.42%2062.69C339.35%2032.58%20299.07%2016%20256%2016A159.62%20159.62%200%200%200%2096%20176c0%2046.62%2017.87%2090.23%2049%20119.64l4.36%204.09C167.37%20316.57%20192%20339.64%20192%20360v40h48V269.11L195.72%20244L214%20217.72L256%20240l41.29-22.39l19.1%2025.68l-44.39%2026V400h48v-40c0-19.88%2024.36-42.93%2042.15-59.77l4.91-4.66C399.08%20265%20416%20223.61%20416%20176a159.16%20159.16%200%200%200-46.58-113.31%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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