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 191.992H162.259l332.626-65.813a10.716 10.716 0 0 0 6.792-4.531 10.714 10.714 0 0 0 1.604-8.01L486.719 29.93a10.716 10.716 0 0 0-4.531-6.792 10.66 10.66 0 0 0-8.01-1.604l-439.48 86.958a10.716 10.716 0 0 0-6.792 4.531 10.664 10.664 0 0 0-1.594 8.01l6.426 32.454C13.529 161.564 0 180.561 0 202.669c0 25.754 18.353 47.298 42.667 52.254v193.079c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667V202.659a10.662 10.662 0 0 0-10.668-10.667z"
fill="#303c42"
/>
<path
d="m318.991 139.227-54.115 10.705 50.365-75.199 54.107-10.707z"
fill="#37474f"
/>
<path
d="m398.952 58.168 54.105-10.706-50.359 75.204-54.104 10.704zM235.271 155.791l-54.104 10.704L231.521 91.3l54.114-10.709z"
fill="#fafafa"
/>
<path
d="m151.564 172.352-49.056 9.704c-.536-1.275-1.314-2.406-1.944-3.63l47.247-70.563 54.105-10.706-50.352 75.195zM432.301 116.807l38.484-57.467 9.496 47.975z"
fill="#37474f"
/>
<path
d="m118.208 113.722-31.777 47.46c-9.043-7.232-20.337-11.736-32.771-11.813l-4.358-22.012 68.906-13.635z"
fill="#fafafa"
/>
<circle cx="53.333" cy="202.667" r="32" fill="#546e7a" />
<path
d="M62.501 172.168c.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.499 3.971 13.161 16.063 22.832 30.501 22.832 17.646 0 32-14.354 32-32 0-14.438-9.67-26.529-22.832-30.501z"
opacity=".1"
/>
<path
d="M490.667 448.003c0 11.76-9.573 21.333-21.333 21.333h-384c-11.76 0-21.333-9.573-21.333-21.333v-193.08c20.854-4.25 37.232-20.741 41.497-41.587h385.169v234.667z"
fill="#37474f"
/>
<linearGradient
id="a"
x1="-38.254"
x2="-23.521"
y1="639.988"
y2="625.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 469.336h194.056c11.76 0 21.333-9.573 21.333-21.333V213.336H105.497c-4.266 20.846-20.643 37.337-41.497 41.587v3.137l211.277 211.276z"
fill="url(#a)"
/>
<path
d="m441.887 64.145 11.17-16.683-54.105 10.706-11.171 16.682zM358.177 80.707l11.171-16.681-54.107 10.707-11.172 16.681zM274.464 97.272l11.171-16.681L231.521 91.3l-11.169 16.679zM190.747 113.836l11.17-16.678-54.106 10.705-11.168 16.679zM56.031 140.492l51.01-10.094 11.167-16.677-68.906 13.635 2.914 14.717a10.716 10.716 0 0 1 3.815-1.581z"
opacity=".2"
fill="#fff"
/>
<linearGradient
id="b"
x1="-45.88"
x2="-21.052"
y1="640.16"
y2="628.583"
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 191.992H162.259l332.626-65.813a10.716 10.716 0 0 0 6.792-4.531 10.714 10.714 0 0 0 1.604-8.01L486.719 29.93a10.716 10.716 0 0 0-4.531-6.792 10.66 10.66 0 0 0-8.01-1.604l-439.48 86.958a10.716 10.716 0 0 0-6.792 4.531 10.664 10.664 0 0 0-1.594 8.01l6.426 32.454C13.529 161.564 0 180.561 0 202.669c0 25.754 18.353 47.298 42.667 52.254v193.079c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667V202.659a10.662 10.662 0 0 0-10.668-10.667z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category