Screen Shot Icon SVG
Screen Shot
Screen shot SVG Icon Code | Customize color
You can get svg icon screen shot in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeScreen shot
DownloadSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M12 8V6H8V10H10V8H12Z" fill="currentColor" /> <path d="M14 14H16V18H12V16H14V14Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3ZM6 20V4H18V20H6Z" fill="currentColor" /> </svg> Screen shot
DownloadSvg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 8V6H8V10H10V8H12Z" fill="white"></path> <path d="M14 14H16V18H12V16H14V14Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3ZM6 20V4H18V20H6Z" fill="white"></path> </svg> Screen shot
DownloadSvg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 8V6H8V10H10V8H12Z" fill="red"></path> <path d="M14 14H16V18H12V16H14V14Z" fill="red"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3ZM6 20V4H18V20H6Z" fill="red"></path> </svg> Screen shot
DownloadSvg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 8V6H8V10H10V8H12Z" fill="blue"></path> <path d="M14 14H16V18H12V16H14V14Z" fill="blue"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3ZM6 20V4H18V20H6Z" fill="blue"></path> </svg> Screen shot
DownloadSvg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 8V6H8V10H10V8H12Z" fill="#f3da35"></path> <path d="M14 14H16V18H12V16H14V14Z" fill="#f3da35"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3ZM6 20V4H18V20H6Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit screen shot as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements