clapper board emoji
clapper-board from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- clapper-board
- Set
- Noto Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More objects icons from Noto Emoji
Use the clapper board emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#424242" d="M117.24 124H13.302c-1.351 0-2.456-1.07-2.456-2.4V53.59h108.837v68.01c0 1.33-1.094 2.4-2.445 2.4"/><path d="M12.771 48.541h106.914v7.59H12.771z"/><path fill="#616161" d="M10.857 53.59v68.58c0 1.01.84 1.82 1.862 1.82h.154c1.033 0 1.862-.82 1.862-1.82V53.59z"/><path fill="#eee" d="M8.78 36.861h112.991v16.74H8.78z"/><path fill="#f5f5f5" d="M8.78 36.861h112.991v2.15H8.78z"/><path fill="#424242" d="M67.517 36.861L50.39 53.59h16.298l17.126-16.729zm28.687 0L79.078 53.59h16.297l17.127-16.729zm-57.119 0L21.958 53.59h16.298l16.615-16.239v-.49zm82.676 3.53L108.256 53.59h13.505z"/><path fill="#424242" d="M8.78 36.861h112.991v2.15H8.78z" opacity=".3"/><path fill="#eee" d="M6.232 20.301L117.98 4l2.528 16.556L8.76 36.857z"/><path fill="#f5f5f5" d="M6.229 20.302L117.977 4.001l.324 2.126L6.553 22.428z"/><path fill="#424242" d="m66.831 28.411l-19.47-14.09l16.124-2.35l19.46 14.08zm28.319-4.16l-19.469-14.08l16.124-2.35l19.459 14.08zm-56.393 8.25l-19.459-14.09l16.114-2.35l18.886 13.67l.072.49zm81.214-15.44l-15.347-11.11l13.352-1.95zM8.453 22.421l16.605 12.02l-14.446 2.14z"/><path fill="#424242" d="M6.229 20.302L117.977 4.001l.324 2.126L6.553 22.428z" opacity=".3"/><path fill="#9e9e9e" d="M8.77 36.851h1.872l-2.547-16.79l-1.852.27z"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M23.012 69.52h88.866M23.012 84.63h88.866M23.012 99.74h88.866m-60.312 15.77V99.74"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.083" d="M83.323 115.51V99.74"/><path fill="#bdbdbd" d="M8.78 36.851h1.862v16.75H8.78z"/><path fill="#616161" d="M34.634 53.59H13.732c-1.708 0-3.09-1.35-3.09-3.02V29.43c0-3.47 5.863-5.6 9.74-2.37L37.94 46.22c1.944 1.9-.553 7.37-3.305 7.37"/><path fill="#c6c6c6" d="M36.21 53.59H17.712c-2.537 0-4.604-2.01-4.604-4.5V31.01c0-4.15 5.126-6.22 8.134-3.29l18.344 17.93c2.998 2.93.87 7.94-3.376 7.94"/><ellipse cx="18.715" cy="47.741" fill="#616161" rx="2.21" ry="2.16"/><ellipse cx="18.715" cy="34.251" fill="#616161" rx="2.21" ry="2.16"/><ellipse cx="34.071" cy="47.741" fill="#616161" rx="2.21" ry="2.16"/></svg>
React
import type { SVGProps } from "react";
export function NotoClapperBoard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#424242" d="M117.24 124H13.302c-1.351 0-2.456-1.07-2.456-2.4V53.59h108.837v68.01c0 1.33-1.094 2.4-2.445 2.4"/><path d="M12.771 48.541h106.914v7.59H12.771z"/><path fill="#616161" d="M10.857 53.59v68.58c0 1.01.84 1.82 1.862 1.82h.154c1.033 0 1.862-.82 1.862-1.82V53.59z"/><path fill="#eee" d="M8.78 36.861h112.991v16.74H8.78z"/><path fill="#f5f5f5" d="M8.78 36.861h112.991v2.15H8.78z"/><path fill="#424242" d="M67.517 36.861L50.39 53.59h16.298l17.126-16.729zm28.687 0L79.078 53.59h16.297l17.127-16.729zm-57.119 0L21.958 53.59h16.298l16.615-16.239v-.49zm82.676 3.53L108.256 53.59h13.505z"/><path fill="#424242" d="M8.78 36.861h112.991v2.15H8.78z" opacity=".3"/><path fill="#eee" d="M6.232 20.301L117.98 4l2.528 16.556L8.76 36.857z"/><path fill="#f5f5f5" d="M6.229 20.302L117.977 4.001l.324 2.126L6.553 22.428z"/><path fill="#424242" d="m66.831 28.411l-19.47-14.09l16.124-2.35l19.46 14.08zm28.319-4.16l-19.469-14.08l16.124-2.35l19.459 14.08zm-56.393 8.25l-19.459-14.09l16.114-2.35l18.886 13.67l.072.49zm81.214-15.44l-15.347-11.11l13.352-1.95zM8.453 22.421l16.605 12.02l-14.446 2.14z"/><path fill="#424242" d="M6.229 20.302L117.977 4.001l.324 2.126L6.553 22.428z" opacity=".3"/><path fill="#9e9e9e" d="M8.77 36.851h1.872l-2.547-16.79l-1.852.27z"/><path fill="none" stroke="#fff" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="2" d="M23.012 69.52h88.866M23.012 84.63h88.866M23.012 99.74h88.866m-60.312 15.77V99.74"/><path fill="none" stroke="#fff" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="2.083" d="M83.323 115.51V99.74"/><path fill="#bdbdbd" d="M8.78 36.851h1.862v16.75H8.78z"/><path fill="#616161" d="M34.634 53.59H13.732c-1.708 0-3.09-1.35-3.09-3.02V29.43c0-3.47 5.863-5.6 9.74-2.37L37.94 46.22c1.944 1.9-.553 7.37-3.305 7.37"/><path fill="#c6c6c6" d="M36.21 53.59H17.712c-2.537 0-4.604-2.01-4.604-4.5V31.01c0-4.15 5.126-6.22 8.134-3.29l18.344 17.93c2.998 2.93.87 7.94-3.376 7.94"/><ellipse cx="18.715" cy="47.741" fill="#616161" rx="2.21" ry="2.16"/><ellipse cx="18.715" cy="34.251" fill="#616161" rx="2.21" ry="2.16"/><ellipse cx="34.071" cy="47.741" fill="#616161" rx="2.21" ry="2.16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#424242" d="M117.24 124H13.302c-1.351 0-2.456-1.07-2.456-2.4V53.59h108.837v68.01c0 1.33-1.094 2.4-2.445 2.4"/><path d="M12.771 48.541h106.914v7.59H12.771z"/><path fill="#616161" d="M10.857 53.59v68.58c0 1.01.84 1.82 1.862 1.82h.154c1.033 0 1.862-.82 1.862-1.82V53.59z"/><path fill="#eee" d="M8.78 36.861h112.991v16.74H8.78z"/><path fill="#f5f5f5" d="M8.78 36.861h112.991v2.15H8.78z"/><path fill="#424242" d="M67.517 36.861L50.39 53.59h16.298l17.126-16.729zm28.687 0L79.078 53.59h16.297l17.127-16.729zm-57.119 0L21.958 53.59h16.298l16.615-16.239v-.49zm82.676 3.53L108.256 53.59h13.505z"/><path fill="#424242" d="M8.78 36.861h112.991v2.15H8.78z" opacity=".3"/><path fill="#eee" d="M6.232 20.301L117.98 4l2.528 16.556L8.76 36.857z"/><path fill="#f5f5f5" d="M6.229 20.302L117.977 4.001l.324 2.126L6.553 22.428z"/><path fill="#424242" d="m66.831 28.411l-19.47-14.09l16.124-2.35l19.46 14.08zm28.319-4.16l-19.469-14.08l16.124-2.35l19.459 14.08zm-56.393 8.25l-19.459-14.09l16.114-2.35l18.886 13.67l.072.49zm81.214-15.44l-15.347-11.11l13.352-1.95zM8.453 22.421l16.605 12.02l-14.446 2.14z"/><path fill="#424242" d="M6.229 20.302L117.977 4.001l.324 2.126L6.553 22.428z" opacity=".3"/><path fill="#9e9e9e" d="M8.77 36.851h1.872l-2.547-16.79l-1.852.27z"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M23.012 69.52h88.866M23.012 84.63h88.866M23.012 99.74h88.866m-60.312 15.77V99.74"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.083" d="M83.323 115.51V99.74"/><path fill="#bdbdbd" d="M8.78 36.851h1.862v16.75H8.78z"/><path fill="#616161" d="M34.634 53.59H13.732c-1.708 0-3.09-1.35-3.09-3.02V29.43c0-3.47 5.863-5.6 9.74-2.37L37.94 46.22c1.944 1.9-.553 7.37-3.305 7.37"/><path fill="#c6c6c6" d="M36.21 53.59H17.712c-2.537 0-4.604-2.01-4.604-4.5V31.01c0-4.15 5.126-6.22 8.134-3.29l18.344 17.93c2.998 2.93.87 7.94-3.376 7.94"/><ellipse cx="18.715" cy="47.741" fill="#616161" rx="2.21" ry="2.16"/><ellipse cx="18.715" cy="34.251" fill="#616161" rx="2.21" ry="2.16"/><ellipse cx="34.071" cy="47.741" fill="#616161" rx="2.21" ry="2.16"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M117.24%20124H13.302c-1.351%200-2.456-1.07-2.456-2.4V53.59h108.837v68.01c0%201.33-1.094%202.4-2.445%202.4%22%2F%3E%3Cpath%20d%3D%22M12.771%2048.541h106.914v7.59H12.771z%22%2F%3E%3Cpath%20fill%3D%22%23616161%22%20d%3D%22M10.857%2053.59v68.58c0%201.01.84%201.82%201.862%201.82h.154c1.033%200%201.862-.82%201.862-1.82V53.59z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M8.78%2036.861h112.991v16.74H8.78z%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M8.78%2036.861h112.991v2.15H8.78z%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M67.517%2036.861L50.39%2053.59h16.298l17.126-16.729zm28.687%200L79.078%2053.59h16.297l17.127-16.729zm-57.119%200L21.958%2053.59h16.298l16.615-16.239v-.49zm82.676%203.53L108.256%2053.59h13.505z%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M8.78%2036.861h112.991v2.15H8.78z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M6.232%2020.301L117.98%204l2.528%2016.556L8.76%2036.857z%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M6.229%2020.302L117.977%204.001l.324%202.126L6.553%2022.428z%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22m66.831%2028.411l-19.47-14.09l16.124-2.35l19.46%2014.08zm28.319-4.16l-19.469-14.08l16.124-2.35l19.459%2014.08zm-56.393%208.25l-19.459-14.09l16.114-2.35l18.886%2013.67l.072.49zm81.214-15.44l-15.347-11.11l13.352-1.95zM8.453%2022.421l16.605%2012.02l-14.446%202.14z%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M6.229%2020.302L117.977%204.001l.324%202.126L6.553%2022.428z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%239e9e9e%22%20d%3D%22M8.77%2036.851h1.872l-2.547-16.79l-1.852.27z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M23.012%2069.52h88.866M23.012%2084.63h88.866M23.012%2099.74h88.866m-60.312%2015.77V99.74%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.083%22%20d%3D%22M83.323%20115.51V99.74%22%2F%3E%3Cpath%20fill%3D%22%23bdbdbd%22%20d%3D%22M8.78%2036.851h1.862v16.75H8.78z%22%2F%3E%3Cpath%20fill%3D%22%23616161%22%20d%3D%22M34.634%2053.59H13.732c-1.708%200-3.09-1.35-3.09-3.02V29.43c0-3.47%205.863-5.6%209.74-2.37L37.94%2046.22c1.944%201.9-.553%207.37-3.305%207.37%22%2F%3E%3Cpath%20fill%3D%22%23c6c6c6%22%20d%3D%22M36.21%2053.59H17.712c-2.537%200-4.604-2.01-4.604-4.5V31.01c0-4.15%205.126-6.22%208.134-3.29l18.344%2017.93c2.998%202.93.87%207.94-3.376%207.94%22%2F%3E%3Cellipse%20cx%3D%2218.715%22%20cy%3D%2247.741%22%20fill%3D%22%23616161%22%20rx%3D%222.21%22%20ry%3D%222.16%22%2F%3E%3Cellipse%20cx%3D%2218.715%22%20cy%3D%2234.251%22%20fill%3D%22%23616161%22%20rx%3D%222.21%22%20ry%3D%222.16%22%2F%3E%3Cellipse%20cx%3D%2234.071%22%20cy%3D%2247.741%22%20fill%3D%22%23616161%22%20rx%3D%222.21%22%20ry%3D%222.16%22%2F%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M117.24%20124H13.302c-1.351%200-2.456-1.07-2.456-2.4V53.59h108.837v68.01c0%201.33-1.094%202.4-2.445%202.4%22%2F%3E%3Cpath%20d%3D%22M12.771%2048.541h106.914v7.59H12.771z%22%2F%3E%3Cpath%20fill%3D%22%23616161%22%20d%3D%22M10.857%2053.59v68.58c0%201.01.84%201.82%201.862%201.82h.154c1.033%200%201.862-.82%201.862-1.82V53.59z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M8.78%2036.861h112.991v16.74H8.78z%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M8.78%2036.861h112.991v2.15H8.78z%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M67.517%2036.861L50.39%2053.59h16.298l17.126-16.729zm28.687%200L79.078%2053.59h16.297l17.127-16.729zm-57.119%200L21.958%2053.59h16.298l16.615-16.239v-.49zm82.676%203.53L108.256%2053.59h13.505z%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M8.78%2036.861h112.991v2.15H8.78z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M6.232%2020.301L117.98%204l2.528%2016.556L8.76%2036.857z%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M6.229%2020.302L117.977%204.001l.324%202.126L6.553%2022.428z%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22m66.831%2028.411l-19.47-14.09l16.124-2.35l19.46%2014.08zm28.319-4.16l-19.469-14.08l16.124-2.35l19.459%2014.08zm-56.393%208.25l-19.459-14.09l16.114-2.35l18.886%2013.67l.072.49zm81.214-15.44l-15.347-11.11l13.352-1.95zM8.453%2022.421l16.605%2012.02l-14.446%202.14z%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M6.229%2020.302L117.977%204.001l.324%202.126L6.553%2022.428z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%239e9e9e%22%20d%3D%22M8.77%2036.851h1.872l-2.547-16.79l-1.852.27z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M23.012%2069.52h88.866M23.012%2084.63h88.866M23.012%2099.74h88.866m-60.312%2015.77V99.74%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.083%22%20d%3D%22M83.323%20115.51V99.74%22%2F%3E%3Cpath%20fill%3D%22%23bdbdbd%22%20d%3D%22M8.78%2036.851h1.862v16.75H8.78z%22%2F%3E%3Cpath%20fill%3D%22%23616161%22%20d%3D%22M34.634%2053.59H13.732c-1.708%200-3.09-1.35-3.09-3.02V29.43c0-3.47%205.863-5.6%209.74-2.37L37.94%2046.22c1.944%201.9-.553%207.37-3.305%207.37%22%2F%3E%3Cpath%20fill%3D%22%23c6c6c6%22%20d%3D%22M36.21%2053.59H17.712c-2.537%200-4.604-2.01-4.604-4.5V31.01c0-4.15%205.126-6.22%208.134-3.29l18.344%2017.93c2.998%202.93.87%207.94-3.376%207.94%22%2F%3E%3Cellipse%20cx%3D%2218.715%22%20cy%3D%2247.741%22%20fill%3D%22%23616161%22%20rx%3D%222.21%22%20ry%3D%222.16%22%2F%3E%3Cellipse%20cx%3D%2218.715%22%20cy%3D%2234.251%22%20fill%3D%22%23616161%22%20rx%3D%222.21%22%20ry%3D%222.16%22%2F%3E%3Cellipse%20cx%3D%2234.071%22%20cy%3D%2247.741%22%20fill%3D%22%23616161%22%20rx%3D%222.21%22%20ry%3D%222.16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/clapper-board.svg?color=%231a73e8&size=48
