film marker icon

film-marker from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: film-marker
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

Use the film marker icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M448.4 208h-344l341.2-68c8.5-1.6 14-9.7 12.4-18.1l-8.9-45.4c-1.6-8.4-9.8-13.8-18.3-12.2L60.7 137.9c-8.5 1.6-14 9.7-12.4 18l8.9 45.4c.6 2.8 2.1 5.2 3.9 7.2-7.4 1.2-13.1 7.2-13.1 14.9v209.2c0 8.5 7 15.4 15.6 15.4h384.8c8.6 0 15.6-6.9 15.6-15.4V223.4c0-8.5-7-15.4-15.6-15.4zM305 402.4l-50.7-36.3-50.7 36.3 19.5-58.4-50.8-36H235l19.2-58.4 19.3 58.4h62.7l-50.8 36 19.6 58.4z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonFilmMarker(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M448.4 208h-344l341.2-68c8.5-1.6 14-9.7 12.4-18.1l-8.9-45.4c-1.6-8.4-9.8-13.8-18.3-12.2L60.7 137.9c-8.5 1.6-14 9.7-12.4 18l8.9 45.4c.6 2.8 2.1 5.2 3.9 7.2-7.4 1.2-13.1 7.2-13.1 14.9v209.2c0 8.5 7 15.4 15.6 15.4h384.8c8.6 0 15.6-6.9 15.6-15.4V223.4c0-8.5-7-15.4-15.6-15.4zM305 402.4l-50.7-36.3-50.7 36.3 19.5-58.4-50.8-36H235l19.2-58.4 19.3 58.4h62.7l-50.8 36 19.6 58.4z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M448.4 208h-344l341.2-68c8.5-1.6 14-9.7 12.4-18.1l-8.9-45.4c-1.6-8.4-9.8-13.8-18.3-12.2L60.7 137.9c-8.5 1.6-14 9.7-12.4 18l8.9 45.4c.6 2.8 2.1 5.2 3.9 7.2-7.4 1.2-13.1 7.2-13.1 14.9v209.2c0 8.5 7 15.4 15.6 15.4h384.8c8.6 0 15.6-6.9 15.6-15.4V223.4c0-8.5-7-15.4-15.6-15.4zM305 402.4l-50.7-36.3-50.7 36.3 19.5-58.4-50.8-36H235l19.2-58.4 19.3 58.4h62.7l-50.8 36 19.6 58.4z" fill="currentColor"/></svg>
</template>

CSS

.icon-film-marker {
  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%20512%20512%22%3E%3Cpath%20d%3D%22M448.4%20208h-344l341.2-68c8.5-1.6%2014-9.7%2012.4-18.1l-8.9-45.4c-1.6-8.4-9.8-13.8-18.3-12.2L60.7%20137.9c-8.5%201.6-14%209.7-12.4%2018l8.9%2045.4c.6%202.8%202.1%205.2%203.9%207.2-7.4%201.2-13.1%207.2-13.1%2014.9v209.2c0%208.5%207%2015.4%2015.6%2015.4h384.8c8.6%200%2015.6-6.9%2015.6-15.4V223.4c0-8.5-7-15.4-15.6-15.4zM305%20402.4l-50.7-36.3-50.7%2036.3%2019.5-58.4-50.8-36H235l19.2-58.4%2019.3%2058.4h62.7l-50.8%2036%2019.6%2058.4z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M448.4%20208h-344l341.2-68c8.5-1.6%2014-9.7%2012.4-18.1l-8.9-45.4c-1.6-8.4-9.8-13.8-18.3-12.2L60.7%20137.9c-8.5%201.6-14%209.7-12.4%2018l8.9%2045.4c.6%202.8%202.1%205.2%203.9%207.2-7.4%201.2-13.1%207.2-13.1%2014.9v209.2c0%208.5%207%2015.4%2015.6%2015.4h384.8c8.6%200%2015.6-6.9%2015.6-15.4V223.4c0-8.5-7-15.4-15.6-15.4zM305%20402.4l-50.7-36.3-50.7%2036.3%2019.5-58.4-50.8-36H235l19.2-58.4%2019.3%2058.4h62.7l-50.8%2036%2019.6%2058.4z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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