film icon

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

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

7 other variants in Keyline Icons

filmfilm-duotonefilm-sharpfilm-sharp-duotonefilm-sharp-fillfilm-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="M6 2L18 2C20.2091 2 22 3.7909 22 6L22 18C22 20.2091 20.2091 22 18 22L6 22C3.7909 22 2 20.2091 2 18L2 6C2 3.7909 3.7909 2 6 2ZM9 4L9 11L15 11L15 4L9 4ZM9 13L9 20L15 20L15 13L9 13ZM4.5 6.5C4.2239 6.5 4 6.7239 4 7L4 8C4 8.2761 4.2239 8.5 4.5 8.5L6.5 8.5C6.7761 8.5 7 8.2761 7 8L7 7C7 6.7239 6.7761 6.5 6.5 6.5L4.5 6.5ZM17.5 6.5C17.2239 6.5 17 6.7239 17 7L17 8C17 8.2761 17.2239 8.5 17.5 8.5L19.5 8.5C19.7761 8.5 20 8.2761 20 8L20 7C20 6.7239 19.7761 6.5 19.5 6.5L17.5 6.5ZM4.5 11C4.2239 11 4 11.2239 4 11.5L4 12.5C4 12.7761 4.2239 13 4.5 13L6.5 13C6.7761 13 7 12.7761 7 12.5L7 11.5C7 11.2239 6.7761 11 6.5 11L4.5 11ZM17.5 11C17.2239 11 17 11.2239 17 11.5L17 12.5C17 12.7761 17.2239 13 17.5 13L19.5 13C19.7761 13 20 12.7761 20 12.5L20 11.5C20 11.2239 19.7761 11 19.5 11L17.5 11ZM4.5 15.5C4.2239 15.5 4 15.7239 4 16L4 17C4 17.2761 4.2239 17.5 4.5 17.5L6.5 17.5C6.7761 17.5 7 17.2761 7 17L7 16C7 15.7239 6.7761 15.5 6.5 15.5L4.5 15.5ZM17.5 15.5C17.2239 15.5 17 15.7239 17 16L17 17C17 17.2761 17.2239 17.5 17.5 17.5L19.5 17.5C19.7761 17.5 20 17.2761 20 17L20 16C20 15.7239 19.7761 15.5 19.5 15.5L17.5 15.5Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsFilmFill(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="M6 2L18 2C20.2091 2 22 3.7909 22 6L22 18C22 20.2091 20.2091 22 18 22L6 22C3.7909 22 2 20.2091 2 18L2 6C2 3.7909 3.7909 2 6 2ZM9 4L9 11L15 11L15 4L9 4ZM9 13L9 20L15 20L15 13L9 13ZM4.5 6.5C4.2239 6.5 4 6.7239 4 7L4 8C4 8.2761 4.2239 8.5 4.5 8.5L6.5 8.5C6.7761 8.5 7 8.2761 7 8L7 7C7 6.7239 6.7761 6.5 6.5 6.5L4.5 6.5ZM17.5 6.5C17.2239 6.5 17 6.7239 17 7L17 8C17 8.2761 17.2239 8.5 17.5 8.5L19.5 8.5C19.7761 8.5 20 8.2761 20 8L20 7C20 6.7239 19.7761 6.5 19.5 6.5L17.5 6.5ZM4.5 11C4.2239 11 4 11.2239 4 11.5L4 12.5C4 12.7761 4.2239 13 4.5 13L6.5 13C6.7761 13 7 12.7761 7 12.5L7 11.5C7 11.2239 6.7761 11 6.5 11L4.5 11ZM17.5 11C17.2239 11 17 11.2239 17 11.5L17 12.5C17 12.7761 17.2239 13 17.5 13L19.5 13C19.7761 13 20 12.7761 20 12.5L20 11.5C20 11.2239 19.7761 11 19.5 11L17.5 11ZM4.5 15.5C4.2239 15.5 4 15.7239 4 16L4 17C4 17.2761 4.2239 17.5 4.5 17.5L6.5 17.5C6.7761 17.5 7 17.2761 7 17L7 16C7 15.7239 6.7761 15.5 6.5 15.5L4.5 15.5ZM17.5 15.5C17.2239 15.5 17 15.7239 17 16L17 17C17 17.2761 17.2239 17.5 17.5 17.5L19.5 17.5C19.7761 17.5 20 17.2761 20 17L20 16C20 15.7239 19.7761 15.5 19.5 15.5L17.5 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="M6 2L18 2C20.2091 2 22 3.7909 22 6L22 18C22 20.2091 20.2091 22 18 22L6 22C3.7909 22 2 20.2091 2 18L2 6C2 3.7909 3.7909 2 6 2ZM9 4L9 11L15 11L15 4L9 4ZM9 13L9 20L15 20L15 13L9 13ZM4.5 6.5C4.2239 6.5 4 6.7239 4 7L4 8C4 8.2761 4.2239 8.5 4.5 8.5L6.5 8.5C6.7761 8.5 7 8.2761 7 8L7 7C7 6.7239 6.7761 6.5 6.5 6.5L4.5 6.5ZM17.5 6.5C17.2239 6.5 17 6.7239 17 7L17 8C17 8.2761 17.2239 8.5 17.5 8.5L19.5 8.5C19.7761 8.5 20 8.2761 20 8L20 7C20 6.7239 19.7761 6.5 19.5 6.5L17.5 6.5ZM4.5 11C4.2239 11 4 11.2239 4 11.5L4 12.5C4 12.7761 4.2239 13 4.5 13L6.5 13C6.7761 13 7 12.7761 7 12.5L7 11.5C7 11.2239 6.7761 11 6.5 11L4.5 11ZM17.5 11C17.2239 11 17 11.2239 17 11.5L17 12.5C17 12.7761 17.2239 13 17.5 13L19.5 13C19.7761 13 20 12.7761 20 12.5L20 11.5C20 11.2239 19.7761 11 19.5 11L17.5 11ZM4.5 15.5C4.2239 15.5 4 15.7239 4 16L4 17C4 17.2761 4.2239 17.5 4.5 17.5L6.5 17.5C6.7761 17.5 7 17.2761 7 17L7 16C7 15.7239 6.7761 15.5 6.5 15.5L4.5 15.5ZM17.5 15.5C17.2239 15.5 17 15.7239 17 16L17 17C17 17.2761 17.2239 17.5 17.5 17.5L19.5 17.5C19.7761 17.5 20 17.2761 20 17L20 16C20 15.7239 19.7761 15.5 19.5 15.5L17.5 15.5Z"/></svg>
</template>

CSS

.icon-film-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%22M6%202L18%202C20.2091%202%2022%203.7909%2022%206L22%2018C22%2020.2091%2020.2091%2022%2018%2022L6%2022C3.7909%2022%202%2020.2091%202%2018L2%206C2%203.7909%203.7909%202%206%202ZM9%204L9%2011L15%2011L15%204L9%204ZM9%2013L9%2020L15%2020L15%2013L9%2013ZM4.5%206.5C4.2239%206.5%204%206.7239%204%207L4%208C4%208.2761%204.2239%208.5%204.5%208.5L6.5%208.5C6.7761%208.5%207%208.2761%207%208L7%207C7%206.7239%206.7761%206.5%206.5%206.5L4.5%206.5ZM17.5%206.5C17.2239%206.5%2017%206.7239%2017%207L17%208C17%208.2761%2017.2239%208.5%2017.5%208.5L19.5%208.5C19.7761%208.5%2020%208.2761%2020%208L20%207C20%206.7239%2019.7761%206.5%2019.5%206.5L17.5%206.5ZM4.5%2011C4.2239%2011%204%2011.2239%204%2011.5L4%2012.5C4%2012.7761%204.2239%2013%204.5%2013L6.5%2013C6.7761%2013%207%2012.7761%207%2012.5L7%2011.5C7%2011.2239%206.7761%2011%206.5%2011L4.5%2011ZM17.5%2011C17.2239%2011%2017%2011.2239%2017%2011.5L17%2012.5C17%2012.7761%2017.2239%2013%2017.5%2013L19.5%2013C19.7761%2013%2020%2012.7761%2020%2012.5L20%2011.5C20%2011.2239%2019.7761%2011%2019.5%2011L17.5%2011ZM4.5%2015.5C4.2239%2015.5%204%2015.7239%204%2016L4%2017C4%2017.2761%204.2239%2017.5%204.5%2017.5L6.5%2017.5C6.7761%2017.5%207%2017.2761%207%2017L7%2016C7%2015.7239%206.7761%2015.5%206.5%2015.5L4.5%2015.5ZM17.5%2015.5C17.2239%2015.5%2017%2015.7239%2017%2016L17%2017C17%2017.2761%2017.2239%2017.5%2017.5%2017.5L19.5%2017.5C19.7761%2017.5%2020%2017.2761%2020%2017L20%2016C20%2015.7239%2019.7761%2015.5%2019.5%2015.5L17.5%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%22M6%202L18%202C20.2091%202%2022%203.7909%2022%206L22%2018C22%2020.2091%2020.2091%2022%2018%2022L6%2022C3.7909%2022%202%2020.2091%202%2018L2%206C2%203.7909%203.7909%202%206%202ZM9%204L9%2011L15%2011L15%204L9%204ZM9%2013L9%2020L15%2020L15%2013L9%2013ZM4.5%206.5C4.2239%206.5%204%206.7239%204%207L4%208C4%208.2761%204.2239%208.5%204.5%208.5L6.5%208.5C6.7761%208.5%207%208.2761%207%208L7%207C7%206.7239%206.7761%206.5%206.5%206.5L4.5%206.5ZM17.5%206.5C17.2239%206.5%2017%206.7239%2017%207L17%208C17%208.2761%2017.2239%208.5%2017.5%208.5L19.5%208.5C19.7761%208.5%2020%208.2761%2020%208L20%207C20%206.7239%2019.7761%206.5%2019.5%206.5L17.5%206.5ZM4.5%2011C4.2239%2011%204%2011.2239%204%2011.5L4%2012.5C4%2012.7761%204.2239%2013%204.5%2013L6.5%2013C6.7761%2013%207%2012.7761%207%2012.5L7%2011.5C7%2011.2239%206.7761%2011%206.5%2011L4.5%2011ZM17.5%2011C17.2239%2011%2017%2011.2239%2017%2011.5L17%2012.5C17%2012.7761%2017.2239%2013%2017.5%2013L19.5%2013C19.7761%2013%2020%2012.7761%2020%2012.5L20%2011.5C20%2011.2239%2019.7761%2011%2019.5%2011L17.5%2011ZM4.5%2015.5C4.2239%2015.5%204%2015.7239%204%2016L4%2017C4%2017.2761%204.2239%2017.5%204.5%2017.5L6.5%2017.5C6.7761%2017.5%207%2017.2761%207%2017L7%2016C7%2015.7239%206.7761%2015.5%206.5%2015.5L4.5%2015.5ZM17.5%2015.5C17.2239%2015.5%2017%2015.7239%2017%2016L17%2017C17%2017.2761%2017.2239%2017.5%2017.5%2017.5L19.5%2017.5C19.7761%2017.5%2020%2017.2761%2020%2017L20%2016C20%2015.7239%2019.7761%2015.5%2019.5%2015.5L17.5%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-fill.svg?color=%231a73e8&size=48