baseline motion photos off icon

baseline-motion-photos-off from Google Material Icons by Material Design Authors · Baseline · Image · Apache-2.0 Free for personal and commercial use.

Name
baseline-motion-photos-off
Set
Google Material Icons
Style
Baseline
Category
Image
Viewbox
24×24
License
Apache 2.0

More image icons from Google Material Icons

baseline-10mpbaseline-11mpbaseline-12mpbaseline-13mpbaseline-14mpbaseline-15mpbaseline-16mpbaseline-17mpbaseline-18mpbaseline-19mpbaseline-20mpbaseline-21mpbaseline-22mpbaseline-23mpbaseline-24mpbaseline-2mpbaseline-30fps-selectbaseline-3mpbaseline-4mpbaseline-5mpbaseline-60fps-selectbaseline-6mpbaseline-7mpbaseline-8mp

Use the baseline motion photos off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.84 20.84L3.16 3.16L1.89 4.43l1.89 1.89A9.9 9.9 0 0 0 2 12c0 5.52 4.48 10 10 10c2.11 0 4.07-.66 5.68-1.77l1.89 1.89zM12 20c-4.41 0-8-3.59-8-8c0-1.55.45-3 1.22-4.23l1.46 1.46C6.25 10.06 6 11 6 12c0 3.31 2.69 6 6 6c1 0 1.94-.25 2.77-.68l1.46 1.46A7.95 7.95 0 0 1 12 20M6.32 3.77A10 10 0 0 1 12 2c5.52 0 10 4.48 10 10c0 2.11-.66 4.07-1.77 5.68l-1.45-1.45A7.95 7.95 0 0 0 20 12c0-4.41-3.59-8-8-8c-1.55 0-3 .45-4.23 1.22zM18 12c0 1-.25 1.94-.68 2.77L9.23 6.68C10.06 6.25 11 6 12 6c3.31 0 6 2.69 6 6"/></svg>

React

import type { SVGProps } from "react";

export function IcBaselineMotionPhotosOff(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="M20.84 20.84L3.16 3.16L1.89 4.43l1.89 1.89A9.9 9.9 0 0 0 2 12c0 5.52 4.48 10 10 10c2.11 0 4.07-.66 5.68-1.77l1.89 1.89zM12 20c-4.41 0-8-3.59-8-8c0-1.55.45-3 1.22-4.23l1.46 1.46C6.25 10.06 6 11 6 12c0 3.31 2.69 6 6 6c1 0 1.94-.25 2.77-.68l1.46 1.46A7.95 7.95 0 0 1 12 20M6.32 3.77A10 10 0 0 1 12 2c5.52 0 10 4.48 10 10c0 2.11-.66 4.07-1.77 5.68l-1.45-1.45A7.95 7.95 0 0 0 20 12c0-4.41-3.59-8-8-8c-1.55 0-3 .45-4.23 1.22zM18 12c0 1-.25 1.94-.68 2.77L9.23 6.68C10.06 6.25 11 6 12 6c3.31 0 6 2.69 6 6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.84 20.84L3.16 3.16L1.89 4.43l1.89 1.89A9.9 9.9 0 0 0 2 12c0 5.52 4.48 10 10 10c2.11 0 4.07-.66 5.68-1.77l1.89 1.89zM12 20c-4.41 0-8-3.59-8-8c0-1.55.45-3 1.22-4.23l1.46 1.46C6.25 10.06 6 11 6 12c0 3.31 2.69 6 6 6c1 0 1.94-.25 2.77-.68l1.46 1.46A7.95 7.95 0 0 1 12 20M6.32 3.77A10 10 0 0 1 12 2c5.52 0 10 4.48 10 10c0 2.11-.66 4.07-1.77 5.68l-1.45-1.45A7.95 7.95 0 0 0 20 12c0-4.41-3.59-8-8-8c-1.55 0-3 .45-4.23 1.22zM18 12c0 1-.25 1.94-.68 2.77L9.23 6.68C10.06 6.25 11 6 12 6c3.31 0 6 2.69 6 6"/></svg>
</template>

CSS

.icon-baseline-motion-photos-off {
  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%22M20.84%2020.84L3.16%203.16L1.89%204.43l1.89%201.89A9.9%209.9%200%200%200%202%2012c0%205.52%204.48%2010%2010%2010c2.11%200%204.07-.66%205.68-1.77l1.89%201.89zM12%2020c-4.41%200-8-3.59-8-8c0-1.55.45-3%201.22-4.23l1.46%201.46C6.25%2010.06%206%2011%206%2012c0%203.31%202.69%206%206%206c1%200%201.94-.25%202.77-.68l1.46%201.46A7.95%207.95%200%200%201%2012%2020M6.32%203.77A10%2010%200%200%201%2012%202c5.52%200%2010%204.48%2010%2010c0%202.11-.66%204.07-1.77%205.68l-1.45-1.45A7.95%207.95%200%200%200%2020%2012c0-4.41-3.59-8-8-8c-1.55%200-3%20.45-4.23%201.22zM18%2012c0%201-.25%201.94-.68%202.77L9.23%206.68C10.06%206.25%2011%206%2012%206c3.31%200%206%202.69%206%206%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%22M20.84%2020.84L3.16%203.16L1.89%204.43l1.89%201.89A9.9%209.9%200%200%200%202%2012c0%205.52%204.48%2010%2010%2010c2.11%200%204.07-.66%205.68-1.77l1.89%201.89zM12%2020c-4.41%200-8-3.59-8-8c0-1.55.45-3%201.22-4.23l1.46%201.46C6.25%2010.06%206%2011%206%2012c0%203.31%202.69%206%206%206c1%200%201.94-.25%202.77-.68l1.46%201.46A7.95%207.95%200%200%201%2012%2020M6.32%203.77A10%2010%200%200%201%2012%202c5.52%200%2010%204.48%2010%2010c0%202.11-.66%204.07-1.77%205.68l-1.45-1.45A7.95%207.95%200%200%200%2020%2012c0-4.41-3.59-8-8-8c-1.55%200-3%20.45-4.23%201.22zM18%2012c0%201-.25%201.94-.68%202.77L9.23%206.68C10.06%206.25%2011%206%2012%206c3.31%200%206%202.69%206%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/baseline-motion-photos-off.svg?color=%231a73e8&size=48