Flashlight icon

game-icons:flashlight

The Flashlight icon (game-icons:flashlight) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M340.162 18.186c-9.86.138-17.596 2.957-22.69 8.052c-9.06 9.058-10.928 26.47-3.318 49.3c7.61 22.832 24.437 49.604 48.57 73.737c24.134 24.134 50.906 40.96 73.737 48.57c22.832 7.61 40.244 5.744 49.302-3.314c6.863-6.862 9.587-18.53 7.2-33.71c-1.16 5.313-3.534 10.246-7.442 14.155c-5.97 5.968-14.318 8.374-22.776 8.31c-8.458-.063-17.446-2.342-26.898-6.234c-18.906-7.784-39.76-22.21-59.22-41.673c-19.463-19.462-33.89-40.317-41.675-59.223c-3.89-9.452-6.17-18.438-6.233-26.896c-.01-1.117.03-2.232.11-3.34a78.697 32.79 45 0 0 35.736 55.848a78.697 32.79 45 0 0 78.832 32.46a78.697 32.79 45 0 0-32.46-78.833a78.697 32.79 45 0 0-66.003-37.06a58 58 0 0 0-4.77-.147zm-48.767 32.1c-6.988 6.83-13.964 14.17-18.243 20.107c-5.328 7.392-11.51 14.412-15.722 21.066s-6.17 12.26-5.323 17.483c11.187 68.933 82.017 139.763 150.95 150.95c5.223.847 10.83-1.11 17.484-5.323c6.655-4.212 13.675-10.394 21.067-15.722c5.936-4.28 13.276-11.255 20.108-18.243c-9.795-.105-20.302-2.133-30.945-5.68c-26.306-8.77-54.92-27.068-80.772-52.92c-25.853-25.854-44.15-54.47-52.92-80.775c-3.548-10.643-5.578-21.15-5.683-30.945zm-47.39 96.247L49.244 359.31c17.678 44.414 59.03 85.767 103.446 103.446l212.777-194.76c-53.32-20.988-100.475-68.143-121.463-121.463zm-16.806 97.6q.895.044 1.87.197c9.537 1.506 17.898 6.978 24.76 13.84s12.334 15.223 13.84 24.76c.82 5.203-.81 8.604-2.547 12.187c-1.736 3.583-4.078 7.227-6.89 11.088c-5.626 7.723-13.153 16.222-21.196 24.266s-16.545 15.573-24.267 21.198c-3.862 2.813-7.505 5.155-11.088 6.89c-3.583 1.736-6.985 3.37-12.188 2.547c-9.536-1.505-17.897-6.977-24.76-13.84c-6.862-6.862-12.334-15.222-13.84-24.76c-.82-5.202.812-8.604 2.547-12.187c1.737-3.583 4.08-7.226 6.892-11.088c5.625-7.722 13.154-16.224 21.197-24.267s16.542-15.57 24.265-21.195c3.86-2.813 7.505-5.155 11.088-6.89c2.687-1.303 5.272-2.547 8.592-2.74a15 15 0 0 1 1.724-.005zm-.936 17.976q.413.066.86.173c.084-.04-.152-.062-.86-.174zm.86.173c-.138.064-1.118.174-2.395.793c-2.075 1.005-5.04 2.838-8.337 5.24c-6.597 4.805-14.624 11.862-22.137 19.375a240 240 0 0 0-10.572 11.267l29.36 29.36a241 241 0 0 0 11.265-10.573c7.512-7.513 14.57-15.54 19.374-22.137c2.402-3.298 4.235-6.262 5.24-8.336c.62-1.276.73-2.256.793-2.393c-.927-3.9-4.15-9.512-8.615-13.98c-4.467-4.465-10.08-7.687-13.98-8.614zm22.593 22.594q.106.445.174.86c-.11-.71-.134-.945-.173-.86zm-77.192 28.375c-1.24 1.893-2.246 3.595-2.884 4.912c-.616 1.272-.73 2.247-.792 2.39c.925 3.9 4.147 9.515 8.615 13.983s10.082 7.69 13.982 8.615c.144-.063 1.12-.176 2.39-.793c1.318-.64 3.02-1.644 4.913-2.885l-26.223-26.223zm18.92 29.9c-.09.04.143.06.856.172q-.411-.066-.855-.172zm-22.597-22.597q-.107-.444-.172-.856c.112.712.132.945.172.855zM35.895 373.893L19.742 391.54c11.654 49.472 51.246 89.064 100.72 100.718l17.645-16.153C94.302 456.21 55.79 417.698 35.895 373.893"/></svg>

How to use the Flashlight icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:flashlight" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:flashlight" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:flashlight" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--flashlight]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:flashlight"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:flashlight"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/flashlight.svg" alt="Flashlight icon" width="24" height="24">

Flashlight icon in other icon sets

Flashlight icon FAQ

Is the Flashlight 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 Flashlight icon in React?

Install @iconify/react and render <Icon icon="game-icons:flashlight" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Flashlight icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/flashlight.svg" alt="Flashlight icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →