film reel icon

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

Name
film-reel-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

film-reelfilm-reel-boldfilm-reel-duotonefilm-reel-lightfilm-reel-thin

Related icons in Phosphor

film-scriptfilm-slatefilm-strip

Use the film reel icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 216h-48.64A103.95 103.95 0 1 0 128 232h104a8 8 0 0 0 0-16M80 148a20 20 0 1 1 20-20a20 20 0 0 1-20 20m48 48a20 20 0 1 1 20-20a20 20 0 0 1-20 20m0-96a20 20 0 1 1 20-20a20 20 0 0 1-20 20m28 28a20 20 0 1 1 20 20a20 20 0 0 1-20-20"/></svg>

React

import type { SVGProps } from "react";

export function PhFilmReelFill(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="M232 216h-48.64A103.95 103.95 0 1 0 128 232h104a8 8 0 0 0 0-16M80 148a20 20 0 1 1 20-20a20 20 0 0 1-20 20m48 48a20 20 0 1 1 20-20a20 20 0 0 1-20 20m0-96a20 20 0 1 1 20-20a20 20 0 0 1-20 20m28 28a20 20 0 1 1 20 20a20 20 0 0 1-20-20"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 216h-48.64A103.95 103.95 0 1 0 128 232h104a8 8 0 0 0 0-16M80 148a20 20 0 1 1 20-20a20 20 0 0 1-20 20m48 48a20 20 0 1 1 20-20a20 20 0 0 1-20 20m0-96a20 20 0 1 1 20-20a20 20 0 0 1-20 20m28 28a20 20 0 1 1 20 20a20 20 0 0 1-20-20"/></svg>
</template>

CSS

.icon-film-reel-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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%20216h-48.64A103.95%20103.95%200%201%200%20128%20232h104a8%208%200%200%200%200-16M80%20148a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m48%2048a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m0-96a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m28%2028a20%2020%200%201%201%2020%2020a20%2020%200%200%201-20-20%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%22M232%20216h-48.64A103.95%20103.95%200%201%200%20128%20232h104a8%208%200%200%200%200-16M80%20148a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m48%2048a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m0-96a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m28%2028a20%2020%200%201%201%2020%2020a20%2020%200%200%201-20-20%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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