Greenlightbulb icon
whh:greenlightbulb
The Greenlightbulb icon (whh:greenlightbulb) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 769 × 1025 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 769 × 1025
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="769" height="1025" viewBox="0 0 769 1025"><path fill="currentColor" d="M719 391L147 639q-26 8-49.5-6.5T67 591t6.5-51.5T113 507l572-248q27-7 50 7t30.5 41.5t-6.5 52t-40 31.5m-64-192L83 447q-26 8-49.5-6.5T3 399t6.5-51.5T49 316L621 67q27-7 50 7t30.5 41.5t-6.5 52t-40 31.5m-352-64l-156 56q-26 8-49.5-6T67 143.5t6.5-52T113 60L270 3q26-7 49.5 7T350 51.5t-6.5 52T303 135m-21 513q10-9 23-13l316-120q27-7 50 7t30.5 41.5t-6.5 52t-40 31.5L385 750q-1 13-1 19h64q27 0 45.5 19t18.5 45.5t-18.5 45T448 897H320q-6 0-12-1q-49-5-82.5-41.5T192 769q0-42 25-75.5t65-45.5m102 377q-53 0-90.5-18.5T256 961h256q0 27-37.5 45.5T384 1025"/></svg>How to use the Greenlightbulb icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:greenlightbulb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:greenlightbulb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:greenlightbulb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--greenlightbulb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:greenlightbulb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:greenlightbulb"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/greenlightbulb.svg" alt="Greenlightbulb icon" width="24" height="24">Greenlightbulb icon FAQ
Is the Greenlightbulb icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Greenlightbulb icon in React?
Install @iconify/react and render <Icon icon="whh:greenlightbulb" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Greenlightbulb icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/greenlightbulb.svg" alt="Greenlightbulb icon">, or paste the SVG code inline to style it with CSS.