Add icons to this collection by clicking the heart icon.
Clapperboard icon - also known as entertainment, film, clapperboard, cinema, movie, clapper, and clapboard. Created in a clean lineal color style with a white, gray, teal, and navy finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M501.333 64h-448a10.66 10.66 0 0 0-10.667 10.667v33.079C18.353 112.702 0 134.246 0 160s18.353 47.298 42.667 52.254v193.079c0 23.531 19.135 42.667 42.667 42.667h384C492.865 448 512 428.865 512 405.333V74.667A10.66 10.66 0 0 0 501.333 64z"
fill="#303c42"
/>
<path d="m475.583 85.333-64 64h-55.166l64-64z" fill="#fafafa" />
<path d="m390.25 85.333-64 64h-55.167l64-64z" fill="#37474f" />
<path d="m304.917 85.333-64 64H185.75l64-64z" fill="#fafafa" />
<path
d="m219.583 85.333-64 64h-50.298c-.299-1.32-.542-2.661-.914-3.954l60.046-60.046h55.166z"
fill="#37474f"
/>
<path
d="M64 85.333h70.25l-40.396 40.396C86.258 116.762 75.938 110.18 64 107.746V85.333z"
fill="#fafafa"
/>
<circle cx="53.333" cy="160" r="32" fill="#546e7a" />
<path
d="M62.501 129.499c.882 2.923 1.499 5.961 1.499 9.168 0 17.646-14.354 32-32 32-3.207 0-6.245-.617-9.168-1.499C26.803 182.329 38.895 192 53.333 192c17.646 0 32-14.354 32-32 0-14.439-9.67-26.53-22.832-30.501z"
opacity=".1"
/>
<path
d="M490.667 405.333c0 11.76-9.573 21.333-21.333 21.333h-384c-11.76 0-21.333-9.573-21.333-21.333V212.254c20.854-4.25 37.232-20.741 41.497-41.587h385.169v234.666zM490.667 149.333H441.75l48.917-48.916z"
fill="#37474f"
/>
<linearGradient
id="a"
x1="-38.254"
x2="-23.521"
y1="641.988"
y2="627.253"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M275.277 426.667h194.056c11.76 0 21.333-9.573 21.333-21.333V170.667H105.497c-4.266 20.846-20.643 37.337-41.497 41.587v3.137l211.277 211.276z"
fill="url(#a)"
/>
<path
d="m294.345 95.905 10.572-10.572H249.75l-10.572 10.572zM379.678 95.905l10.572-10.572h-55.167l-10.571 10.572zM465.012 95.905l10.571-10.572h-55.166l-10.572 10.572zM209.012 95.905l10.571-10.572h-55.166l-10.572 10.572zM123.678 95.905l10.572-10.572H64v10.572z"
opacity=".2"
fill="#fff"
/>
<linearGradient
id="b"
x1="-46.213"
x2="-21.712"
y1="640.59"
y2="629.165"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M501.333 64h-448a10.66 10.66 0 0 0-10.667 10.667v33.079C18.353 112.702 0 134.246 0 160s18.353 47.298 42.667 52.254v193.079c0 23.531 19.135 42.667 42.667 42.667h384C492.865 448 512 428.865 512 405.333V74.667A10.66 10.66 0 0 0 501.333 64z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category