A flashlight with its switch, for the torch, night use, searching and lighting the way. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 12L10 12M17 7L17 17M4 16L9.7639 16C11.2344 16 12.6847 16.3424 14 17C15.3153 17.6576 16.7656 18 18.2361 18L20 18C21.1046 18 22 17.1046 22 16L22 8C22 6.8954 21.1046 6 20 6L18.2361 6C16.7656 6 15.3153 6.3424 14 7C12.6847 7.6576 11.2344 8 9.7639 8L4 8C2.8954 8 2 8.8954 2 10L2 14C2 15.1046 2.8954 16 4 16Z" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- torch
- light
- beam
- flash
- lamp
- search light
Related icons
The rest of the flashlight family first, then the Tools shelf.
FAQ
Answered from flashlight's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the flashlight icon for?
- A flashlight with its switch, for the torch, night use, searching and lighting the way. It is filed under Tools in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as torch, light, beam, flash, lamp and search light, and the browser's search matches all of those.
- What styles does the flashlight icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of flashlight?
- No. flashlight is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with flashlight?
- broom, drafting-compass, gripper, hammer, hook and pencil-ruler, and 4 more, all shown below. They are the Tools shelf: nothing else in the set is named after flashlight.
- How do I import flashlight in React?
- <Flashlight /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <Flashlight size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the flashlight SVG?
- icons/stroke/flashlight.svg, icons/two-tone/flashlight.svg, icons/duotone/flashlight.svg and icons/fill/flashlight.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was flashlight added to the set?
- Added 25 Oct 2026. It ships in v2.2.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.