cut icon

cut-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.

Name: cut-16-filled
Set: Fluent UI System Icons
Style: 16 Filled
Viewbox: 16×16
License: MIT

12 other variants in Fluent UI System Icons

cut-16-regular cut-20-filled cut-20-regular cut-24-filled cut-24-regular cut-28-filled cut-28-regular cut-32-filled cut-32-light cut-32-regular cut-48-filled cut-48-regular

The same icon in other sets

cutAkar Icons cutBoxIcons v2 cutCarbon cutFont Awesome Solid cutIconoir cutIonIcons cutLine Awesome cutPixelarticons cutTabler Icons cutTDesign Icons

Use the cut icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10.839 9.531a2.753 2.753 0 0 1 3.162 2.719a2.75 2.75 0 0 1-2.75 2.75a2.75 2.75 0 0 1-2.75-2.75c0-.832.372-1.58.959-2.084L8.001 7.977l-1.459 2.189a2.74 2.74 0 0 1 .959 2.084A2.75 2.75 0 0 1 4.751 15a2.75 2.75 0 0 1-2.75-2.75a2.752 2.752 0 0 1 3.161-2.72l1.937-2.906l-2.973-4.459a.75.75 0 1 1 1.248-.832zM3.5 12.25c0 .689.561 1.25 1.25 1.25v-.001A1.25 1.25 0 1 0 3.5 12.25m6.5 0a1.251 1.251 0 0 0 2.5 0a1.252 1.252 0 0 0-1.681-1.173l-.013.005l-.046.018c-.446.19-.76.634-.76 1.15m1.666-11.124a.75.75 0 0 1 .208 1.04L9.802 5.273L8.901 3.92l1.725-2.587a.75.75 0 0 1 1.04-.208"/></svg>

React

import type { SVGProps } from "react";

export function FluentCut16Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10.839 9.531a2.753 2.753 0 0 1 3.162 2.719a2.75 2.75 0 0 1-2.75 2.75a2.75 2.75 0 0 1-2.75-2.75c0-.832.372-1.58.959-2.084L8.001 7.977l-1.459 2.189a2.74 2.74 0 0 1 .959 2.084A2.75 2.75 0 0 1 4.751 15a2.75 2.75 0 0 1-2.75-2.75a2.752 2.752 0 0 1 3.161-2.72l1.937-2.906l-2.973-4.459a.75.75 0 1 1 1.248-.832zM3.5 12.25c0 .689.561 1.25 1.25 1.25v-.001A1.25 1.25 0 1 0 3.5 12.25m6.5 0a1.251 1.251 0 0 0 2.5 0a1.252 1.252 0 0 0-1.681-1.173l-.013.005l-.046.018c-.446.19-.76.634-.76 1.15m1.666-11.124a.75.75 0 0 1 .208 1.04L9.802 5.273L8.901 3.92l1.725-2.587a.75.75 0 0 1 1.04-.208"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10.839 9.531a2.753 2.753 0 0 1 3.162 2.719a2.75 2.75 0 0 1-2.75 2.75a2.75 2.75 0 0 1-2.75-2.75c0-.832.372-1.58.959-2.084L8.001 7.977l-1.459 2.189a2.74 2.74 0 0 1 .959 2.084A2.75 2.75 0 0 1 4.751 15a2.75 2.75 0 0 1-2.75-2.75a2.752 2.752 0 0 1 3.161-2.72l1.937-2.906l-2.973-4.459a.75.75 0 1 1 1.248-.832zM3.5 12.25c0 .689.561 1.25 1.25 1.25v-.001A1.25 1.25 0 1 0 3.5 12.25m6.5 0a1.251 1.251 0 0 0 2.5 0a1.252 1.252 0 0 0-1.681-1.173l-.013.005l-.046.018c-.446.19-.76.634-.76 1.15m1.666-11.124a.75.75 0 0 1 .208 1.04L9.802 5.273L8.901 3.92l1.725-2.587a.75.75 0 0 1 1.04-.208"/></svg>
</template>

CSS

.icon-cut-16-filled {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.839%209.531a2.753%202.753%200%200%201%203.162%202.719a2.75%202.75%200%200%201-2.75%202.75a2.75%202.75%200%200%201-2.75-2.75c0-.832.372-1.58.959-2.084L8.001%207.977l-1.459%202.189a2.74%202.74%200%200%201%20.959%202.084A2.75%202.75%200%200%201%204.751%2015a2.75%202.75%200%200%201-2.75-2.75a2.752%202.752%200%200%201%203.161-2.72l1.937-2.906l-2.973-4.459a.75.75%200%201%201%201.248-.832zM3.5%2012.25c0%20.689.561%201.25%201.25%201.25v-.001A1.25%201.25%200%201%200%203.5%2012.25m6.5%200a1.251%201.251%200%200%200%202.5%200a1.252%201.252%200%200%200-1.681-1.173l-.013.005l-.046.018c-.446.19-.76.634-.76%201.15m1.666-11.124a.75.75%200%200%201%20.208%201.04L9.802%205.273L8.901%203.92l1.725-2.587a.75.75%200%200%201%201.04-.208%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.839%209.531a2.753%202.753%200%200%201%203.162%202.719a2.75%202.75%200%200%201-2.75%202.75a2.75%202.75%200%200%201-2.75-2.75c0-.832.372-1.58.959-2.084L8.001%207.977l-1.459%202.189a2.74%202.74%200%200%201%20.959%202.084A2.75%202.75%200%200%201%204.751%2015a2.75%202.75%200%200%201-2.75-2.75a2.752%202.752%200%200%201%203.161-2.72l1.937-2.906l-2.973-4.459a.75.75%200%201%201%201.248-.832zM3.5%2012.25c0%20.689.561%201.25%201.25%201.25v-.001A1.25%201.25%200%201%200%203.5%2012.25m6.5%200a1.251%201.251%200%200%200%202.5%200a1.252%201.252%200%200%200-1.681-1.173l-.013.005l-.046.018c-.446.19-.76.634-.76%201.15m1.666-11.124a.75.75%200%200%201%20.208%201.04L9.802%205.273L8.901%203.92l1.725-2.587a.75.75%200%200%201%201.04-.208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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