Lighton icon
whh:lighton
The Lighton icon (whh:lighton) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 961 × 961 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
- 961 × 961
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="961" height="961" viewBox="0 0 961 961"><path fill="currentColor" d="M609 961H289q-44 0-70-45.5T193 817q0-5 1.5-14t15.5-42t38-72t76.5-103.5T449 449t136-124.5T689.5 248t71-38t43.5-15l13-2q53 0 98.5 26t45.5 70v320q0 51-35.5 114T838 838t-115 87.5T609 961m187.5-668Q776 273 688 332T496 495.5T333 688t-39 108.5t108-39T594 594t163.5-192.5t39-108.5M614 250.5q-19 10.5-40 5T542 232L488 76q-11-18-5.5-38T507 7.5t40.5-5T580 26l54 157q11 17 5 37t-25 30.5M301 370L143 213q-14-15-14-35t14.5-34.5T178 129t35 14l157 158q14 14 14 34.5t-14 35t-34.5 14.5t-34.5-15m-50.5 244Q240 633 220 639t-37-5L26 580Q8 569 2.5 547.5t5-40.5T38 482.5t38 5.5l156 54q18 11 23.5 32t-5 40"/></svg>How to use the Lighton icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:lighton" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:lighton" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:lighton" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--lighton]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:lighton"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:lighton"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/lighton.svg" alt="Lighton icon" width="24" height="24">Lighton icon FAQ
Is the Lighton 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 Lighton icon in React?
Install @iconify/react and render <Icon icon="whh:lighton" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lighton icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/lighton.svg" alt="Lighton icon">, or paste the SVG code inline to style it with CSS.