Add icons to this collection by clicking the heart icon.
Clapperboard icon - also known as entertainment, film, clapperboard, movies, video, cinema, clapper, video player, play button, and music and multimedia. Created in a clean flat 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="512"
height="512"
viewBox="0 0 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#4c5c75" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient
id="e"
x1="27.409"
x2="27.409"
y1="36.131"
y2="54.266"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient
id="f"
x1="36.583"
x2="30.384"
y1="47.293"
y2="41.094"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="27.409"
x2="27.409"
y1="44.612"
y2="47.966"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="27.409"
x2="27.409"
y1="13.91"
y2="20.905"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="26.852"
x2="26.852"
y1="16.633"
y2="4.954"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#e3e7f0" />
<stop offset="1" stop-color="#9ea9c9" />
</linearGradient>
<linearGradient
id="j"
x1="38.254"
x2="46.185"
y1="6.157"
y2="6.157"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="30.118"
x2="38.049"
y1="7.413"
y2="7.413"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="21.981"
x2="29.913"
y1="8.669"
y2="8.669"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="13.845"
x2="21.777"
y1="9.925"
y2="9.925"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="6.586"
x2="13.641"
y1="11.245"
y2="11.245"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="7.489"
x2="13.255"
y1="19.269"
y2="19.269"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="15.831"
x2="21.596"
y1="19.269"
y2="19.269"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="24.173"
x2="29.938"
y1="19.269"
y2="19.269"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="32.649"
x2="38.415"
y1="19.269"
y2="19.269"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="40.722"
x2="46.487"
y1="19.269"
y2="19.269"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset="1" stop-color="#1d2943" stop-opacity=".8" />
</linearGradient>
<linearGradient
id="t"
x1="26.374"
x2="25.983"
y1="7.677"
y2="5.373"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="27.409"
x2="27.409"
y1="21.722"
y2="22.505"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="7.654"
x2="7.654"
y1="20.902"
y2="13.133"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="-2215.906"
x2="-2215.906"
y1="-1192.553"
y2="-1198.808"
gradientTransform="rotate(90 -1710.35 521.293)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="7.654"
x2="7.654"
y1="18.169"
y2="14.511"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="27.791"
x2="29.971"
y1="37.378"
y2="40.991"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe90a9" />
<stop offset="1" stop-color="#cc104a" />
</linearGradient>
<path
fill="url(#e)"
d="M47.5 15.7H5.9v30.8c0 1.9 1.6 3.5 3.5 3.5h36.1c1.9 0 3.5-1.6 3.5-3.5V17.1c-.1-.7-.7-1.4-1.5-1.4z"
/>
<path
fill="url(#f)"
d="M48.4 48.4 35.9 35.2l-13.6 8.4 5.7 6.3h17.5c1.2.1 2.3-.6 2.9-1.5z"
/>
<path
fill="url(#g)"
d="M47.5 15.7H5.9v30.8c0 1.9 1.6 3.5 3.5 3.5h36.1c1.9 0 3.5-1.6 3.5-3.5V17.1c-.1-.7-.7-1.4-1.5-1.4z"
/>
<path fill="url(#h)" d="M48.9 22.8v-5.7c0-.8-.6-1.4-1.4-1.4H5.9v7.1z" />
<path
fill="url(#i)"
d="m48.2 7.8-.3-2.3c-.4-2.3-2.5-3.8-4.8-3.5L10.2 7.1c-3 .5-5.1 3.3-4.7 6.3l.3 2.3L47 9.4c.8-.1 1.3-.8 1.2-1.6z"
/>
<path fill="url(#j)" d="m38.3 2.8 4.6 7.2 3.3-.5-4.7-7.2z" />
<path fill="url(#k)" d="m30.1 4.1 4.7 7.2 3.2-.5-4.6-7.2z" />
<path fill="url(#l)" d="m22 5.3 4.7 7.2 3.2-.5-4.7-7.2z" />
<path fill="url(#m)" d="m13.8 6.6 4.7 7.2 3.3-.5-4.7-7.2z" />
<path
fill="url(#n)"
d="m6.6 9.3 3.8 5.7 3.2-.5L9 7.4c-1 .4-1.8 1.1-2.4 1.9z"
/>
<path fill="url(#o)" d="m11 22.8 2.3-7.1h-3.2l-2.3 7.1z" />
<path fill="url(#p)" d="m19.3 22.8 2.3-7.1h-3.2l-2.3 7.1z" />
<path fill="url(#q)" d="m27.7 22.8 2.2-7.1h-3.2l-2.2 7.1z" />
<path fill="url(#r)" d="m36.2 22.8 2.2-7.1h-3.2L33 22.8z" />
<path fill="url(#s)" d="m44.2 22.8 2.3-7.1h-3.2L41 22.8z" />
<path
fill="url(#t)"
d="m48.2 7.8-.3-2.3c-.4-2.3-2.5-3.8-4.8-3.5L10.2 7.1c-3 .5-5.1 3.3-4.7 6.3l.3 2.3L47 9.4c.8-.1 1.3-.8 1.2-1.6z"
/>
<path fill="url(#u)" d="M48.9 22.8v-5.7c0-.8-.6-1.4-1.4-1.4H5.9v7.1z" />
<circle cx="7.7" cy="15.7" r="4.6" fill="url(#v)" />
<circle cx="7.7" cy="15.7" r="3.7" fill="url(#w)" />
<circle cx="7.7" cy="15.7" r="2.2" fill="url(#x)" />
<path
fill="url(#y)"
d="M35 34.4 25.4 29c-1.7-.9-3.7.3-3.7 2.2v10.9c0 1.9 2.1 3.1 3.7 2.2l9.7-5.4c1.6-1.1 1.6-3.5-.1-4.5z"
/>
</svg>
More icons in the same style and category