cut icon

cut-32-light from Fluent UI System Icons by Microsoft Corporation · 32 Light · MIT Free for personal and commercial use.

Name: cut-32-light
Set: Fluent UI System Icons
Style: 32 Light
Viewbox: 32×32
License: MIT

12 other variants in Fluent UI System Icons

cut-16-filled 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-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 32 32"><path fill="currentColor" d="M8.225 2.083a.5.5 0 0 1 .629.064l.063.078l11.488 17.428a5.5 5.5 0 1 1-.835.55L16 14.785l-3.57 5.418a5.5 5.5 0 1 1-.835-.55l3.806-5.776L8.083 2.776l-.048-.09a.5.5 0 0 1 .19-.603M9 20a4.5 4.5 0 1 0 2.7.9l-.223-.157A4.5 4.5 0 0 0 9 20m14 0c-.916 0-1.767.273-2.477.742l-.223.158A4.5 4.5 0 1 0 23 20m.146-17.853a.5.5 0 0 1 .819.539l-.048.09l-6.72 10.194l-.6-.908l6.486-9.837z"/></svg>

React

import type { SVGProps } from "react";

export function FluentCut32Light(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="M8.225 2.083a.5.5 0 0 1 .629.064l.063.078l11.488 17.428a5.5 5.5 0 1 1-.835.55L16 14.785l-3.57 5.418a5.5 5.5 0 1 1-.835-.55l3.806-5.776L8.083 2.776l-.048-.09a.5.5 0 0 1 .19-.603M9 20a4.5 4.5 0 1 0 2.7.9l-.223-.157A4.5 4.5 0 0 0 9 20m14 0c-.916 0-1.767.273-2.477.742l-.223.158A4.5 4.5 0 1 0 23 20m.146-17.853a.5.5 0 0 1 .819.539l-.048.09l-6.72 10.194l-.6-.908l6.486-9.837z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.225 2.083a.5.5 0 0 1 .629.064l.063.078l11.488 17.428a5.5 5.5 0 1 1-.835.55L16 14.785l-3.57 5.418a5.5 5.5 0 1 1-.835-.55l3.806-5.776L8.083 2.776l-.048-.09a.5.5 0 0 1 .19-.603M9 20a4.5 4.5 0 1 0 2.7.9l-.223-.157A4.5 4.5 0 0 0 9 20m14 0c-.916 0-1.767.273-2.477.742l-.223.158A4.5 4.5 0 1 0 23 20m.146-17.853a.5.5 0 0 1 .819.539l-.048.09l-6.72 10.194l-.6-.908l6.486-9.837z"/></svg>
</template>

CSS

.icon-cut-32-light {
  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%22M8.225%202.083a.5.5%200%200%201%20.629.064l.063.078l11.488%2017.428a5.5%205.5%200%201%201-.835.55L16%2014.785l-3.57%205.418a5.5%205.5%200%201%201-.835-.55l3.806-5.776L8.083%202.776l-.048-.09a.5.5%200%200%201%20.19-.603M9%2020a4.5%204.5%200%201%200%202.7.9l-.223-.157A4.5%204.5%200%200%200%209%2020m14%200c-.916%200-1.767.273-2.477.742l-.223.158A4.5%204.5%200%201%200%2023%2020m.146-17.853a.5.5%200%200%201%20.819.539l-.048.09l-6.72%2010.194l-.6-.908l6.486-9.837z%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%22M8.225%202.083a.5.5%200%200%201%20.629.064l.063.078l11.488%2017.428a5.5%205.5%200%201%201-.835.55L16%2014.785l-3.57%205.418a5.5%205.5%200%201%201-.835-.55l3.806-5.776L8.083%202.776l-.048-.09a.5.5%200%200%201%20.19-.603M9%2020a4.5%204.5%200%201%200%202.7.9l-.223-.157A4.5%204.5%200%200%200%209%2020m14%200c-.916%200-1.767.273-2.477.742l-.223.158A4.5%204.5%200%201%200%2023%2020m.146-17.853a.5.5%200%200%201%20.819.539l-.048.09l-6.72%2010.194l-.6-.908l6.486-9.837z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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