Lighter icon
game-icons:lighter
The Lighter icon (game-icons:lighter) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M128.531 24.513L41.26 79.218c-4.237 2.655-7.888 8.224-9.338 14.545s-.59 12.923 2.066 17.16l93.477 149.123c2.655 4.236 8.222 7.888 14.543 9.338s12.923.591 17.16-2.065l87.273-54.705zm306.969.19c32.33 85.822-99.89 67.288-83.393 116.667l24.788 8.483c39.2-6.48 60.512-25.838 27.744-39.096c35.64-7.755 50.043 25.379 25.478 48.38c-2.638 2.471-5.253 4.53-7.834 6.245l15.924 5.45c65.99-10.819 47.478-101.744-2.707-146.13zm-92.781 132.48l-4.531 13.246l21.761 7.445l-5.828 17.031l-21.762-7.445l-9.71 28.385l88.937 30.43l4.531-13.247l-21.76-7.445l5.827-17.031l21.761 7.447l9.711-28.385zm-60.826 21.916a32 32 0 0 0-26.896 13.272l8.745 13.95l17.535-4.632l24.34 8.328l4.281-12.514a31.98 31.98 0 0 0-28.005-18.404m161.265 30.508l-14.197 41.488a23.3 23.3 0 0 0 6.277 3.273c12.12 4.147 25.062-2.197 29.21-14.316c4.146-12.12-2.198-25.06-14.317-29.207a23.3 23.3 0 0 0-6.973-1.238m-162.55 10.876l-24.401 6.448l201.102 68.81l-15.336-20.045l-161.366-55.213zm-34.702 21.95l-54.062 158.006c-1.619 4.73-.95 11.354 1.904 17.177s7.68 10.41 12.41 12.03l166.522 56.978c4.73 1.619 11.354.948 17.177-1.906s10.411-7.68 12.03-12.41l54.064-158.006l-210.045-71.87z"/></svg>How to use the Lighter icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:lighter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:lighter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:lighter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--lighter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:lighter"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:lighter"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/lighter.svg" alt="Lighter icon" width="24" height="24">Lighter icon in other icon sets
Lighter icon FAQ
Is the Lighter icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Lighter icon in React?
Install @iconify/react and render <Icon icon="game-icons:lighter" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lighter icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/lighter.svg" alt="Lighter icon">, or paste the SVG code inline to style it with CSS.