film icon

film-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name
film-sharp-fill
Set
Keyline Icons
Style
Sharp Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

filmfilm-duotonefilm-fillfilm-sharpfilm-sharp-duotonefilm-sharp-two-tonefilm-two-tone

The same icon in other sets

All film icons →
filmBootstrap IconsfilmBoxIcons v2filmBoxIcons v2 SolidfilmElement Plusfilm-fillEva IconsfilmFramework7 IconsfilmFont Awesome 6 SolidfilmFont Awesome SolidfilmFeather Iconsfilmcss.ggfilmHeroIconsfilmIconParkfilmIconPark OutlinefilmIonIconsfilmLine AwesomefilmLucidefilmMajesticonsfilmMaterial Design Iconsfilm-fillMingCute IconfilmMyna UI Iconsfilm-fillRemix IconfilmTDesign IconsfilmUnicons

Use the film icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 2L21 2C21.5523 2 22 2.4477 22 3L22 21C22 21.5523 21.5523 22 21 22L3 22C2.4477 22 2 21.5523 2 21L2 3C2 2.4477 2.4477 2 3 2ZM9 4L9 11L15 11L15 4L9 4ZM9 13L9 20L15 20L15 13L9 13ZM4 6.5L4 8.5L7 8.5L7 6.5L4 6.5ZM17 6.5L17 8.5L20 8.5L20 6.5L17 6.5ZM4 11L4 13L7 13L7 11L4 11ZM17 11L17 13L20 13L20 11L17 11ZM4 15.5L4 17.5L7 17.5L7 15.5L4 15.5ZM17 15.5L17 17.5L20 17.5L20 15.5L17 15.5Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsFilmSharpFill(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" d="M3 2L21 2C21.5523 2 22 2.4477 22 3L22 21C22 21.5523 21.5523 22 21 22L3 22C2.4477 22 2 21.5523 2 21L2 3C2 2.4477 2.4477 2 3 2ZM9 4L9 11L15 11L15 4L9 4ZM9 13L9 20L15 20L15 13L9 13ZM4 6.5L4 8.5L7 8.5L7 6.5L4 6.5ZM17 6.5L17 8.5L20 8.5L20 6.5L17 6.5ZM4 11L4 13L7 13L7 11L4 11ZM17 11L17 13L20 13L20 11L17 11ZM4 15.5L4 17.5L7 17.5L7 15.5L4 15.5ZM17 15.5L17 17.5L20 17.5L20 15.5L17 15.5Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 2L21 2C21.5523 2 22 2.4477 22 3L22 21C22 21.5523 21.5523 22 21 22L3 22C2.4477 22 2 21.5523 2 21L2 3C2 2.4477 2.4477 2 3 2ZM9 4L9 11L15 11L15 4L9 4ZM9 13L9 20L15 20L15 13L9 13ZM4 6.5L4 8.5L7 8.5L7 6.5L4 6.5ZM17 6.5L17 8.5L20 8.5L20 6.5L17 6.5ZM4 11L4 13L7 13L7 11L4 11ZM17 11L17 13L20 13L20 11L17 11ZM4 15.5L4 17.5L7 17.5L7 15.5L4 15.5ZM17 15.5L17 17.5L20 17.5L20 15.5L17 15.5Z"/></svg>
</template>

CSS

.icon-film-sharp-fill {
  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%20d%3D%22M3%202L21%202C21.5523%202%2022%202.4477%2022%203L22%2021C22%2021.5523%2021.5523%2022%2021%2022L3%2022C2.4477%2022%202%2021.5523%202%2021L2%203C2%202.4477%202.4477%202%203%202ZM9%204L9%2011L15%2011L15%204L9%204ZM9%2013L9%2020L15%2020L15%2013L9%2013ZM4%206.5L4%208.5L7%208.5L7%206.5L4%206.5ZM17%206.5L17%208.5L20%208.5L20%206.5L17%206.5ZM4%2011L4%2013L7%2013L7%2011L4%2011ZM17%2011L17%2013L20%2013L20%2011L17%2011ZM4%2015.5L4%2017.5L7%2017.5L7%2015.5L4%2015.5ZM17%2015.5L17%2017.5L20%2017.5L20%2015.5L17%2015.5Z%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%20d%3D%22M3%202L21%202C21.5523%202%2022%202.4477%2022%203L22%2021C22%2021.5523%2021.5523%2022%2021%2022L3%2022C2.4477%2022%202%2021.5523%202%2021L2%203C2%202.4477%202.4477%202%203%202ZM9%204L9%2011L15%2011L15%204L9%204ZM9%2013L9%2020L15%2020L15%2013L9%2013ZM4%206.5L4%208.5L7%208.5L7%206.5L4%206.5ZM17%206.5L17%208.5L20%208.5L20%206.5L17%206.5ZM4%2011L4%2013L7%2013L7%2011L4%2011ZM17%2011L17%2013L20%2013L20%2011L17%2011ZM4%2015.5L4%2017.5L7%2017.5L7%2015.5L4%2015.5ZM17%2015.5L17%2017.5L20%2017.5L20%2015.5L17%2015.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/film-sharp-fill.svg?color=%231a73e8&size=48