Live View Icon SVG
Live View SVG Icons refers to an electronic version of what the camera sees. The camera takes the scene captured by the sensor and transmits it to you live through the LCD screen or the viewfinder if you have an electronic viewfinder. All mirrorless cameras use an electronic viewfinder. DSLRs still use the optical viewfinder.
Live view SVG Icon Code | Customize color
You can get svg icon live view 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" class="icon icon-tabler icon-tabler-live-view" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" /> <path d="M4 16v2a2 2 0 0 0 2 2h2" /> <path d="M16 4h2a2 2 0 0 1 2 2v2" /> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" /> <line x1="12" y1="11" x2="12" y2="11.01" /> <path d="M12 18l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" /> </svg> Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-live-view" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="white"></path> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" fill="white"></path> <path d="M4 16v2a2 2 0 0 0 2 2h2" fill="white"></path> <path d="M16 4h2a2 2 0 0 1 2 2v2" fill="white"></path> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" fill="white"></path> <line x1="12" y1="11" x2="12" y2="11.01"></line> <path d="M12 18l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" fill="white"></path> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-live-view" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="red"></path> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" fill="red"></path> <path d="M4 16v2a2 2 0 0 0 2 2h2" fill="red"></path> <path d="M16 4h2a2 2 0 0 1 2 2v2" fill="red"></path> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" fill="red"></path> <line x1="12" y1="11" x2="12" y2="11.01"></line> <path d="M12 18l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" fill="red"></path> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-live-view" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="blue"></path> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" fill="blue"></path> <path d="M4 16v2a2 2 0 0 0 2 2h2" fill="blue"></path> <path d="M16 4h2a2 2 0 0 1 2 2v2" fill="blue"></path> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" fill="blue"></path> <line x1="12" y1="11" x2="12" y2="11.01"></line> <path d="M12 18l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-live-view" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="#f3da35"></path> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" fill="#f3da35"></path> <path d="M4 16v2a2 2 0 0 0 2 2h2" fill="#f3da35"></path> <path d="M16 4h2a2 2 0 0 1 2 2v2" fill="#f3da35"></path> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" fill="#f3da35"></path> <line x1="12" y1="11" x2="12" y2="11.01"></line> <path d="M12 18l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" fill="#f3da35"></path> </svg> Advance Editor
You can edit live view as below. Change size color and background color of icon using below tool.
Tags
alive,animate,breathing,living,aware,conscious,aspect,glimpse,look,outlook,perspective
Advertisements
Advertisements