Film Outline Icon SVG
Film Outline
Film outline SVG Icon Code | Customize color
You can get svg icon film outline in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeFilm outline
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-g</title><rect x="48" y="96" width="416" height="320" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"/><rect x="384" y="336" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"/><rect x="384" y="256" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"/><rect x="384" y="176" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"/><rect x="384" y="96" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"/><rect x="48" y="336" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"/><rect x="48" y="256" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"/><rect x="48" y="176" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"/><rect x="48" y="96" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"/><rect x="128" y="96" width="256" height="160" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"/><rect x="128" y="256" width="256" height="160" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"/></svg> Film outline
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-g</title><rect x="48" y="96" width="416" height="320" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="336" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="256" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="176" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="96" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="336" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="256" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="176" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="96" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="128" y="96" width="256" height="160" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="128" y="256" width="256" height="160" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect></svg> Film outline
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-g</title><rect x="48" y="96" width="416" height="320" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="336" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="256" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="176" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="96" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="336" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="256" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="176" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="96" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="128" y="96" width="256" height="160" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="128" y="256" width="256" height="160" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect></svg> Film outline
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-g</title><rect x="48" y="96" width="416" height="320" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="336" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="256" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="176" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="96" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="336" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="256" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="176" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="96" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="128" y="96" width="256" height="160" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="128" y="256" width="256" height="160" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect></svg> Film outline
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-g</title><rect x="48" y="96" width="416" height="320" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="336" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="256" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="176" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="384" y="96" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="336" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="256" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="176" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="48" y="96" width="80" height="80" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="128" y="96" width="256" height="160" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect><rect x="128" y="256" width="256" height="160" rx="28" ry="28" style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px"></rect></svg> Advance Editor
You can edit film outline as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements