film slate icon
film-slate-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- film-slate-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the film slate icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 100h-83.08l78.14-20.63a12 12 0 0 0 8.52-14.75l-8.16-30a19.94 19.94 0 0 0-24.3-13.95L34.79 60.87a19.74 19.74 0 0 0-12.14 9.27a19.48 19.48 0 0 0-1.95 15L28 112v88a20 20 0 0 0 20 20h160a20 20 0 0 0 20-20v-88a12 12 0 0 0-12-12m-91.11-38.09l18.29 10.56l-25.95 6.85l-18.29-10.56Zm64.45-17l3.91 14.35l-17.13 4.52l-18.29-10.57ZM66 77.46L84.29 88l-35.4 9.35L45 83ZM204 196H52v-72h152Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFilmSlateBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 100h-83.08l78.14-20.63a12 12 0 0 0 8.52-14.75l-8.16-30a19.94 19.94 0 0 0-24.3-13.95L34.79 60.87a19.74 19.74 0 0 0-12.14 9.27a19.48 19.48 0 0 0-1.95 15L28 112v88a20 20 0 0 0 20 20h160a20 20 0 0 0 20-20v-88a12 12 0 0 0-12-12m-91.11-38.09l18.29 10.56l-25.95 6.85l-18.29-10.56Zm64.45-17l3.91 14.35l-17.13 4.52l-18.29-10.57ZM66 77.46L84.29 88l-35.4 9.35L45 83ZM204 196H52v-72h152Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 100h-83.08l78.14-20.63a12 12 0 0 0 8.52-14.75l-8.16-30a19.94 19.94 0 0 0-24.3-13.95L34.79 60.87a19.74 19.74 0 0 0-12.14 9.27a19.48 19.48 0 0 0-1.95 15L28 112v88a20 20 0 0 0 20 20h160a20 20 0 0 0 20-20v-88a12 12 0 0 0-12-12m-91.11-38.09l18.29 10.56l-25.95 6.85l-18.29-10.56Zm64.45-17l3.91 14.35l-17.13 4.52l-18.29-10.57ZM66 77.46L84.29 88l-35.4 9.35L45 83ZM204 196H52v-72h152Z"/></svg> </template>
CSS
.icon-film-slate-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216%20100h-83.08l78.14-20.63a12%2012%200%200%200%208.52-14.75l-8.16-30a19.94%2019.94%200%200%200-24.3-13.95L34.79%2060.87a19.74%2019.74%200%200%200-12.14%209.27a19.48%2019.48%200%200%200-1.95%2015L28%20112v88a20%2020%200%200%200%2020%2020h160a20%2020%200%200%200%2020-20v-88a12%2012%200%200%200-12-12m-91.11-38.09l18.29%2010.56l-25.95%206.85l-18.29-10.56Zm64.45-17l3.91%2014.35l-17.13%204.52l-18.29-10.57ZM66%2077.46L84.29%2088l-35.4%209.35L45%2083ZM204%20196H52v-72h152Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216%20100h-83.08l78.14-20.63a12%2012%200%200%200%208.52-14.75l-8.16-30a19.94%2019.94%200%200%200-24.3-13.95L34.79%2060.87a19.74%2019.74%200%200%200-12.14%209.27a19.48%2019.48%200%200%200-1.95%2015L28%20112v88a20%2020%200%200%200%2020%2020h160a20%2020%200%200%200%2020-20v-88a12%2012%200%200%200-12-12m-91.11-38.09l18.29%2010.56l-25.95%206.85l-18.29-10.56Zm64.45-17l3.91%2014.35l-17.13%204.52l-18.29-10.57ZM66%2077.46L84.29%2088l-35.4%209.35L45%2083ZM204%20196H52v-72h152Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/film-slate-bold.svg?color=%231a73e8&size=48
