clapper board emoji
clapper-board from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- clapper-board
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the clapper board emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6b438b" d="M27.21 30.02H9.46c-.92 0-2.67-.75-2.67-1.67V16.74l11.093-1.91l11.007 1.91v11.61c-.01.92-.75 1.67-1.68 1.67"/><path fill="#a4aeeb" d="M11.96 10.02L9.708 9.002L8.25 7.01l4.527-1.198l3.65.074l2.013-1.572l4.51-1.194l2.615 1.092L26.66 6.12l-4.52 1.2h-3.732l-1.927 1.5zm12.57 6.72l2.461-1.986l.35-1.874h-4.683l-3.812 1.349l-2.033-1.349H12.14l-2.527 1.874l-.283 1.986h4.72l3.842-1.14l1.956 1.14z"/><path fill="#635994" d="m26.66 6.12l-3.71-3L27.16 2l.99 3.73zM7.75 11.14L6.225 9.762L6.77 7.41l1.48-.4l3.71 3.01zm10.7-6.83l-5.69 1.51l3.7 3.01l5.7-1.51zm10.43 12.43v-3.86h-1.54l-2.81 3.86zm-16.74-3.86l-2.81 3.86H6.79v-3.86zm10.55 0H16.8l-2.81 3.86h5.89z"/><path fill="#321b41" d="m6.77 7.41l.98 3.73l-2.76.73L4 8.14l1.49-.39zm1.02 5.47v15.47c0 .92.75 1.67 1.67 1.67H6.6c-.92 0-1.67-.75-1.67-1.67V12.88z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatClapperBoard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6b438b" d="M27.21 30.02H9.46c-.92 0-2.67-.75-2.67-1.67V16.74l11.093-1.91l11.007 1.91v11.61c-.01.92-.75 1.67-1.68 1.67"/><path fill="#a4aeeb" d="M11.96 10.02L9.708 9.002L8.25 7.01l4.527-1.198l3.65.074l2.013-1.572l4.51-1.194l2.615 1.092L26.66 6.12l-4.52 1.2h-3.732l-1.927 1.5zm12.57 6.72l2.461-1.986l.35-1.874h-4.683l-3.812 1.349l-2.033-1.349H12.14l-2.527 1.874l-.283 1.986h4.72l3.842-1.14l1.956 1.14z"/><path fill="#635994" d="m26.66 6.12l-3.71-3L27.16 2l.99 3.73zM7.75 11.14L6.225 9.762L6.77 7.41l1.48-.4l3.71 3.01zm10.7-6.83l-5.69 1.51l3.7 3.01l5.7-1.51zm10.43 12.43v-3.86h-1.54l-2.81 3.86zm-16.74-3.86l-2.81 3.86H6.79v-3.86zm10.55 0H16.8l-2.81 3.86h5.89z"/><path fill="#321b41" d="m6.77 7.41l.98 3.73l-2.76.73L4 8.14l1.49-.39zm1.02 5.47v15.47c0 .92.75 1.67 1.67 1.67H6.6c-.92 0-1.67-.75-1.67-1.67V12.88z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6b438b" d="M27.21 30.02H9.46c-.92 0-2.67-.75-2.67-1.67V16.74l11.093-1.91l11.007 1.91v11.61c-.01.92-.75 1.67-1.68 1.67"/><path fill="#a4aeeb" d="M11.96 10.02L9.708 9.002L8.25 7.01l4.527-1.198l3.65.074l2.013-1.572l4.51-1.194l2.615 1.092L26.66 6.12l-4.52 1.2h-3.732l-1.927 1.5zm12.57 6.72l2.461-1.986l.35-1.874h-4.683l-3.812 1.349l-2.033-1.349H12.14l-2.527 1.874l-.283 1.986h4.72l3.842-1.14l1.956 1.14z"/><path fill="#635994" d="m26.66 6.12l-3.71-3L27.16 2l.99 3.73zM7.75 11.14L6.225 9.762L6.77 7.41l1.48-.4l3.71 3.01zm10.7-6.83l-5.69 1.51l3.7 3.01l5.7-1.51zm10.43 12.43v-3.86h-1.54l-2.81 3.86zm-16.74-3.86l-2.81 3.86H6.79v-3.86zm10.55 0H16.8l-2.81 3.86h5.89z"/><path fill="#321b41" d="m6.77 7.41l.98 3.73l-2.76.73L4 8.14l1.49-.39zm1.02 5.47v15.47c0 .92.75 1.67 1.67 1.67H6.6c-.92 0-1.67-.75-1.67-1.67V12.88z"/></g></svg> </template>
CSS
.icon-clapper-board {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236b438b%22%20d%3D%22M27.21%2030.02H9.46c-.92%200-2.67-.75-2.67-1.67V16.74l11.093-1.91l11.007%201.91v11.61c-.01.92-.75%201.67-1.68%201.67%22%2F%3E%3Cpath%20fill%3D%22%23a4aeeb%22%20d%3D%22M11.96%2010.02L9.708%209.002L8.25%207.01l4.527-1.198l3.65.074l2.013-1.572l4.51-1.194l2.615%201.092L26.66%206.12l-4.52%201.2h-3.732l-1.927%201.5zm12.57%206.72l2.461-1.986l.35-1.874h-4.683l-3.812%201.349l-2.033-1.349H12.14l-2.527%201.874l-.283%201.986h4.72l3.842-1.14l1.956%201.14z%22%2F%3E%3Cpath%20fill%3D%22%23635994%22%20d%3D%22m26.66%206.12l-3.71-3L27.16%202l.99%203.73zM7.75%2011.14L6.225%209.762L6.77%207.41l1.48-.4l3.71%203.01zm10.7-6.83l-5.69%201.51l3.7%203.01l5.7-1.51zm10.43%2012.43v-3.86h-1.54l-2.81%203.86zm-16.74-3.86l-2.81%203.86H6.79v-3.86zm10.55%200H16.8l-2.81%203.86h5.89z%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22m6.77%207.41l.98%203.73l-2.76.73L4%208.14l1.49-.39zm1.02%205.47v15.47c0%20.92.75%201.67%201.67%201.67H6.6c-.92%200-1.67-.75-1.67-1.67V12.88z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236b438b%22%20d%3D%22M27.21%2030.02H9.46c-.92%200-2.67-.75-2.67-1.67V16.74l11.093-1.91l11.007%201.91v11.61c-.01.92-.75%201.67-1.68%201.67%22%2F%3E%3Cpath%20fill%3D%22%23a4aeeb%22%20d%3D%22M11.96%2010.02L9.708%209.002L8.25%207.01l4.527-1.198l3.65.074l2.013-1.572l4.51-1.194l2.615%201.092L26.66%206.12l-4.52%201.2h-3.732l-1.927%201.5zm12.57%206.72l2.461-1.986l.35-1.874h-4.683l-3.812%201.349l-2.033-1.349H12.14l-2.527%201.874l-.283%201.986h4.72l3.842-1.14l1.956%201.14z%22%2F%3E%3Cpath%20fill%3D%22%23635994%22%20d%3D%22m26.66%206.12l-3.71-3L27.16%202l.99%203.73zM7.75%2011.14L6.225%209.762L6.77%207.41l1.48-.4l3.71%203.01zm10.7-6.83l-5.69%201.51l3.7%203.01l5.7-1.51zm10.43%2012.43v-3.86h-1.54l-2.81%203.86zm-16.74-3.86l-2.81%203.86H6.79v-3.86zm10.55%200H16.8l-2.81%203.86h5.89z%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22m6.77%207.41l.98%203.73l-2.76.73L4%208.14l1.49-.39zm1.02%205.47v15.47c0%20.92.75%201.67%201.67%201.67H6.6c-.92%200-1.67-.75-1.67-1.67V12.88z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/clapper-board.svg?color=%231a73e8&size=48
