Home/Libraries/OpenMoji (Iconify)/clapper-board

OpenMoji (Iconify)

ClapperBoard

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><circle cx="15.799" cy="30.967" r="1.511" fill="#fff"/><path fill="#3f3f3f" d="M16.588 37.397V54.97c0 1.103 1.897 3 3 3l33.637.232c1.103 0 2.276-2.13 2.276-3.232V37.397zm24.786-24.486l7.151 3.687l2.55-.98l-7.152-3.688zm-1.412 7.218l-7.687-3.971l-2.739 1.05l7.691 3.972zm-17.877-.062l-3.446 1.648l6.687 4.004l4.384-1.646zm7.173 11.248h-3.595l-5.109 5.735h3.595zm11.967-.348h-2.91l-5.728 6.43h2.909zm3.362 6.43h2.909l5.729-6.43h-2.91z"/><path fill="#fff" d="m43.331 36.913l4.867-5.462h-5.717l-4.867 5.462zm6.361.077h5.367v-6.024z"/><circle cx="15.799" cy="30.967" r="2.512" fill="#3f3f3f"/><path fill="#fff" d="M16.527 33.89v3.345h3.292l5.44-6.106h-6.583a4.83 4.83 0 0 1-2.149 2.762m14.803 3.015l4.853-5.447h-5.701l-4.853 5.447zm14.6-25.711l3.647 1.88l-1.099-2.859zm-5.917 2.201l-6.28 2.413l7.201 3.719l6.288-2.416zm-11.514 4.556l-5.434 2.089l6.835 3.591l5.501-2.115zM17.536 22.21l-4.956 1.906l1.545 4.019c.331-.08.672-.134 1.028-.134a4.4 4.4 0 0 1 1.838.415c.052-.03.092-.073.15-.095l6.944-2.669z"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"><path d="m17.741 28.643l33.347-12.815l-2.307-6.003l-36.324 13.959l1.738 4.522m2.393 9.091V54.97a3 3 0 0 0 3 3H52.5a3 3 0 0 0 3-3V37.397zm2.309-6.431h36.604v6.431m-38.913-.347v-3.092"/><path d="M19.7 37.397h4.683l5.729-6.431h-4.683zm12 0h4.683l5.729-6.431h-4.683zm12 0h4.683l5.729-6.431h-4.683z"/><circle cx="15.799" cy="30.966" r="2.511"/><path d="m47.879 17.084l-7.655-3.947l4.371-1.68l6.002 3.094m-9.826 5.26l-4.372 1.678l-7.653-3.953l4.373-1.677zM29.71 24.073l-4.384 1.646l-7.625-4.006l4.384-1.646z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ClapperBoardIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.