Beta

Film Frame SVG element, flat

Free

Square sprocket holes run down both sides of a rectangular image opening. Use it for a still on a film-review page or a scene thumbnail in a storyboard.

Sign in to download. Free SVGs are free with any account.

filmframemoviereelframeselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/PPiLWibGfRzq/amnt.svg" alt="Film Frame" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M15 22h170v156H15V22zm37 22v112h96V44H52zM25 34v16h16V34H25zm0 29v16h16V63H25zm0 29v16h16V92H25zm0 29v16h16v-16H25zm0 29v16h16v-16H25zM159 34v16h16V34h-16zm0 29v16h16V63h-16zm0 29v16h16V92h-16zm0 29v16h16v-16h-16zm0 29v16h16v-16h-16z" clip-rule="evenodd"/></svg>
CSS background-image
.film-frame {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/PPiLWibGfRzq/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.film-frame {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/PPiLWibGfRzq/amnt.svg") center / contain no-repeat;
}
React
import FilmFrameSvg from "./film-frame.jsx"; // from the React tab above

<FilmFrameSvg width={48} height={48} />

Made with AMNT

AMNT SVG 1.1 drew this from the words Film Frame: Rectangular image opening flanked by vertical strips of square sprocket holes. as part of the pack Frames elements, flat. Want one like it? Make your own in the SVG studio.

Rest of Frames elements, flat

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence