flashlight icon
flashlight-broken from Solar by 480 Design · Broken · UI · CC-BY-4.0 Attribution required.
- Name
- flashlight-broken
- Set
- Solar
- Style
- Broken
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
flashlightAkar IconsflashlightEmoji One (Colored)flashlight-16-filledFluent UI System IconsflashlightFluent EmojiflashlightFluent Emoji FlatflashlightFluent Emoji High ContrastflashlightHuge IconsflashlightIconParkflashlightIconPark OutlineflashlightIconPark SolidflashlightIconPark TwoToneflashlightIonIconsflashlightLucideflashlightMaterial Design Iconsflashlight-fillMingCute IconflashlightNoto EmojiflashlightOpenMojiflashlightPhosphorflashlight-fillRemix IconflashlightStreamline EmojisflashlightTDesign IconsflashlightTwitter Emoji
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the flashlight icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M17 2H18C18.9428 2 19.4142 2 19.7071 2.29289C20 2.58579 20 3.05719 20 4V4.17157C20 4.58032 20 4.7847 19.9239 4.96847C19.8478 5.15224 19.7032 5.29676 19.4142 5.58579L16.1716 8.82843C15.5935 9.40649 15.3045 9.69552 15.1522 10.0631C15 10.4306 15 10.8394 15 11.6569V19C15 19.9319 15 20.3978 14.8478 20.7654C14.6448 21.2554 14.2554 21.6448 13.7654 21.8478C13.3978 22 12.9319 22 12 22C11.0681 22 10.6022 22 10.2346 21.8478C9.74458 21.6448 9.35523 21.2554 9.15224 20.7654C9 20.3978 9 19.9319 9 19V11.6569C9 10.8394 9 10.4306 8.84776 10.0631C8.69552 9.69552 8.40649 9.40649 7.82843 8.82843L4.58579 5.58579C4.29676 5.29676 4.15224 5.15224 4.07612 4.96847C4 4.7847 4 4.58032 4 4.17157V4C4 3.05719 4 2.58579 4.29289 2.29289C4.58579 2 5.05719 2 6 2H13"/><path d="M15 10H9"/><path d="M12 13V15"/><path d="M4.5 5H19.5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFlashlightBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M17 2H18C18.9428 2 19.4142 2 19.7071 2.29289C20 2.58579 20 3.05719 20 4V4.17157C20 4.58032 20 4.7847 19.9239 4.96847C19.8478 5.15224 19.7032 5.29676 19.4142 5.58579L16.1716 8.82843C15.5935 9.40649 15.3045 9.69552 15.1522 10.0631C15 10.4306 15 10.8394 15 11.6569V19C15 19.9319 15 20.3978 14.8478 20.7654C14.6448 21.2554 14.2554 21.6448 13.7654 21.8478C13.3978 22 12.9319 22 12 22C11.0681 22 10.6022 22 10.2346 21.8478C9.74458 21.6448 9.35523 21.2554 9.15224 20.7654C9 20.3978 9 19.9319 9 19V11.6569C9 10.8394 9 10.4306 8.84776 10.0631C8.69552 9.69552 8.40649 9.40649 7.82843 8.82843L4.58579 5.58579C4.29676 5.29676 4.15224 5.15224 4.07612 4.96847C4 4.7847 4 4.58032 4 4.17157V4C4 3.05719 4 2.58579 4.29289 2.29289C4.58579 2 5.05719 2 6 2H13"/><path d="M15 10H9"/><path d="M12 13V15"/><path d="M4.5 5H19.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M17 2H18C18.9428 2 19.4142 2 19.7071 2.29289C20 2.58579 20 3.05719 20 4V4.17157C20 4.58032 20 4.7847 19.9239 4.96847C19.8478 5.15224 19.7032 5.29676 19.4142 5.58579L16.1716 8.82843C15.5935 9.40649 15.3045 9.69552 15.1522 10.0631C15 10.4306 15 10.8394 15 11.6569V19C15 19.9319 15 20.3978 14.8478 20.7654C14.6448 21.2554 14.2554 21.6448 13.7654 21.8478C13.3978 22 12.9319 22 12 22C11.0681 22 10.6022 22 10.2346 21.8478C9.74458 21.6448 9.35523 21.2554 9.15224 20.7654C9 20.3978 9 19.9319 9 19V11.6569C9 10.8394 9 10.4306 8.84776 10.0631C8.69552 9.69552 8.40649 9.40649 7.82843 8.82843L4.58579 5.58579C4.29676 5.29676 4.15224 5.15224 4.07612 4.96847C4 4.7847 4 4.58032 4 4.17157V4C4 3.05719 4 2.58579 4.29289 2.29289C4.58579 2 5.05719 2 6 2H13"/><path d="M15 10H9"/><path d="M12 13V15"/><path d="M4.5 5H19.5"/></g></svg> </template>
CSS
.icon-flashlight-broken {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17%202H18C18.9428%202%2019.4142%202%2019.7071%202.29289C20%202.58579%2020%203.05719%2020%204V4.17157C20%204.58032%2020%204.7847%2019.9239%204.96847C19.8478%205.15224%2019.7032%205.29676%2019.4142%205.58579L16.1716%208.82843C15.5935%209.40649%2015.3045%209.69552%2015.1522%2010.0631C15%2010.4306%2015%2010.8394%2015%2011.6569V19C15%2019.9319%2015%2020.3978%2014.8478%2020.7654C14.6448%2021.2554%2014.2554%2021.6448%2013.7654%2021.8478C13.3978%2022%2012.9319%2022%2012%2022C11.0681%2022%2010.6022%2022%2010.2346%2021.8478C9.74458%2021.6448%209.35523%2021.2554%209.15224%2020.7654C9%2020.3978%209%2019.9319%209%2019V11.6569C9%2010.8394%209%2010.4306%208.84776%2010.0631C8.69552%209.69552%208.40649%209.40649%207.82843%208.82843L4.58579%205.58579C4.29676%205.29676%204.15224%205.15224%204.07612%204.96847C4%204.7847%204%204.58032%204%204.17157V4C4%203.05719%204%202.58579%204.29289%202.29289C4.58579%202%205.05719%202%206%202H13%22%2F%3E%3Cpath%20d%3D%22M15%2010H9%22%2F%3E%3Cpath%20d%3D%22M12%2013V15%22%2F%3E%3Cpath%20d%3D%22M4.5%205H19.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17%202H18C18.9428%202%2019.4142%202%2019.7071%202.29289C20%202.58579%2020%203.05719%2020%204V4.17157C20%204.58032%2020%204.7847%2019.9239%204.96847C19.8478%205.15224%2019.7032%205.29676%2019.4142%205.58579L16.1716%208.82843C15.5935%209.40649%2015.3045%209.69552%2015.1522%2010.0631C15%2010.4306%2015%2010.8394%2015%2011.6569V19C15%2019.9319%2015%2020.3978%2014.8478%2020.7654C14.6448%2021.2554%2014.2554%2021.6448%2013.7654%2021.8478C13.3978%2022%2012.9319%2022%2012%2022C11.0681%2022%2010.6022%2022%2010.2346%2021.8478C9.74458%2021.6448%209.35523%2021.2554%209.15224%2020.7654C9%2020.3978%209%2019.9319%209%2019V11.6569C9%2010.8394%209%2010.4306%208.84776%2010.0631C8.69552%209.69552%208.40649%209.40649%207.82843%208.82843L4.58579%205.58579C4.29676%205.29676%204.15224%205.15224%204.07612%204.96847C4%204.7847%204%204.58032%204%204.17157V4C4%203.05719%204%202.58579%204.29289%202.29289C4.58579%202%205.05719%202%206%202H13%22%2F%3E%3Cpath%20d%3D%22M15%2010H9%22%2F%3E%3Cpath%20d%3D%22M12%2013V15%22%2F%3E%3Cpath%20d%3D%22M4.5%205H19.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/flashlight-broken.svg?color=%231a73e8&size=48
