Add icons to this collection by clicking the heart icon.
Clapperboard icon - also known as entertainment, film, clapperboard, cinema, movie, clapper, clapboard, electronics, 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="100"
height="100"
viewBox="0 0 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe56c" />
<stop offset="1" stop-color="#f2b329" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="100.565"
x2="379.245"
y1="211.936"
y2="211.936"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#57565c" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path d="M97.404 215.173h317.801v213.376H97.404z" fill="url(#b)" />
<linearGradient
id="c"
x1="204.845"
x2="250.855"
y1="412.25"
y2="366.24"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#57565c" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path
d="M393.02 98.532 97.39 215.17l-19.978-50.637 295.63-116.637z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="132.315"
x2="178.325"
y1="339.721"
y2="293.711"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path
d="M155.669 133.657 125 204.276l-27.615 10.895-5.059-12.824 22.894-52.731z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="179.246"
x2="225.246"
y1="386.642"
y2="340.642"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path
d="M232.397 103.386 201.738 174l-40.439 15.956 30.659-70.616z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="230.454"
x2="276.454"
y1="437.85"
y2="391.85"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path
d="m309.134 73.109-30.659 70.616-40.439 15.955 30.659-70.615z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="277.375"
x2="323.385"
y1="484.781"
y2="438.771"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path
d="m373.047 47.894 5.06 12.825-22.894 52.73-40.449 15.959 30.668-70.619z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="94.146"
x2="372.826"
y1="300.841"
y2="254.831"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path d="M132.7 241.368h247.209v26.616H132.7z" fill="url(#h)" />
<linearGradient
id="i"
x1="79.967"
x2="358.647"
y1="214.959"
y2="168.949"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path d="M132.7 291.376h247.209v110.967H132.7z" fill="url(#i)" />
<linearGradient
id="j"
x1="100.565"
x2="379.245"
y1="205.897"
y2="205.897"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#57565c" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path d="M184.808 319.097h143.003v18.146H184.808z" fill="url(#j)" />
<linearGradient
id="k"
x1="100.565"
x2="379.245"
y1="170.127"
y2="170.127"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#57565c" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path d="M184.808 356.472h143.003v18.146H184.808z" fill="url(#k)" />
</svg>
More icons in the same style and category