Add icons to this collection by clicking the heart icon.
Clapperboard icon - also known as entertainment, film, clapperboard, cinema, movie, clapper, clapboard, and music and multimedia. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="31.865"
x2="31.865"
y1="62.75"
y2="5.236"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="34" x2="34" y2="5.236" href="#a" />
<linearGradient id="c" x1="38" x2="38" y2="5.236" href="#a" />
<linearGradient id="d" x1="42" x2="42" y2="5.236" href="#a" />
<linearGradient id="e" x1="46" x2="46" y2="5.236" href="#a" />
<linearGradient id="f" x1="50" x2="50" y2="5.236" href="#a" />
<linearGradient id="g" x1="54" x2="54" y2="5.236" href="#a" />
<linearGradient id="h" x1="58" x2="58" y2="5.236" href="#a" />
<linearGradient id="i" x1="30" x2="30" y2="5.236" href="#a" />
<linearGradient id="j" x1="26" x2="26" y2="5.236" href="#a" />
<linearGradient id="k" x1="22" x2="22" y2="5.236" href="#a" />
<linearGradient id="l" x1="18" x2="18" y2="5.236" href="#a" />
<linearGradient id="m" x1="14" x2="14" y2="5.236" href="#a" />
<linearGradient
id="n"
x1="33.834"
x2="33.834"
y2="5.236"
gradientTransform="rotate(9.996 33.836 11.68)"
href="#a"
/>
<linearGradient
id="o"
x1="37.774"
x2="37.774"
y2="5.236"
gradientTransform="rotate(10.003 37.772 10.983)"
href="#a"
/>
<linearGradient
id="p"
x1="41.713"
x2="41.713"
y2="5.236"
gradientTransform="rotate(9.998 41.715 10.29)"
href="#a"
/>
<linearGradient
id="q"
x1="45.652"
x2="45.652"
y2="5.236"
gradientTransform="rotate(10.003 45.652 9.591)"
href="#a"
/>
<linearGradient
id="r"
x1="49.591"
x2="49.591"
y2="5.236"
gradientTransform="rotate(9.996 49.592 8.902)"
href="#a"
/>
<linearGradient
id="s"
x1="53.531"
x2="53.531"
y2="5.236"
gradientTransform="rotate(10.003 53.528 8.206)"
href="#a"
/>
<linearGradient
id="t"
x1="57.47"
x2="57.47"
y2="5.236"
gradientTransform="rotate(9.996 57.467 7.51)"
href="#a"
/>
<linearGradient
id="u"
x1="29.895"
x2="29.895"
y2="5.236"
gradientTransform="rotate(10.003 29.897 12.37)"
href="#a"
/>
<linearGradient
id="v"
x1="25.956"
x2="25.956"
y2="5.236"
gradientTransform="rotate(9.998 25.957 13.068)"
href="#a"
/>
<linearGradient
id="w"
x1="22.017"
x2="22.017"
y2="5.236"
gradientTransform="rotate(10.003 22.016 13.761)"
href="#a"
/>
<linearGradient
id="x"
x1="18.078"
x2="18.078"
y2="5.236"
gradientTransform="rotate(9.996 18.075 14.458)"
href="#a"
/>
<linearGradient
id="y"
x1="14.138"
x2="14.138"
y2="5.236"
gradientTransform="rotate(9.996 14.137 15.148)"
href="#a"
/>
<linearGradient id="z" x1="29" x2="29" y2="5.236" href="#a" />
<linearGradient id="A" x1="56" x2="56" y2="5.236" href="#a" />
<path
fill="url(#a)"
d="M61 21H12c0-.132-.019-.259-.029-.388l49.323-8.7a1 1 0 0 0 .811-1.158l-1.39-7.88a.994.994 0 0 0-1.159-.811L2.436 12.136a1 1 0 0 0-.811 1.157l.951 5.4A4.992 4.992 0 0 0 2 21a4.927 4.927 0 0 0 .055.725A.974.974 0 0 0 2 22v39a1 1 0 0 0 1 1h58a1 1 0 0 0 1-1V22a1 1 0 0 0-1-1zm-1 2v6H4v-4c.113.085.238.152.358.227.1.058.183.125.282.177a4.677 4.677 0 0 0 .446.2c.1.041.191.091.292.125a4.9 4.9 0 0 0 .53.136c.088.02.172.05.261.065a4.865 4.865 0 0 0 1.627 0c.087-.014.17-.039.255-.057a4.874 4.874 0 0 0 .5-.129c.1-.032.194-.073.291-.112.142-.056.282-.115.417-.183.1-.052.2-.108.295-.166a4.82 4.82 0 0 0 .928-.713c.092-.092.179-.175.262-.269s.159-.2.235-.3.159-.205.229-.315.131-.233.193-.351.121-.213.171-.326l.011-.009zM9.866 20.1A2.965 2.965 0 0 1 10 21a2.713 2.713 0 0 1-.1.754A2.987 2.987 0 0 1 7 24a2.989 2.989 0 0 1-2.907-2.271A2.634 2.634 0 0 1 4 21a3 3 0 0 1 5.866-.9zM58.919 4.208l1.042 5.91-48.528 8.559a4.979 4.979 0 0 0-.366-.594c-.029-.041-.064-.076-.1-.116a5.02 5.02 0 0 0-.377-.446c-.061-.063-.128-.119-.192-.178a5.187 5.187 0 0 0-.356-.307c-.076-.058-.155-.111-.235-.165q-.184-.126-.381-.236a4.842 4.842 0 0 0-.679-.311c-.089-.032-.176-.067-.266-.1a5.361 5.361 0 0 0-.489-.119c-.08-.016-.157-.037-.238-.049a4.755 4.755 0 0 0-1.447-.011c-.074.01-.146.028-.219.042-.151.027-.3.057-.446.1-.084.023-.165.053-.248.081a4.732 4.732 0 0 0-.985.456c-.046.028-.095.049-.14.078l-.506-2.873zM60 60H4V31h56z"
/>
<path fill="url(#b)" d="M33 24h2v4h-2z" />
<path fill="url(#c)" d="M37 24h2v4h-2z" />
<path fill="url(#d)" d="M41 24h2v4h-2z" />
<path fill="url(#e)" d="M45 24h2v4h-2z" />
<path fill="url(#f)" d="M49 24h2v4h-2z" />
<path fill="url(#g)" d="M53 24h2v4h-2z" />
<path fill="url(#h)" d="M57 24h2v4h-2z" />
<path fill="url(#i)" d="M29 24h2v4h-2z" />
<path fill="url(#j)" d="M25 24h2v4h-2z" />
<path fill="url(#k)" d="M21 24h2v4h-2z" />
<path fill="url(#l)" d="M17 24h2v4h-2z" />
<path fill="url(#m)" d="M13 24h2v4h-2z" />
<path
fill="url(#n)"
d="M32.834 9.678h2v4h-2z"
transform="rotate(-9.996 33.833 11.675)"
/>
<path
fill="url(#o)"
d="M36.774 8.983h2v4h-2z"
transform="rotate(-10.003 37.772 10.986)"
/>
<path
fill="url(#p)"
d="M40.713 8.289h2v3.999h-2z"
transform="rotate(-9.998 41.712 10.29)"
/>
<path
fill="url(#q)"
d="M44.652 7.594h2v4h-2z"
transform="rotate(-10.003 45.649 9.59)"
/>
<path
fill="url(#r)"
d="M48.591 6.899h2v4h-2z"
transform="rotate(-9.996 49.59 8.9)"
/>
<path
fill="url(#s)"
d="M52.53 6.205h2v4h-2z"
transform="rotate(-10.003 53.531 8.202)"
/>
<path
fill="url(#t)"
d="M56.47 5.51h2v4h-2z"
transform="rotate(-9.996 57.467 7.509)"
/>
<path
fill="url(#u)"
d="M28.895 10.372h2v4h-2z"
transform="rotate(-10.003 29.896 12.375)"
/>
<path
fill="url(#v)"
d="M24.956 11.067h2v3.999h-2z"
transform="rotate(-9.998 25.958 13.065)"
/>
<path
fill="url(#w)"
d="M21.017 11.762h2v4h-2z"
transform="rotate(-10.003 22.014 13.763)"
/>
<path
fill="url(#x)"
d="M17.078 12.456h2v4h-2z"
transform="rotate(-9.996 18.076 14.457)"
/>
<path
fill="url(#y)"
d="M13.138 13.15h2v4h-2z"
transform="rotate(-9.996 14.138 15.15)"
/>
<path fill="url(#z)" d="M7 58h44a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2z" />
<path fill="url(#A)" d="M55 58h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
</svg>
More icons in the same style and category