clapperboard open play icon
clapperboard-open-play from Reicon by REICON · Outline · Video · MIT Free for personal and commercial use.
- Name
- clapperboard-open-play
- Set
- Reicon
- Style
- Outline
- Category
- Video
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More video icons from Reicon
Use the clapperboard open play icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.059 4.708a2.25 2.25 0 0 0-2.166-1.25a3 3 0 0 0-.51.096l-.446 3.74l3.118-.836a8 8 0 0 0 .289-.083a.25.25 0 0 0 .137-.238l-.01-.052l-.063-.24c-.19-.708-.26-.955-.35-1.137m-4.683 3.003l.447-3.743l-4.719 1.264l-.446 3.743zM7.098 9.394l.446-3.743c-.817.219-1.401.379-1.85.544c-.474.174-.728.33-.904.505c-.279.28-.48.628-.582 1.009c-.064.24-.072.537.014 1.034c.063.362.167.79.31 1.338zM3.25 11.093c-.226-.843-.408-1.526-.506-2.094c-.104-.6-.129-1.141.015-1.678a3.75 3.75 0 0 1 .97-1.681c.394-.393.875-.643 1.447-.853c.554-.203 1.259-.392 2.132-.626l.78-.21a.8.8 0 0 1 .286-.076l5.972-1.6l.021-.006a.8.8 0 0 1 .286-.076c.474-.126.821-.21 1.142-.232a3.75 3.75 0 0 1 3.609 2.084c.164.332.272.736.43 1.328l.023.084l.012.046c.048.176.097.359.109.534a1.75 1.75 0 0 1-.973 1.684a3 3 0 0 1-.562.186L9.697 10.25h6.355c.898 0 1.648 0 2.242.08c.628.084 1.195.27 1.65.725c.456.456.642 1.023.726 1.65c.08.595.08 1.345.08 2.243v1.107c0 1.367 0 2.47-.117 3.337c-.12.9-.38 1.658-.982 2.26s-1.36.86-2.26.981c-.866.117-1.969.117-3.336.117h-4.11c-1.368 0-2.47 0-3.337-.117c-.9-.12-1.658-.38-2.26-.981c-.602-.602-.86-1.36-.982-2.26c-.116-.867-.116-1.97-.116-3.337zm1.5.657V16c0 1.435.001 2.436.103 3.192c.099.734.28 1.122.556 1.399c.277.277.665.457 1.399.556c.755.101 1.756.103 3.192.103h4c1.435 0 2.436-.002 3.192-.103c.733-.099 1.122-.28 1.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191v-1c0-.964-.002-1.612-.067-2.095c-.062-.461-.169-.659-.3-.789s-.327-.237-.789-.3c-.483-.065-1.13-.066-2.094-.066zm8.448 2.83l.047.034l.042.03c.361.259.7.501.94.738c.27.265.523.623.523 1.118s-.252.852-.522 1.118c-.241.237-.58.48-.94.738l-.043.03l-.047.034c-.361.26-.706.506-1.001.652c-.315.155-.834.321-1.33-.029c-.43-.304-.533-.795-.574-1.138c-.043-.358-.043-.826-.043-1.358v-.094c0-.533 0-1 .043-1.358c.04-.343.144-.834.575-1.138c.495-.35 1.014-.185 1.329-.03c.295.146.64.394 1.001.653m-1.429.832c-.018.25-.02.593-.02 1.088s.002.838.02 1.088c.149-.097.34-.234.602-.421c.418-.3.658-.474.805-.619q.03-.028.046-.048l-.046-.048c-.147-.145-.387-.32-.805-.619a18 18 0 0 0-.602-.421" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconClapperboardOpenPlay(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M18.059 4.708a2.25 2.25 0 0 0-2.166-1.25a3 3 0 0 0-.51.096l-.446 3.74l3.118-.836a8 8 0 0 0 .289-.083a.25.25 0 0 0 .137-.238l-.01-.052l-.063-.24c-.19-.708-.26-.955-.35-1.137m-4.683 3.003l.447-3.743l-4.719 1.264l-.446 3.743zM7.098 9.394l.446-3.743c-.817.219-1.401.379-1.85.544c-.474.174-.728.33-.904.505c-.279.28-.48.628-.582 1.009c-.064.24-.072.537.014 1.034c.063.362.167.79.31 1.338zM3.25 11.093c-.226-.843-.408-1.526-.506-2.094c-.104-.6-.129-1.141.015-1.678a3.75 3.75 0 0 1 .97-1.681c.394-.393.875-.643 1.447-.853c.554-.203 1.259-.392 2.132-.626l.78-.21a.8.8 0 0 1 .286-.076l5.972-1.6l.021-.006a.8.8 0 0 1 .286-.076c.474-.126.821-.21 1.142-.232a3.75 3.75 0 0 1 3.609 2.084c.164.332.272.736.43 1.328l.023.084l.012.046c.048.176.097.359.109.534a1.75 1.75 0 0 1-.973 1.684a3 3 0 0 1-.562.186L9.697 10.25h6.355c.898 0 1.648 0 2.242.08c.628.084 1.195.27 1.65.725c.456.456.642 1.023.726 1.65c.08.595.08 1.345.08 2.243v1.107c0 1.367 0 2.47-.117 3.337c-.12.9-.38 1.658-.982 2.26s-1.36.86-2.26.981c-.866.117-1.969.117-3.336.117h-4.11c-1.368 0-2.47 0-3.337-.117c-.9-.12-1.658-.38-2.26-.981c-.602-.602-.86-1.36-.982-2.26c-.116-.867-.116-1.97-.116-3.337zm1.5.657V16c0 1.435.001 2.436.103 3.192c.099.734.28 1.122.556 1.399c.277.277.665.457 1.399.556c.755.101 1.756.103 3.192.103h4c1.435 0 2.436-.002 3.192-.103c.733-.099 1.122-.28 1.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191v-1c0-.964-.002-1.612-.067-2.095c-.062-.461-.169-.659-.3-.789s-.327-.237-.789-.3c-.483-.065-1.13-.066-2.094-.066zm8.448 2.83l.047.034l.042.03c.361.259.7.501.94.738c.27.265.523.623.523 1.118s-.252.852-.522 1.118c-.241.237-.58.48-.94.738l-.043.03l-.047.034c-.361.26-.706.506-1.001.652c-.315.155-.834.321-1.33-.029c-.43-.304-.533-.795-.574-1.138c-.043-.358-.043-.826-.043-1.358v-.094c0-.533 0-1 .043-1.358c.04-.343.144-.834.575-1.138c.495-.35 1.014-.185 1.329-.03c.295.146.64.394 1.001.653m-1.429.832c-.018.25-.02.593-.02 1.088s.002.838.02 1.088c.149-.097.34-.234.602-.421c.418-.3.658-.474.805-.619q.03-.028.046-.048l-.046-.048c-.147-.145-.387-.32-.805-.619a18 18 0 0 0-.602-.421" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.059 4.708a2.25 2.25 0 0 0-2.166-1.25a3 3 0 0 0-.51.096l-.446 3.74l3.118-.836a8 8 0 0 0 .289-.083a.25.25 0 0 0 .137-.238l-.01-.052l-.063-.24c-.19-.708-.26-.955-.35-1.137m-4.683 3.003l.447-3.743l-4.719 1.264l-.446 3.743zM7.098 9.394l.446-3.743c-.817.219-1.401.379-1.85.544c-.474.174-.728.33-.904.505c-.279.28-.48.628-.582 1.009c-.064.24-.072.537.014 1.034c.063.362.167.79.31 1.338zM3.25 11.093c-.226-.843-.408-1.526-.506-2.094c-.104-.6-.129-1.141.015-1.678a3.75 3.75 0 0 1 .97-1.681c.394-.393.875-.643 1.447-.853c.554-.203 1.259-.392 2.132-.626l.78-.21a.8.8 0 0 1 .286-.076l5.972-1.6l.021-.006a.8.8 0 0 1 .286-.076c.474-.126.821-.21 1.142-.232a3.75 3.75 0 0 1 3.609 2.084c.164.332.272.736.43 1.328l.023.084l.012.046c.048.176.097.359.109.534a1.75 1.75 0 0 1-.973 1.684a3 3 0 0 1-.562.186L9.697 10.25h6.355c.898 0 1.648 0 2.242.08c.628.084 1.195.27 1.65.725c.456.456.642 1.023.726 1.65c.08.595.08 1.345.08 2.243v1.107c0 1.367 0 2.47-.117 3.337c-.12.9-.38 1.658-.982 2.26s-1.36.86-2.26.981c-.866.117-1.969.117-3.336.117h-4.11c-1.368 0-2.47 0-3.337-.117c-.9-.12-1.658-.38-2.26-.981c-.602-.602-.86-1.36-.982-2.26c-.116-.867-.116-1.97-.116-3.337zm1.5.657V16c0 1.435.001 2.436.103 3.192c.099.734.28 1.122.556 1.399c.277.277.665.457 1.399.556c.755.101 1.756.103 3.192.103h4c1.435 0 2.436-.002 3.192-.103c.733-.099 1.122-.28 1.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191v-1c0-.964-.002-1.612-.067-2.095c-.062-.461-.169-.659-.3-.789s-.327-.237-.789-.3c-.483-.065-1.13-.066-2.094-.066zm8.448 2.83l.047.034l.042.03c.361.259.7.501.94.738c.27.265.523.623.523 1.118s-.252.852-.522 1.118c-.241.237-.58.48-.94.738l-.043.03l-.047.034c-.361.26-.706.506-1.001.652c-.315.155-.834.321-1.33-.029c-.43-.304-.533-.795-.574-1.138c-.043-.358-.043-.826-.043-1.358v-.094c0-.533 0-1 .043-1.358c.04-.343.144-.834.575-1.138c.495-.35 1.014-.185 1.329-.03c.295.146.64.394 1.001.653m-1.429.832c-.018.25-.02.593-.02 1.088s.002.838.02 1.088c.149-.097.34-.234.602-.421c.418-.3.658-.474.805-.619q.03-.028.046-.048l-.046-.048c-.147-.145-.387-.32-.805-.619a18 18 0 0 0-.602-.421" clip-rule="evenodd"/></svg> </template>
CSS
.icon-clapperboard-open-play {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.059%204.708a2.25%202.25%200%200%200-2.166-1.25a3%203%200%200%200-.51.096l-.446%203.74l3.118-.836a8%208%200%200%200%20.289-.083a.25.25%200%200%200%20.137-.238l-.01-.052l-.063-.24c-.19-.708-.26-.955-.35-1.137m-4.683%203.003l.447-3.743l-4.719%201.264l-.446%203.743zM7.098%209.394l.446-3.743c-.817.219-1.401.379-1.85.544c-.474.174-.728.33-.904.505c-.279.28-.48.628-.582%201.009c-.064.24-.072.537.014%201.034c.063.362.167.79.31%201.338zM3.25%2011.093c-.226-.843-.408-1.526-.506-2.094c-.104-.6-.129-1.141.015-1.678a3.75%203.75%200%200%201%20.97-1.681c.394-.393.875-.643%201.447-.853c.554-.203%201.259-.392%202.132-.626l.78-.21a.8.8%200%200%201%20.286-.076l5.972-1.6l.021-.006a.8.8%200%200%201%20.286-.076c.474-.126.821-.21%201.142-.232a3.75%203.75%200%200%201%203.609%202.084c.164.332.272.736.43%201.328l.023.084l.012.046c.048.176.097.359.109.534a1.75%201.75%200%200%201-.973%201.684a3%203%200%200%201-.562.186L9.697%2010.25h6.355c.898%200%201.648%200%202.242.08c.628.084%201.195.27%201.65.725c.456.456.642%201.023.726%201.65c.08.595.08%201.345.08%202.243v1.107c0%201.367%200%202.47-.117%203.337c-.12.9-.38%201.658-.982%202.26s-1.36.86-2.26.981c-.866.117-1.969.117-3.336.117h-4.11c-1.368%200-2.47%200-3.337-.117c-.9-.12-1.658-.38-2.26-.981c-.602-.602-.86-1.36-.982-2.26c-.116-.867-.116-1.97-.116-3.337zm1.5.657V16c0%201.435.001%202.436.103%203.192c.099.734.28%201.122.556%201.399c.277.277.665.457%201.399.556c.755.101%201.756.103%203.192.103h4c1.435%200%202.436-.002%203.192-.103c.733-.099%201.122-.28%201.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191v-1c0-.964-.002-1.612-.067-2.095c-.062-.461-.169-.659-.3-.789s-.327-.237-.789-.3c-.483-.065-1.13-.066-2.094-.066zm8.448%202.83l.047.034l.042.03c.361.259.7.501.94.738c.27.265.523.623.523%201.118s-.252.852-.522%201.118c-.241.237-.58.48-.94.738l-.043.03l-.047.034c-.361.26-.706.506-1.001.652c-.315.155-.834.321-1.33-.029c-.43-.304-.533-.795-.574-1.138c-.043-.358-.043-.826-.043-1.358v-.094c0-.533%200-1%20.043-1.358c.04-.343.144-.834.575-1.138c.495-.35%201.014-.185%201.329-.03c.295.146.64.394%201.001.653m-1.429.832c-.018.25-.02.593-.02%201.088s.002.838.02%201.088c.149-.097.34-.234.602-.421c.418-.3.658-.474.805-.619q.03-.028.046-.048l-.046-.048c-.147-.145-.387-.32-.805-.619a18%2018%200%200%200-.602-.421%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.059%204.708a2.25%202.25%200%200%200-2.166-1.25a3%203%200%200%200-.51.096l-.446%203.74l3.118-.836a8%208%200%200%200%20.289-.083a.25.25%200%200%200%20.137-.238l-.01-.052l-.063-.24c-.19-.708-.26-.955-.35-1.137m-4.683%203.003l.447-3.743l-4.719%201.264l-.446%203.743zM7.098%209.394l.446-3.743c-.817.219-1.401.379-1.85.544c-.474.174-.728.33-.904.505c-.279.28-.48.628-.582%201.009c-.064.24-.072.537.014%201.034c.063.362.167.79.31%201.338zM3.25%2011.093c-.226-.843-.408-1.526-.506-2.094c-.104-.6-.129-1.141.015-1.678a3.75%203.75%200%200%201%20.97-1.681c.394-.393.875-.643%201.447-.853c.554-.203%201.259-.392%202.132-.626l.78-.21a.8.8%200%200%201%20.286-.076l5.972-1.6l.021-.006a.8.8%200%200%201%20.286-.076c.474-.126.821-.21%201.142-.232a3.75%203.75%200%200%201%203.609%202.084c.164.332.272.736.43%201.328l.023.084l.012.046c.048.176.097.359.109.534a1.75%201.75%200%200%201-.973%201.684a3%203%200%200%201-.562.186L9.697%2010.25h6.355c.898%200%201.648%200%202.242.08c.628.084%201.195.27%201.65.725c.456.456.642%201.023.726%201.65c.08.595.08%201.345.08%202.243v1.107c0%201.367%200%202.47-.117%203.337c-.12.9-.38%201.658-.982%202.26s-1.36.86-2.26.981c-.866.117-1.969.117-3.336.117h-4.11c-1.368%200-2.47%200-3.337-.117c-.9-.12-1.658-.38-2.26-.981c-.602-.602-.86-1.36-.982-2.26c-.116-.867-.116-1.97-.116-3.337zm1.5.657V16c0%201.435.001%202.436.103%203.192c.099.734.28%201.122.556%201.399c.277.277.665.457%201.399.556c.755.101%201.756.103%203.192.103h4c1.435%200%202.436-.002%203.192-.103c.733-.099%201.122-.28%201.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191v-1c0-.964-.002-1.612-.067-2.095c-.062-.461-.169-.659-.3-.789s-.327-.237-.789-.3c-.483-.065-1.13-.066-2.094-.066zm8.448%202.83l.047.034l.042.03c.361.259.7.501.94.738c.27.265.523.623.523%201.118s-.252.852-.522%201.118c-.241.237-.58.48-.94.738l-.043.03l-.047.034c-.361.26-.706.506-1.001.652c-.315.155-.834.321-1.33-.029c-.43-.304-.533-.795-.574-1.138c-.043-.358-.043-.826-.043-1.358v-.094c0-.533%200-1%20.043-1.358c.04-.343.144-.834.575-1.138c.495-.35%201.014-.185%201.329-.03c.295.146.64.394%201.001.653m-1.429.832c-.018.25-.02.593-.02%201.088s.002.838.02%201.088c.149-.097.34-.234.602-.421c.418-.3.658-.474.805-.619q.03-.028.046-.048l-.046-.048c-.147-.145-.387-.32-.805-.619a18%2018%200%200%200-.602-.421%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/clapperboard-open-play.svg?color=%231a73e8&size=48
