Add icons to this collection by clicking the heart icon.
Clapperboard icon - also known as entertainment, film, clapperboard, cinema, movie, clapper, clapboard, filming, and electronics. Created in a clean gradient style, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="d"
x1="0"
x2="512"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff80aa" />
<stop offset="1" stop-color="#ff3c7d" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#444" />
<stop offset="1" stop-color="#292929" />
</linearGradient>
<linearGradient
id="e"
x1="310.456"
x2="416"
y1="108.81"
y2="108.81"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ececf1" />
<stop offset="1" stop-color="#e2e2e7" />
</linearGradient>
<linearGradient
id="f"
x1="256.623"
x2="347.901"
y1="84.226"
y2="175.504"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="151.818"
x2="302.512"
y1="141.037"
y2="141.037"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="101.44"
x2="186.474"
y1="124.162"
y2="209.196"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#98caf0" />
<stop offset="1" stop-color="#5aaae7" />
</linearGradient>
<linearGradient
id="i"
x1="134.117"
x2="375.922"
y1="216.284"
y2="458.089"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="345.359"
x2="407.074"
y1="203.574"
y2="265.288"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="239.388"
x2="381.265"
y1="226.304"
y2="226.304"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="195.303"
x2="250.01"
y1="192.037"
y2="246.744"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="93.926"
x2="219.676"
y1="226.304"
y2="226.304"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="184.883"
x2="325.156"
y1="266.382"
y2="406.655"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="82.814"
x2="125.304"
y1="175"
y2="217.49"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#e)"
d="m310.457 94.21 19.887 36.962 51.558 10.394 34.098-6.5-11.473-59.011zm0 0"
/>
<path
fill="url(#f)"
d="M381.867 141.54c-.203 0-76.75 15.026-79.355 15.429l-47.492-9.617-4.008-.805-19.836-36.871s10.418-2.004 23.844-4.809c22.445-4.207 53.304-10.219 55.511-10.62zm0 0"
/>
<path
fill="url(#g)"
d="M302.512 156.969s-25.45 5.008-47.492 9.219c-16.23 3.203-30.66 6.007-31.864 6.21l-51.5-10.421-19.84-36.872c.204 0 75.75-14.828 79.356-15.43l23.848 15.833zm0 0"
/>
<path
fill="url(#h)"
d="M151.797 125.05c-6.317 1.227-66.363 12.77-63.336 12.184l11.469 59.012c4.222-.82 125.336-24.234 123.316-23.84zm0 0"
/>
<path
fill="url(#i)"
d="M416 256.363v161.649H94.04V256.363l160.98-35.672 20.039-4.406zm0 0"
/>
<path
fill="url(#j)"
d="m320.18 256.363 12.468-40.078 48.625-20.039H416v60.117zm0 0"
/>
<path
fill="url(#k)"
d="m381.266 196.246-61.121 60.117H239.39l12.423-40.078 3.207-1.402 45.488-18.637zm0 0"
/>
<path
fill="url(#l)"
d="m300.508 196.246-45.488 44.688-15.63 15.43h-80.757l12.422-40.079 48.496-20.039h35.469zm0 0"
/>
<path fill="url(#m)" d="M158.55 256.363H94.04v-60.117h125.608zm0 0" />
<path
fill="url(#n)"
d="M355.215 316.48v-20.039h-200.39v20.04h20.038v40.078h-20.039v20.039h200.39v-20.04h-20.038V316.48zm-160.313 0H245v40.079h-50.098zm120.235 40.079h-50.098V316.48h50.098zm0 0"
/>
<path
fill="url(#o)"
d="M104.059 226.305C87.484 226.305 74 212.82 74 196.246s13.484-30.059 30.059-30.059c16.578 0 30.058 13.481 30.058 30.06 0 16.573-13.484 30.058-30.058 30.058zm0 0"
/>
</svg>
More icons in the same style and category