Flashlight Bold Duotone icon

solar:flashlight-bold-duotone

The Flashlight Bold Duotone icon (solar:flashlight-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.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: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: UI
Tags: flashlightbold, boldduotone, flashlightboldduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.00037 11.6569V19C9.00037 19.9319 9.00037 20.3978 9.15261 20.7654C9.3556 21.2554 9.74495 21.6448 10.235 21.8478C10.6025 22 11.0685 22 12.0004 22C12.9323 22 13.3982 22 13.7657 21.8478C14.2558 21.6448 14.6451 21.2554 14.8481 20.7654C15.0004 20.3978 15.0004 19.9319 15.0004 19V11.6569C15.0004 10.8394 15.0004 10.4306 15.1526 10.0631C15.1614 10.0418 15.1707 10.0208 15.1804 10H8.82031C8.83006 10.0208 8.83933 10.0418 8.84813 10.0631C9.00037 10.4306 9.00037 10.8394 9.00037 11.6569Z" opacity=".5"/><path fill-rule="evenodd" d="M12 12.25C12.4142 12.25 12.75 12.5858 12.75 13V15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15V13C11.25 12.5858 11.5858 12.25 12 12.25Z" clip-rule="evenodd"/><path d="M20 4.17157V4C20 3.05719 20 2.58579 19.7071 2.29289C19.4142 2 18.9428 2 18 2H6C5.05719 2 4.58579 2 4.29289 2.29289C4 2.58579 4 3.05719 4 4V4.17157C4 4.58032 4 4.7847 4.07612 4.96847C4.08052 4.9791 4.08516 4.9896 4.09003 5H19.91C19.9148 4.9896 19.9195 4.9791 19.9239 4.96847C20 4.7847 20 4.58032 20 4.17157Z" opacity=".5"/><path d="M16.1714 8.82843L19.414 5.58579C19.6863 5.31347 19.8304 5.16944 19.9098 5H4.08984C4.16926 5.16944 4.31329 5.31347 4.5856 5.58579L7.82824 8.82843C8.37287 9.37305 8.66093 9.66112 8.81975 10H15.1799C15.3387 9.66112 15.6268 9.37305 16.1714 8.82843Z"/></g></svg>

How to use the Flashlight Bold Duotone icon

React

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

<Icon icon="solar:flashlight-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:flashlight-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:flashlight-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--flashlight-bold-duotone]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:flashlight-bold-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/flashlight-bold-duotone.svg" alt="Flashlight Bold Duotone icon" width="24" height="24">

Related icons in Solar

Flashlight Bold Duotone icon FAQ

Is the Flashlight Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Flashlight Bold Duotone icon in React?

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

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

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

Browse all Solar icons →