Add icons to this collection by clicking the heart icon.
Clapperboard icon - also known as entertainment, clapperboard, cinema, movie, photographic film, and film clapperboard. Created in a clean flat gradient style with a black and maroon 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="512"
height="512"
viewBox="0 0 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#727272" />
<stop offset=".853" stop-color="#313131" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient
id="e"
x1="26.332"
x2="25.533"
y1="18.305"
y2="53.188"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#dae7ed" />
<stop offset=".713" stop-color="#a2b9bd" />
<stop offset="1" stop-color="#8ca6aa" />
</linearGradient>
<linearGradient
id="f"
x1="25.969"
x2="25.969"
y1="32.151"
y2="42.505"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="34.475"
x2="22.999"
y1="12.084"
y2="41.859"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset=".404" stop-color="#ff4e61" />
<stop offset="1" stop-color="#c70a30" />
</linearGradient>
<linearGradient
id="h"
x1="-18.642"
x2="-18.894"
y1="-17.445"
y2="-6.442"
gradientTransform="rotate(-12.41 108.387 -206.364)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#efefef" />
<stop offset="1" stop-color="#96a1b2" />
</linearGradient>
<linearGradient
id="i"
x1="90.207"
x2="90.207"
y1="-16.147"
y2="-6.336"
gradientTransform="rotate(-12.31 176.463 411.72) skewX(-35.37)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="j"
x1="98.704"
x2="98.704"
y1="-16.147"
y2="-6.336"
gradientTransform="rotate(-12.31 176.463 411.72) skewX(-35.37)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="k"
x1="107.201"
x2="107.201"
y1="-16.147"
y2="-6.336"
gradientTransform="rotate(-12.31 176.463 411.72) skewX(-35.37)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="115.698"
x2="115.698"
y1="-16.147"
y2="-6.336"
gradientTransform="rotate(-12.31 176.463 411.72) skewX(-35.37)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="124.195"
x2="124.195"
y1="-16.147"
y2="-6.336"
gradientTransform="rotate(-12.31 176.463 411.72) skewX(-35.37)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="-14.134"
x2="-20.371"
y1="-24.441"
y2="-8.259"
gradientTransform="rotate(-12.41 108.387 -206.364)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="26.083"
x2="25.831"
y1="19.138"
y2="30.141"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="169.402"
x2="169.402"
y1="18.203"
y2="26.953"
gradientTransform="matrix(1 0 -.71 1 -134.51 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="177.9"
x2="177.9"
y1="18.203"
y2="26.953"
gradientTransform="matrix(1 0 -.71 1 -134.51 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="186.397"
x2="186.397"
y1="18.203"
y2="26.953"
gradientTransform="matrix(1 0 -.71 1 -134.51 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="194.894"
x2="194.894"
y1="18.203"
y2="26.953"
gradientTransform="matrix(1 0 -.71 1 -134.51 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="30.592"
x2="24.355"
y1="12.143"
y2="28.324"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="2.152"
x2="15.893"
y1="18.526"
y2="18.526"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="10.234"
x2="10.234"
y1="14.465"
y2="21.737"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="177.347"
x2="177.347"
y1="-410.584"
y2="-407.026"
gradientTransform="rotate(180 93.79 -195.036)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path fill="#262626" d="m2.744 27.868 2.599 2.437.016-3.717z" />
<path
fill="#262626"
d="M49.652 23.948v23.743A2.306 2.306 0 0 1 47.343 50H7.927c-.747 0-1.41-.35-1.836-.9l-1.553-1.545.805-.53V23.671a2.312 2.312 0 0 1 2.309-2.31h39.284c.198-.387.369-.709.369-.709.1.1 1.609 1.578 1.676 1.678.416.417.671.984.671 1.618z"
/>
<path
fill="url(#e)"
d="M45.678 19.975H6.26a2.308 2.308 0 0 0-2.308 2.308v23.742a2.308 2.308 0 0 0 2.308 2.308h39.418a2.308 2.308 0 0 0 2.308-2.308V22.283a2.308 2.308 0 0 0-2.308-2.308z"
/>
<path
fill="url(#f)"
d="M42.986 35.3v6.033a2 2 0 0 1-2 2H10.952a2 2 0 0 1-2-2V35.3a2 2 0 0 1 2-2h30.034a2 2 0 0 1 2 2z"
/>
<path
fill="url(#g)"
d="M47.986 46.025V22.283a2.308 2.308 0 0 0-2.308-2.308H6.26a2.308 2.308 0 0 0-2.308 2.308v23.742a2.313 2.313 0 0 0 2.308 2.308 2.291 2.291 0 0 1-2.175-1.661c-.138-.467-.07-.966-.08-1.459l.015-3.371c.177-26.354.116-17.264.13-19.23 0-.122-.002-.25.003-.367.18-1.898 1.693-2.02 1.876-2.04.244-.02 8.008.003 8.109.003 32.295 0 31.431-.033 31.771-.002a2.11 2.11 0 0 1 1.616 1.071c.275.51.24.868.26.968.005.116.003.245.005.366.169 25.24.186 23.642.063 24.06a2.292 2.292 0 0 1-2.175 1.662c1.229.004 2.308-1 2.308-2.308z"
/>
<path
fill="#ba1238"
d="M47.305 20.652s-.17.322-.37.71H7.653a2.312 2.312 0 0 0-2.31 2.309V28.106c.815.73 1.262 1.645 2.585 1.645h39.416a2.306 2.306 0 0 0 2.31-2.31v-3.493c0-.634-.256-1.201-.673-1.618-.076-.114-1.549-1.552-1.675-1.678zM48.996 5.08l.797 3.623a2.306 2.306 0 0 1-1.758 2.752L9.541 19.932a2.314 2.314 0 0 1-1.986-.483l-1.849-1.175.672-.691-.715-3.244a2.312 2.312 0 0 1 1.759-2.752L45.786 3.14c.11-.422.208-.773.208-.773.103.066 1.89 1.175 1.997 1.278.497.317.868.817 1.005 1.436z"
/>
<path
fill="url(#h)"
d="M44.26 2.055 5.763 10.532a2.308 2.308 0 0 0-1.758 2.75l.798 3.623a2.308 2.308 0 0 0 2.75 1.758l38.496-8.478a2.308 2.308 0 0 0 1.758-2.75l-.798-3.623a2.308 2.308 0 0 0-2.75-1.757z"
/>
<path
fill="url(#i)"
d="M10.354 9.521 5.7 18.263c.516.378 1.18.548 1.855.4l1.265-.279 5.032-9.633z"
/>
<path fill="url(#j)" d="m18.653 7.694-5.032 9.633 3.497-.77 5.032-9.634z" />
<path fill="url(#k)" d="M26.95 5.866 21.92 15.5l3.497-.77 5.032-9.633z" />
<path fill="url(#l)" d="m35.25 4.039-5.033 9.633 3.498-.77 5.032-9.634z" />
<path
fill="url(#m)"
d="m44.26 2.055-.713.156-5.031 9.633 3.497-.77 4.463-8.29a2.298 2.298 0 0 0-2.217-.73z"
/>
<path
fill="url(#n)"
d="m47.808 7.434-.798-3.622a2.308 2.308 0 0 0-2.75-1.757L5.763 10.532a2.308 2.308 0 0 0-1.758 2.75l.798 3.623a2.313 2.313 0 0 0 2.75 1.758 2.304 2.304 0 0 1-1.436-.17 2.28 2.28 0 0 1-1.044-.985c-.236-.426-.277-.928-.392-1.407l.021.031-.401-2.092c-.025-.21-.087-.723-.107-.838l-.038-.335a2.102 2.102 0 0 1 1.43-2.06c.248-.077 8.02-1.763 7.92-1.741C45.58 1.98 44.435 2.243 44.536 2.23a2.11 2.11 0 0 1 1.808.7c.38.44.419.788.463.888.844 3.196 1.052 3.692 1.01 4.277a2.28 2.28 0 0 1-.533 1.332 2.304 2.304 0 0 1-1.233.758 2.313 2.313 0 0 0 1.758-2.75z"
/>
<path
fill="url(#o)"
d="M45.678 19.975H6.26a2.308 2.308 0 0 0-2.308 2.308v3.71A2.308 2.308 0 0 0 6.26 28.3h39.418a2.308 2.308 0 0 0 2.308-2.308v-3.709a2.308 2.308 0 0 0-2.308-2.308z"
/>
<path fill="url(#p)" d="M19.457 19.975 12.472 28.3h3.581l6.986-8.325z" />
<path fill="url(#q)" d="M27.955 19.975 20.969 28.3h3.581l6.986-8.325z" />
<path fill="url(#r)" d="M36.452 19.975 29.466 28.3h3.581l6.986-8.325z" />
<path
fill="url(#s)"
d="M45.678 19.975h-.73L37.964 28.3h3.581l6.141-7.135a2.298 2.298 0 0 0-2.007-1.19z"
/>
<path
fill="url(#t)"
d="M47.986 25.992v-3.709a2.308 2.308 0 0 0-2.308-2.308H6.26a2.308 2.308 0 0 0-2.308 2.308v3.71A2.308 2.308 0 0 0 6.26 28.3a2.304 2.304 0 0 1-1.367-.475c-1.08-.813-.875-1.979-.888-2.644l.015.035.058-2.13.071-.475c.002-.121 0-.25.004-.366.18-1.898 1.693-2.02 1.876-2.04.244-.02 8.008.003 8.109.003 32.295 0 31.431-.033 31.771-.002a2.11 2.11 0 0 1 1.616 1.071c.275.51.24.868.26.968.005.116.003.245.005.366.006.106.3 3.226.063 4.028a2.292 2.292 0 0 1-2.175 1.661c1.227.005 2.308-.999 2.308-2.308z"
/>
<path
fill="url(#u)"
d="m15.664 17.666-4.617-8.048a1.727 1.727 0 0 0-1.498-.867H3.88c-.954 0-1.727.773-1.727 1.727v16.096c0 .953.773 1.726 1.727 1.726h5.67c.619 0 1.19-.33 1.498-.867l4.617-8.048a1.727 1.727 0 0 0 0-1.719z"
/>
<path
fill="url(#v)"
d="M10.234 15.14a3.387 3.387 0 1 0 0 6.772 3.387 3.387 0 0 0 0-6.773z"
/>
<path
fill="url(#w)"
d="M10.234 20.182a1.657 1.657 0 1 0 0-3.313 1.657 1.657 0 0 0 0 3.313z"
/>
</svg>
More icons in the same style and category