content-cut from Material Symbols Light by Google · Regular · Text · Apache-2.0 Free for personal and commercial use.

Name
content-cut
Set
Material Symbols Light
Style
Regular
Category
Text
Viewbox
24×24
License
Apache 2.0
Aliases
content-cut-outline, content-cut-outline-sharp, content-cut-sharp, cut

1 other variant in Material Symbols Light

The same icon in other sets

More text icons from Material Symbols Light

Use the content cut icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.385 20.539l-7.308-7.308l-3.12 3.119q.22.375.324.79t.104.86q0 1.362-.973 2.335q-.974.973-2.335.973t-2.335-.973Q2.77 19.362 2.77 18t.973-2.334t2.335-.974q.444 0 .86.104q.415.104.79.323L10.847 12l-3.12-3.12q-.375.22-.79.324t-.86.104q-1.362 0-2.335-.973Q2.77 7.36 2.77 6t.973-2.334t2.335-.974t2.335.973q.972.974.972 2.335q0 .444-.103.86q-.104.415-.323.79L21.23 19.923v.616zm-4.77-9.847l-1.23-1.23l6-6h1.846v.615zM7.712 7.634Q8.385 6.96 8.385 6T7.71 4.366t-1.634-.674t-1.634.674Q3.77 5.041 3.77 6t.674 1.634t1.634.674t1.634-.674m4.37 4.37q-.004.004-.004-.004t.004-.004t-.004.004t-.004-.004t.004.004t-.004.004t.004-.004t.004.004m-4.37 7.63q.673-.675.673-1.634t-.674-1.634q-.674-.674-1.633-.674q-.96 0-1.634.674q-.674.675-.674 1.634t.674 1.634q.674.674 1.634.674t1.633-.674"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightContentCut(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="m19.385 20.539l-7.308-7.308l-3.12 3.119q.22.375.324.79t.104.86q0 1.362-.973 2.335q-.974.973-2.335.973t-2.335-.973Q2.77 19.362 2.77 18t.973-2.334t2.335-.974q.444 0 .86.104q.415.104.79.323L10.847 12l-3.12-3.12q-.375.22-.79.324t-.86.104q-1.362 0-2.335-.973Q2.77 7.36 2.77 6t.973-2.334t2.335-.974t2.335.973q.972.974.972 2.335q0 .444-.103.86q-.104.415-.323.79L21.23 19.923v.616zm-4.77-9.847l-1.23-1.23l6-6h1.846v.615zM7.712 7.634Q8.385 6.96 8.385 6T7.71 4.366t-1.634-.674t-1.634.674Q3.77 5.041 3.77 6t.674 1.634t1.634.674t1.634-.674m4.37 4.37q-.004.004-.004-.004t.004-.004t-.004.004t-.004-.004t.004.004t-.004.004t.004-.004t.004.004m-4.37 7.63q.673-.675.673-1.634t-.674-1.634q-.674-.674-1.633-.674q-.96 0-1.634.674q-.674.675-.674 1.634t.674 1.634q.674.674 1.634.674t1.633-.674"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.385 20.539l-7.308-7.308l-3.12 3.119q.22.375.324.79t.104.86q0 1.362-.973 2.335q-.974.973-2.335.973t-2.335-.973Q2.77 19.362 2.77 18t.973-2.334t2.335-.974q.444 0 .86.104q.415.104.79.323L10.847 12l-3.12-3.12q-.375.22-.79.324t-.86.104q-1.362 0-2.335-.973Q2.77 7.36 2.77 6t.973-2.334t2.335-.974t2.335.973q.972.974.972 2.335q0 .444-.103.86q-.104.415-.323.79L21.23 19.923v.616zm-4.77-9.847l-1.23-1.23l6-6h1.846v.615zM7.712 7.634Q8.385 6.96 8.385 6T7.71 4.366t-1.634-.674t-1.634.674Q3.77 5.041 3.77 6t.674 1.634t1.634.674t1.634-.674m4.37 4.37q-.004.004-.004-.004t.004-.004t-.004.004t-.004-.004t.004.004t-.004.004t.004-.004t.004.004m-4.37 7.63q.673-.675.673-1.634t-.674-1.634q-.674-.674-1.633-.674q-.96 0-1.634.674q-.674.675-.674 1.634t.674 1.634q.674.674 1.634.674t1.633-.674"/></svg>
</template>

CSS

.icon-content-cut {
  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%22m19.385%2020.539l-7.308-7.308l-3.12%203.119q.22.375.324.79t.104.86q0%201.362-.973%202.335q-.974.973-2.335.973t-2.335-.973Q2.77%2019.362%202.77%2018t.973-2.334t2.335-.974q.444%200%20.86.104q.415.104.79.323L10.847%2012l-3.12-3.12q-.375.22-.79.324t-.86.104q-1.362%200-2.335-.973Q2.77%207.36%202.77%206t.973-2.334t2.335-.974t2.335.973q.972.974.972%202.335q0%20.444-.103.86q-.104.415-.323.79L21.23%2019.923v.616zm-4.77-9.847l-1.23-1.23l6-6h1.846v.615zM7.712%207.634Q8.385%206.96%208.385%206T7.71%204.366t-1.634-.674t-1.634.674Q3.77%205.041%203.77%206t.674%201.634t1.634.674t1.634-.674m4.37%204.37q-.004.004-.004-.004t.004-.004t-.004.004t-.004-.004t.004.004t-.004.004t.004-.004t.004.004m-4.37%207.63q.673-.675.673-1.634t-.674-1.634q-.674-.674-1.633-.674q-.96%200-1.634.674q-.674.675-.674%201.634t.674%201.634q.674.674%201.634.674t1.633-.674%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%22m19.385%2020.539l-7.308-7.308l-3.12%203.119q.22.375.324.79t.104.86q0%201.362-.973%202.335q-.974.973-2.335.973t-2.335-.973Q2.77%2019.362%202.77%2018t.973-2.334t2.335-.974q.444%200%20.86.104q.415.104.79.323L10.847%2012l-3.12-3.12q-.375.22-.79.324t-.86.104q-1.362%200-2.335-.973Q2.77%207.36%202.77%206t.973-2.334t2.335-.974t2.335.973q.972.974.972%202.335q0%20.444-.103.86q-.104.415-.323.79L21.23%2019.923v.616zm-4.77-9.847l-1.23-1.23l6-6h1.846v.615zM7.712%207.634Q8.385%206.96%208.385%206T7.71%204.366t-1.634-.674t-1.634.674Q3.77%205.041%203.77%206t.674%201.634t1.634.674t1.634-.674m4.37%204.37q-.004.004-.004-.004t.004-.004t-.004.004t-.004-.004t.004.004t-.004.004t.004-.004t.004.004m-4.37%207.63q.673-.675.673-1.634t-.674-1.634q-.674-.674-1.633-.674q-.96%200-1.634.674q-.674.675-.674%201.634t.674%201.634q.674.674%201.634.674t1.633-.674%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/content-cut.svg?color=%231a73e8&size=48