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, 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="M394.667 64H32a10.66 10.66 0 0 0-10.667 10.667v33.965C8.944 113.049 0 124.779 0 138.667s8.944 25.617 21.333 30.035V320c0 23.531 19.135 42.667 42.667 42.667h298.667c23.531 0 42.667-19.135 42.667-42.667V74.667A10.662 10.662 0 0 0 394.667 64z"
fill="#303c42"
/>
<path
d="M384 128h-48.917l42.667-42.667H384zM79.083 128l42.667-42.667h33.833L112.917 128z"
fill="#37474f"
/>
<path d="M185.75 85.333h33.833L176.917 128h-33.834z" fill="#fff" />
<path d="M249.75 85.333h33.833L240.917 128h-33.834z" fill="#37474f" />
<path
d="M313.75 85.333h33.833L304.917 128h-33.834zM91.583 85.333l-34.141 34.141a31.962 31.962 0 0 0-14.776-10.842V85.333h48.917z"
fill="#fff"
/>
<circle cx="32" cy="138.667" r="10.667" fill="#37474f" />
<path
d="M23.466 140.799c0-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 320c0 11.76-9.573 21.333-21.333 21.333H64c-11.76 0-21.333-9.573-21.333-21.333V168.702a31.96 31.96 0 0 0 19.368-19.368H384V320z"
fill="#37474f"
/>
<linearGradient
id="a"
x1="-40.476"
x2="-28.723"
y1="642.803"
y2="631.051"
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="M362.667 341.333c11.76 0 21.333-9.573 21.333-21.333V149.333H62.035a31.96 31.96 0 0 1-19.368 19.368L215.3 341.333h147.367z"
fill="url(#a)"
/>
<path
d="m85.583 91.333 6-6H42.667v6zM149.583 91.333l6-6H121.75l-6 6zM213.583 91.333l6-6H185.75l-6 6zM277.583 91.333l6-6H249.75l-6 6zM341.583 91.333l6-6H313.75l-6 6zM384 91.333v-6h-6.25l-6 6z"
opacity=".2"
fill="#fff"
/>
<path
d="m508.875 275.125-37.333-37.333c-2-2-4.708-3.125-7.542-3.125H325.333c-14.708 0-26.667 11.958-26.667 26.667v160c0 14.708 11.958 26.667 26.667 26.667h160C500.042 448 512 436.042 512 421.333V282.667c0-2.834-1.125-5.542-3.125-7.542z"
fill="#303c42"
/>
<path
d="M362.667 256H448v37.688a5.343 5.343 0 0 1-5.333 5.333H368a5.343 5.343 0 0 1-5.333-5.333V256zM362.667 362.667H448v64h-85.333z"
fill="#f2f2f2"
/>
<path
d="M490.667 421.333a5.343 5.343 0 0 1-5.333 5.333h-16V352a10.66 10.66 0 0 0-10.667-10.667H352A10.66 10.66 0 0 0 341.333 352v74.667h-16a5.343 5.343 0 0 1-5.333-5.333v-160a5.343 5.343 0 0 1 5.333-5.333h16v37.688c0 14.708 11.958 26.667 26.667 26.667h74.667c14.708 0 26.667-11.958 26.667-26.667V265.75l21.333 21.333v134.25z"
fill="#4fc3f7"
/>
<path
d="M416 298.667A10.66 10.66 0 0 1 405.333 288v-21.333A10.66 10.66 0 0 1 416 256a10.66 10.66 0 0 1 10.667 10.667V288A10.66 10.66 0 0 1 416 298.667z"
fill="#303c42"
/>
<path d="M362.667 362.667H448v10.667h-85.333z" fill="#1e88e5" />
<linearGradient
id="b"
x1="-46.524"
x2="-21.259"
y1="641.336"
y2="629.554"
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="m508.875 275.125-37.333-37.333c-2-2-4.708-3.125-7.542-3.125h-58.667v-160A10.66 10.66 0 0 0 394.666 64H32a10.66 10.66 0 0 0-10.667 10.667v33.965C8.944 113.049 0 124.779 0 138.667s8.944 25.617 21.333 30.035V320c0 23.531 19.135 42.667 42.667 42.667h234.667v58.667c0 14.708 11.958 26.667 26.667 26.667h160C500.042 448 512 436.042 512 421.333V282.667c0-2.834-1.125-5.542-3.125-7.542z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category