cut icon

cut from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.

Name: cut
Set: Line Awesome
Style: Line
Category: Objects
Viewbox: 32×32
License: Apache 2.0
Aliases: cut-solid

The same icon in other sets

cutAkar Icons cutBoxIcons v2 cutCarbon cutFont Awesome Solid cut-16-filledFluent UI System Icons cutIconoir cutIonIcons cutPixelarticons cutTabler Icons cutTDesign Icons

More objects icons from Line Awesome

ambulance anchor archive baby-carriage bath beer bicycle binoculars blender bomb book briefcase broadcast-tower building building-solid bullseye calculator candy-cane car carrot clipboard clipboard-solid coffee cogs

Use the cut icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19.656 4.313c-.773.093-1.46.64-1.687 1.437l-2.657 9.313l-3.343.968C11.73 14.336 10.258 13 8.5 13A3.514 3.514 0 0 0 5 16.5C5 18.422 6.578 20 8.5 20c1.29 0 2.426-.73 3.031-1.781l3.125-.875l-.875 3.125C12.731 21.074 12 22.21 12 23.5c0 1.922 1.578 3.5 3.5 3.5s3.5-1.578 3.5-3.5c0-1.758-1.336-3.23-3.031-3.469l4.469-15.656a2 2 0 0 0-.782-.063zm7.969 7.25l-8.719 2.468l-.656 2.281l8-2.28a1.996 1.996 0 0 0 1.375-2.47zM8.5 15c.84 0 1.5.66 1.5 1.5S9.34 18 8.5 18S7 17.34 7 16.5S7.66 15 8.5 15m7 7c.84 0 1.5.66 1.5 1.5s-.66 1.5-1.5 1.5s-1.5-.66-1.5-1.5s.66-1.5 1.5-1.5"/></svg>

React

import type { SVGProps } from "react";

export function LaCut(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19.656 4.313c-.773.093-1.46.64-1.687 1.437l-2.657 9.313l-3.343.968C11.73 14.336 10.258 13 8.5 13A3.514 3.514 0 0 0 5 16.5C5 18.422 6.578 20 8.5 20c1.29 0 2.426-.73 3.031-1.781l3.125-.875l-.875 3.125C12.731 21.074 12 22.21 12 23.5c0 1.922 1.578 3.5 3.5 3.5s3.5-1.578 3.5-3.5c0-1.758-1.336-3.23-3.031-3.469l4.469-15.656a2 2 0 0 0-.782-.063zm7.969 7.25l-8.719 2.468l-.656 2.281l8-2.28a1.996 1.996 0 0 0 1.375-2.47zM8.5 15c.84 0 1.5.66 1.5 1.5S9.34 18 8.5 18S7 17.34 7 16.5S7.66 15 8.5 15m7 7c.84 0 1.5.66 1.5 1.5s-.66 1.5-1.5 1.5s-1.5-.66-1.5-1.5s.66-1.5 1.5-1.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19.656 4.313c-.773.093-1.46.64-1.687 1.437l-2.657 9.313l-3.343.968C11.73 14.336 10.258 13 8.5 13A3.514 3.514 0 0 0 5 16.5C5 18.422 6.578 20 8.5 20c1.29 0 2.426-.73 3.031-1.781l3.125-.875l-.875 3.125C12.731 21.074 12 22.21 12 23.5c0 1.922 1.578 3.5 3.5 3.5s3.5-1.578 3.5-3.5c0-1.758-1.336-3.23-3.031-3.469l4.469-15.656a2 2 0 0 0-.782-.063zm7.969 7.25l-8.719 2.468l-.656 2.281l8-2.28a1.996 1.996 0 0 0 1.375-2.47zM8.5 15c.84 0 1.5.66 1.5 1.5S9.34 18 8.5 18S7 17.34 7 16.5S7.66 15 8.5 15m7 7c.84 0 1.5.66 1.5 1.5s-.66 1.5-1.5 1.5s-1.5-.66-1.5-1.5s.66-1.5 1.5-1.5"/></svg>
</template>

CSS

.icon-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.656%204.313c-.773.093-1.46.64-1.687%201.437l-2.657%209.313l-3.343.968C11.73%2014.336%2010.258%2013%208.5%2013A3.514%203.514%200%200%200%205%2016.5C5%2018.422%206.578%2020%208.5%2020c1.29%200%202.426-.73%203.031-1.781l3.125-.875l-.875%203.125C12.731%2021.074%2012%2022.21%2012%2023.5c0%201.922%201.578%203.5%203.5%203.5s3.5-1.578%203.5-3.5c0-1.758-1.336-3.23-3.031-3.469l4.469-15.656a2%202%200%200%200-.782-.063zm7.969%207.25l-8.719%202.468l-.656%202.281l8-2.28a1.996%201.996%200%200%200%201.375-2.47zM8.5%2015c.84%200%201.5.66%201.5%201.5S9.34%2018%208.5%2018S7%2017.34%207%2016.5S7.66%2015%208.5%2015m7%207c.84%200%201.5.66%201.5%201.5s-.66%201.5-1.5%201.5s-1.5-.66-1.5-1.5s.66-1.5%201.5-1.5%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.656%204.313c-.773.093-1.46.64-1.687%201.437l-2.657%209.313l-3.343.968C11.73%2014.336%2010.258%2013%208.5%2013A3.514%203.514%200%200%200%205%2016.5C5%2018.422%206.578%2020%208.5%2020c1.29%200%202.426-.73%203.031-1.781l3.125-.875l-.875%203.125C12.731%2021.074%2012%2022.21%2012%2023.5c0%201.922%201.578%203.5%203.5%203.5s3.5-1.578%203.5-3.5c0-1.758-1.336-3.23-3.031-3.469l4.469-15.656a2%202%200%200%200-.782-.063zm7.969%207.25l-8.719%202.468l-.656%202.281l8-2.28a1.996%201.996%200%200%200%201.375-2.47zM8.5%2015c.84%200%201.5.66%201.5%201.5S9.34%2018%208.5%2018S7%2017.34%207%2016.5S7.66%2015%208.5%2015m7%207c.84%200%201.5.66%201.5%201.5s-.66%201.5-1.5%201.5s-1.5-.66-1.5-1.5s.66-1.5%201.5-1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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