clapperboard play icon
clapperboard-play-broken from Solar by 480 Design · Broken · Video · CC-BY-4.0 Attribution required.
- Name
- clapperboard-play-broken
- Set
- Solar
- Style
- Broken
- Category
- Video
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More video icons from Solar
album-boldcamera-add-boldcamera-boldcamera-minimalistic-boldcamera-off-boldcamera-rotate-boldcamera-square-boldclapperboard-boldclapperboard-edit-boldclapperboard-open-boldclapperboard-open-play-boldclapperboard-text-boldfull-screen-boldfull-screen-circle-boldfull-screen-square-boldgallery-add-boldgallery-boldgallery-check-boldgallery-circle-boldgallery-download-boldgallery-edit-boldgallery-favorite-boldgallery-minimalistic-boldgallery-remove-bold
Use the clapperboard play icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 8H2"/><path stroke-linecap="round" d="M10.5 2.5L7 8"/><path stroke-linecap="round" d="M17 2.5L13.5 8"/><path stroke-linecap="round" d="M15 14.5C15 13.8666 14.338 13.4395 13.014 12.5852C11.6719 11.7193 11.0008 11.2863 10.5004 11.6042C10 11.9221 10 12.7814 10 14.5C10 16.2186 10 17.0779 10.5004 17.3958C11.0008 17.7137 11.6719 17.2807 13.014 16.4148C14.338 15.5605 15 15.1334 15 14.5Z"/><path stroke-linecap="round" d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C21.5093 4.43821 21.8356 5.80655 21.9449 8"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarClapperboardPlayBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M22 8H2"/><path strokeLinecap="round" d="M10.5 2.5L7 8"/><path strokeLinecap="round" d="M17 2.5L13.5 8"/><path strokeLinecap="round" d="M15 14.5C15 13.8666 14.338 13.4395 13.014 12.5852C11.6719 11.7193 11.0008 11.2863 10.5004 11.6042C10 11.9221 10 12.7814 10 14.5C10 16.2186 10 17.0779 10.5004 17.3958C11.0008 17.7137 11.6719 17.2807 13.014 16.4148C14.338 15.5605 15 15.1334 15 14.5Z"/><path strokeLinecap="round" d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C21.5093 4.43821 21.8356 5.80655 21.9449 8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 8H2"/><path stroke-linecap="round" d="M10.5 2.5L7 8"/><path stroke-linecap="round" d="M17 2.5L13.5 8"/><path stroke-linecap="round" d="M15 14.5C15 13.8666 14.338 13.4395 13.014 12.5852C11.6719 11.7193 11.0008 11.2863 10.5004 11.6042C10 11.9221 10 12.7814 10 14.5C10 16.2186 10 17.0779 10.5004 17.3958C11.0008 17.7137 11.6719 17.2807 13.014 16.4148C14.338 15.5605 15 15.1334 15 14.5Z"/><path stroke-linecap="round" d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C21.5093 4.43821 21.8356 5.80655 21.9449 8"/></g></svg> </template>
CSS
.icon-clapperboard-play-broken {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%208H2%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10.5%202.5L7%208%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%202.5L13.5%208%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2014.5C15%2013.8666%2014.338%2013.4395%2013.014%2012.5852C11.6719%2011.7193%2011.0008%2011.2863%2010.5004%2011.6042C10%2011.9221%2010%2012.7814%2010%2014.5C10%2016.2186%2010%2017.0779%2010.5004%2017.3958C11.0008%2017.7137%2011.6719%2017.2807%2013.014%2016.4148C14.338%2015.5605%2015%2015.1334%2015%2014.5Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M22%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.714%202%2019.0711%202%2020.5355%203.46447C21.5093%204.43821%2021.8356%205.80655%2021.9449%208%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%208H2%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10.5%202.5L7%208%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%202.5L13.5%208%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2014.5C15%2013.8666%2014.338%2013.4395%2013.014%2012.5852C11.6719%2011.7193%2011.0008%2011.2863%2010.5004%2011.6042C10%2011.9221%2010%2012.7814%2010%2014.5C10%2016.2186%2010%2017.0779%2010.5004%2017.3958C11.0008%2017.7137%2011.6719%2017.2807%2013.014%2016.4148C14.338%2015.5605%2015%2015.1334%2015%2014.5Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M22%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.714%202%2019.0711%202%2020.5355%203.46447C21.5093%204.43821%2021.8356%205.80655%2021.9449%208%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/clapperboard-play-broken.svg?color=%231a73e8&size=48
