cut icon

cut from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.

Name: cut
Set: BoxIcons v2
Style: Regular
Viewbox: 24×24
License: MIT
Aliases: bx-cut

The same icon in other sets

cutAkar Icons cutCarbon cut-16-filledFluent UI System Icons cutIconoir cutIonIcons cutLine Awesome cutPixelarticons cutTabler Icons

Use the cut icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 6.5C10 4.57 8.43 3 6.5 3S3 4.57 3 6.5S4.57 10 6.5 10a3.45 3.45 0 0 0 1.613-.413l2.357 2.528l-2.318 2.318A3.46 3.46 0 0 0 6.5 14C4.57 14 3 15.57 3 17.5S4.57 21 6.5 21s3.5-1.57 3.5-3.5c0-.601-.166-1.158-.434-1.652l2.269-2.268L17 19.121a3 3 0 0 0 2.121.879H22L9.35 8.518c.406-.572.65-1.265.65-2.018M6.5 8C5.673 8 5 7.327 5 6.5S5.673 5 6.5 5S8 5.673 8 6.5S7.327 8 6.5 8m0 11c-.827 0-1.5-.673-1.5-1.5S5.673 16 6.5 16s1.5.673 1.5 1.5S7.327 19 6.5 19"/><path fill="currentColor" d="m17 4.879l-3.707 4.414l1.414 1.414L22 4h-2.879A3 3 0 0 0 17 4.879"/></svg>

React

import type { SVGProps } from "react";

export function BxCut(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="M10 6.5C10 4.57 8.43 3 6.5 3S3 4.57 3 6.5S4.57 10 6.5 10a3.45 3.45 0 0 0 1.613-.413l2.357 2.528l-2.318 2.318A3.46 3.46 0 0 0 6.5 14C4.57 14 3 15.57 3 17.5S4.57 21 6.5 21s3.5-1.57 3.5-3.5c0-.601-.166-1.158-.434-1.652l2.269-2.268L17 19.121a3 3 0 0 0 2.121.879H22L9.35 8.518c.406-.572.65-1.265.65-2.018M6.5 8C5.673 8 5 7.327 5 6.5S5.673 5 6.5 5S8 5.673 8 6.5S7.327 8 6.5 8m0 11c-.827 0-1.5-.673-1.5-1.5S5.673 16 6.5 16s1.5.673 1.5 1.5S7.327 19 6.5 19"/><path fill="currentColor" d="m17 4.879l-3.707 4.414l1.414 1.414L22 4h-2.879A3 3 0 0 0 17 4.879"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 6.5C10 4.57 8.43 3 6.5 3S3 4.57 3 6.5S4.57 10 6.5 10a3.45 3.45 0 0 0 1.613-.413l2.357 2.528l-2.318 2.318A3.46 3.46 0 0 0 6.5 14C4.57 14 3 15.57 3 17.5S4.57 21 6.5 21s3.5-1.57 3.5-3.5c0-.601-.166-1.158-.434-1.652l2.269-2.268L17 19.121a3 3 0 0 0 2.121.879H22L9.35 8.518c.406-.572.65-1.265.65-2.018M6.5 8C5.673 8 5 7.327 5 6.5S5.673 5 6.5 5S8 5.673 8 6.5S7.327 8 6.5 8m0 11c-.827 0-1.5-.673-1.5-1.5S5.673 16 6.5 16s1.5.673 1.5 1.5S7.327 19 6.5 19"/><path fill="currentColor" d="m17 4.879l-3.707 4.414l1.414 1.414L22 4h-2.879A3 3 0 0 0 17 4.879"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%206.5C10%204.57%208.43%203%206.5%203S3%204.57%203%206.5S4.57%2010%206.5%2010a3.45%203.45%200%200%200%201.613-.413l2.357%202.528l-2.318%202.318A3.46%203.46%200%200%200%206.5%2014C4.57%2014%203%2015.57%203%2017.5S4.57%2021%206.5%2021s3.5-1.57%203.5-3.5c0-.601-.166-1.158-.434-1.652l2.269-2.268L17%2019.121a3%203%200%200%200%202.121.879H22L9.35%208.518c.406-.572.65-1.265.65-2.018M6.5%208C5.673%208%205%207.327%205%206.5S5.673%205%206.5%205S8%205.673%208%206.5S7.327%208%206.5%208m0%2011c-.827%200-1.5-.673-1.5-1.5S5.673%2016%206.5%2016s1.5.673%201.5%201.5S7.327%2019%206.5%2019%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17%204.879l-3.707%204.414l1.414%201.414L22%204h-2.879A3%203%200%200%200%2017%204.879%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%22M10%206.5C10%204.57%208.43%203%206.5%203S3%204.57%203%206.5S4.57%2010%206.5%2010a3.45%203.45%200%200%200%201.613-.413l2.357%202.528l-2.318%202.318A3.46%203.46%200%200%200%206.5%2014C4.57%2014%203%2015.57%203%2017.5S4.57%2021%206.5%2021s3.5-1.57%203.5-3.5c0-.601-.166-1.158-.434-1.652l2.269-2.268L17%2019.121a3%203%200%200%200%202.121.879H22L9.35%208.518c.406-.572.65-1.265.65-2.018M6.5%208C5.673%208%205%207.327%205%206.5S5.673%205%206.5%205S8%205.673%208%206.5S7.327%208%206.5%208m0%2011c-.827%200-1.5-.673-1.5-1.5S5.673%2016%206.5%2016s1.5.673%201.5%201.5S7.327%2019%206.5%2019%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17%204.879l-3.707%204.414l1.414%201.414L22%204h-2.879A3%203%200%200%200%2017%204.879%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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