Flashlight Off Icon SVG
Flashlight Off
Flashlight off SVG Icon Code | Customize color
You can get svg icon flashlight off in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<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="M16 16v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V10c0-2-2-2-2-4" /> <path d="M7 2h11v4c0 2-2 2-2 4v1" /> <line x1="11" y1="6" x2="18" y2="6" /> <line x1="2" y1="2" x2="22" y2="22" /> </svg> Svg Code
<svg style="color: white" 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="M16 16v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V10c0-2-2-2-2-4" fill="white"></path> <path d="M7 2h11v4c0 2-2 2-2 4v1" fill="white"></path> <line x1="11" y1="6" x2="18" y2="6"></line> <line x1="2" y1="2" x2="22" y2="22"></line> </svg> Svg Code
<svg style="color: red" 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="M16 16v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V10c0-2-2-2-2-4" fill="red"></path> <path d="M7 2h11v4c0 2-2 2-2 4v1" fill="red"></path> <line x1="11" y1="6" x2="18" y2="6"></line> <line x1="2" y1="2" x2="22" y2="22"></line> </svg> Svg Code
<svg style="color: blue" 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="M16 16v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V10c0-2-2-2-2-4" fill="blue"></path> <path d="M7 2h11v4c0 2-2 2-2 4v1" fill="blue"></path> <line x1="11" y1="6" x2="18" y2="6"></line> <line x1="2" y1="2" x2="22" y2="22"></line> </svg> Svg Code
<svg style="color: #f3da35" 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="M16 16v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V10c0-2-2-2-2-4" fill="#f3da35"></path> <path d="M7 2h11v4c0 2-2 2-2 4v1" fill="#f3da35"></path> <line x1="11" y1="6" x2="18" y2="6"></line> <line x1="2" y1="2" x2="22" y2="22"></line> </svg> Advance Editor
You can edit flashlight off as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements