Add icons to this collection by clicking the heart icon.
Clapperboard icon - also known as entertainment, film, clapperboard, cinema, movie, clapper, clapboard, photographic film, and film clapperboard. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#8a7889" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<linearGradient
id="d"
x1="256.836"
x2="331.418"
y1="302.597"
y2="535.849"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#6e566e" stop-opacity="0" />
<stop offset=".294" stop-color="#674d66" stop-opacity=".294" />
<stop offset="1" stop-color="#593b56" />
</linearGradient>
<linearGradient
id="e"
x1="298.031"
x2="272.25"
y1="415.406"
y2="139.405"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient
id="f"
x1="265.906"
x2="289.137"
y1="172.784"
y2="259.37"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="g"
x1="78.806"
x2="90.766"
y1="201.831"
y2="246.406"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="169.652"
x2="182.913"
y1="196.179"
y2="245.606"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="272.03"
x2="285.291"
y1="196.179"
y2="245.606"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="374.408"
x2="387.669"
y1="196.179"
y2="245.606"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="466.929"
x2="478.898"
y1="196.399"
y2="241.01"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="222.961"
x2="246.411"
y1="442.158"
y2="529.562"
gradientTransform="rotate(-12.84 -1542.353 170.532)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="35.758"
x2="47.718"
y1="470.821"
y2="515.396"
gradientTransform="rotate(-12.84 -1542.353 170.532)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="126.604"
x2="139.865"
y1="465.169"
y2="514.596"
gradientTransform="rotate(-12.84 -1542.353 170.532)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="228.982"
x2="242.243"
y1="465.169"
y2="514.596"
gradientTransform="rotate(-12.84 -1542.353 170.532)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="331.36"
x2="344.621"
y1="465.169"
y2="514.596"
gradientTransform="rotate(-12.84 -1542.353 170.532)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="423.881"
x2="435.85"
y1="465.389"
y2="510"
gradientTransform="rotate(-12.84 -1542.353 170.532)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="113.744"
x2="26.154"
y1="248.991"
y2="164.056"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="37.167"
x2="59.069"
y1="163.333"
y2="204.805"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="t"
x1="41.472"
x2="56.269"
y1="171.486"
y2="199.503"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="u"
x1="275.216"
x2="327.542"
y1="302.89"
y2="526.604"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="260.834"
x2="313.161"
y1="306.254"
y2="529.968"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="246.453"
x2="298.779"
y1="309.618"
y2="533.332"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M497.732 507.51H62.706c-6.775 0-12.268-5.492-12.268-12.268v-239.03c0-6.775 5.492-12.268 12.268-12.268h435.026c6.775 0 12.268 5.492 12.268 12.268v239.03c0 6.776-5.492 12.268-12.268 12.268z"
/>
<path
fill="url(#e)"
d="M56.941 266.682 297.769 507.51h199.964c6.775 0 12.268-5.492 12.268-12.267v-254.03c0-6.775-5.492-12.268-12.268-12.268H62.706c-6.775 0-9.633 35.675-5.765 37.737z"
/>
<path
fill="url(#f)"
d="M497.739 184.144H62.7c-6.772 0-12.261 5.49-12.261 12.261v59.454c0 6.772 5.49 12.261 12.261 12.261h20.129l26.639-8 21.722 8h54.066l22.116-8 26.203 8h54.037l24.097-7 24.288 7h53.988l21.169-9 27.145 9h54.039L510 227.407v-31.002c0-6.771-5.49-12.261-12.261-12.261z"
/>
<path
fill="url(#g)"
d="M131.249 268.116h-48.47l-32.34-42.839v-28.87c0-6.768 5.494-12.263 12.263-12.263h5.13z"
/>
<path fill="url(#h)" d="M233.626 268.116h-48.47l-63.406-83.972h48.459z" />
<path fill="url(#i)" d="M336.004 268.116h-48.47l-63.406-83.972h48.458z" />
<path fill="url(#j)" d="M438.381 268.116h-48.47l-63.406-83.972h48.459z" />
<path
fill="url(#k)"
d="M510 227.382v28.484c0 6.768-5.494 12.251-12.263 12.251h-5.449l-63.406-83.972h48.459z"
/>
<path
fill="url(#l)"
d="M467.492 2.798 43.299 99.336c-6.603 1.503-10.737 8.073-9.235 14.676l13.193 57.972c1.503 6.603 8.073 10.737 14.676 9.235l424.193-96.538c6.603-1.503 10.737-8.073 9.235-14.676l-13.193-57.972c-1.503-6.603-8.074-10.738-14.676-9.235z"
/>
<path
fill="url(#m)"
d="M128.773 166.004 81.511 176.76l-41.04-34.595-6.407-28.151c-1.502-6.6 2.636-13.176 9.236-14.678l5.002-1.138z"
/>
<path
fill="url(#n)"
d="m228.598 143.285-47.262 10.756-80.459-67.808 47.251-10.754z"
/>
<path
fill="url(#o)"
d="m328.423 120.567-47.262 10.756-80.459-67.809 47.251-10.753z"
/>
<path
fill="url(#p)"
d="m428.248 97.849-47.262 10.755-80.459-67.808 47.251-10.753z"
/>
<path
fill="url(#q)"
d="m489.042 42.237 6.321 27.774c1.502 6.599-2.639 13.165-9.238 14.667l-5.313 1.209-80.459-67.808 47.25-10.753z"
/>
<path
fill="url(#r)"
d="M180.615 268.121c-37.268-38.149-79.93-83.977-79.93-83.977H62.7c-6.772 0-12.261 5.489-12.261 12.261v42.497l29.219 29.219z"
/>
<circle cx="50.439" cy="188.464" r="50.439" fill="url(#s)" />
<circle cx="50.439" cy="188.464" r="34.075" fill="url(#t)" />
<path
fill="url(#u)"
d="M412.387 333.594h-266.61a8.111 8.111 0 0 1-8.111-8.111v-12.127a8.111 8.111 0 0 1 8.111-8.111h266.61a8.111 8.111 0 0 1 8.111 8.111v12.127a8.11 8.11 0 0 1-8.111 8.111z"
/>
<path
fill="url(#v)"
d="M412.387 398.444h-266.61a8.111 8.111 0 0 1-8.111-8.111v-12.127a8.111 8.111 0 0 1 8.111-8.111h266.61a8.111 8.111 0 0 1 8.111 8.111v12.127a8.111 8.111 0 0 1-8.111 8.111z"
/>
<path
fill="url(#w)"
d="M412.387 463.294h-266.61a8.111 8.111 0 0 1-8.111-8.111v-12.127a8.111 8.111 0 0 1 8.111-8.111h266.61a8.111 8.111 0 0 1 8.111 8.111v12.127a8.111 8.111 0 0 1-8.111 8.111z"
/>
</svg>
More icons in the same style and category