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, silver, 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 511.997 511.997"
>
<path
d="M394.667 63.999H32a10.66 10.66 0 0 0-10.667 10.667v33.965C8.944 113.048 0 124.777 0 138.665c0 13.888 8.944 25.617 21.333 30.035v151.298c0 23.531 19.135 42.667 42.667 42.667h298.667c23.531 0 42.667-19.135 42.667-42.667V74.665a10.661 10.661 0 0 0-10.667-10.666z"
fill="#303c42"
/>
<path
d="M384 127.999h-48.917l42.667-42.667H384zM79.083 127.999l42.667-42.667h33.833l-42.666 42.667z"
fill="#37474f"
/>
<path d="M185.75 85.332h33.833l-42.666 42.667h-33.834z" fill="#fff" />
<path d="M249.75 85.332h33.833l-42.666 42.667h-33.834z" fill="#37474f" />
<path
d="M313.75 85.332h33.833l-42.666 42.667h-33.834zM91.583 85.332l-34.141 34.141a31.962 31.962 0 0 0-14.776-10.842V85.332h48.917z"
fill="#fff"
/>
<circle cx="31.999" cy="138.665" r="10.667" fill="#37474f" />
<path
d="M23.466 140.798c0-5.885 4.781-10.667 10.667-10.667 2.391 0 4.487.936 6.267 2.267-1.947-2.603-4.905-4.4-8.4-4.4-5.885 0-10.667 4.781-10.667 10.667 0 3.495 1.797 6.453 4.4 8.4-1.331-1.78-2.267-3.876-2.267-6.267z"
opacity=".2"
fill="#fff"
/>
<path
d="M384 319.999c0 11.76-9.573 21.333-21.333 21.333H64c-11.76 0-21.333-9.573-21.333-21.333V168.701a31.96 31.96 0 0 0 19.368-19.368H384v170.666z"
fill="#37474f"
/>
<linearGradient
id="a"
x1="-40.477"
x2="-28.725"
y1="642.802"
y2="631.049"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.36 13791.638)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M362.667 341.332c11.76 0 21.333-9.573 21.333-21.333V149.332H62.035A31.96 31.96 0 0 1 42.667 168.7L215.3 341.332h147.367z"
fill="url(#a)"
/>
<path
d="m85.583 91.332 6-6H42.667v6zM149.583 91.332l6-6H121.75l-6 6zM213.583 91.332l6-6H185.75l-6 6zM277.583 91.332l6-6H249.75l-6 6zM341.583 91.332l6-6H313.75l-6 6zM384 91.332v-6h-6.25l-6 6z"
opacity=".2"
fill="#fff"
/>
<path
d="M394.667 447.999c-52.281 0-96.958-31.208-116.604-81.458a10.694 10.694 0 0 1 0-7.75c19.646-50.25 64.323-81.458 116.604-81.458s96.958 31.208 116.604 81.458a10.694 10.694 0 0 1 0 7.75c-19.646 50.249-64.323 81.458-116.604 81.458z"
fill="#303c42"
/>
<path
d="M299.531 362.665c17.104 39.583 53.198 64 95.135 64s78.031-24.417 95.135-64c-17.104-39.583-53.198-64-95.135-64s-78.031 24.417-95.135 64z"
fill="#fafafa"
/>
<circle cx="394.665" cy="362.665" r="42.667" fill="#303c42" />
<circle cx="394.665" cy="362.665" r="21.333" fill="#bbdefb" />
<linearGradient
id="b"
x1="-29.111"
x2="-27.298"
y1="629.906"
y2="629.06"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.36 13791.638)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".5" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<circle cx="394.665" cy="362.665" r="21.333" fill="url(#b)" />
<linearGradient
id="c"
x1="-46.525"
x2="-22.366"
y1="641.335"
y2="630.069"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.36 13791.638)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M511.271 358.79c-18.283-46.763-58.344-76.684-105.938-80.66V74.665a10.66 10.66 0 0 0-10.667-10.667H32a10.66 10.66 0 0 0-10.667 10.667v33.965C8.944 113.048 0 124.777 0 138.665c0 13.888 8.944 25.617 21.333 30.035v151.298c0 23.531 19.135 42.667 42.667 42.667h213.336c0 1.318.242 2.635.727 3.875 19.646 50.25 64.323 81.458 116.604 81.458s96.958-31.208 116.604-81.458c.969-2.479.969-5.27 0-7.75z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category