Brightness icon
whh:brightness
The Brightness icon (whh:brightness) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1024 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
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M959.5 576q-26.5 0-45-18.5t-18.5-45t18.5-45.5t45-19t45.5 19t19 45.5t-19 45t-45.5 18.5m-127-320q-26.5 0-45.5-18.5t-19-45t19-45.5t45.5-19t45 19t18.5 45.5t-18.5 45t-45 18.5M512 832q-87 0-160.5-43T235 672.5T192 512t43-160.5T351.5 235T512 192t160.5 43T789 351.5T832 512t-43 160.5T672.5 789T512 832m0-512q-80 0-136 56.5t-56 136T376 648t136 56t136-56t56-135.5t-56-136T512 320m0-192q-26 0-45-18.5t-19-45T467 19t45-19t45 19t19 45.5t-19 45t-45 18.5M191.5 256q-26.5 0-45-18.5t-18.5-45t18.5-45.5t45-19t45.5 19t19 45.5t-19 45t-45.5 18.5m-127 320Q38 576 19 557.5t-19-45T19 467t45.5-19t45 19t18.5 45.5t-18.5 45t-45 18.5m127 192q26.5 0 45.5 19t19 45.5t-19 45t-45.5 18.5t-45-18.5t-18.5-45t18.5-45.5t45-19m320 128q26.5 0 45.5 19t19 45.5t-18.5 45T512 1024t-45.5-18.5t-18.5-45t18.5-45.5t45-19M832 768q27 0 45.5 19t18.5 45.5t-19 45t-45 18.5t-45-18.5t-19-45t18.5-45.5t45.5-19"/></svg>
How to use the Brightness icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:brightness" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:brightness" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:brightness" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--brightness]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:brightness"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:brightness"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/brightness.svg" alt="Brightness icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Brightness icon in other icon sets
Brightness icon FAQ
Is the Brightness 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 Brightness icon in React?
Install @iconify/react and render <Icon icon="whh:brightness" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Brightness icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/brightness.svg" alt="Brightness icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
