scissors icon
scissors-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- scissors-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
scissorsBootstrap IconsscissorsEmoji One (Colored)scissors-fillEva IconsscissorsFramework7 IconsscissorsFont Awesome 6 SolidscissorsFeather IconsscissorsFluent EmojiscissorsFluent Emoji FlatscissorsFluent Emoji High ContrastscissorsHeroIconsscissorsHuge IconsscissorsHumbleiconsscissorsIonIconsscissorsJam IconsscissorsLucidescissorsMajesticonsscissors-fillMingCute IconscissorsNoto EmojiscissorsOpenMojiscissorsPixelarticonsscissorsRadix Iconsscissors-fillRemix Iconscissors-boldSolarscissorsTabler Icons
Use the scissors icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m236.52 187.09l-143-97.87a36 36 0 1 0-14.38 17.27l21.39 21.69l-21.38 21.36a35.91 35.91 0 1 0 14.38 17.27l26.91-18.41L170 198.64a32.26 32.26 0 0 0 22.7 9.37a31.5 31.5 0 0 0 4.11-.27h.28l36.27-6.11a8 8 0 0 0 3.19-14.5Zm-162.38-97A20 20 0 1 1 80 76a20 20 0 0 1-5.86 14.13Zm0 104A20 20 0 1 1 80 180a20 20 0 0 1-5.86 14.15Zm61-101.5l34.8-35.19a32.19 32.19 0 0 1 26.84-9.14h.28l36 6.07a8.21 8.21 0 0 1 6.09 4.42a8 8 0 0 1-2.67 10.12l-69.93 47.85a4 4 0 0 1-4.51 0l-26.31-18a4 4 0 0 1-.55-6.07Z"/></svg>
React
import type { SVGProps } from "react";
export function PhScissorsFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m236.52 187.09l-143-97.87a36 36 0 1 0-14.38 17.27l21.39 21.69l-21.38 21.36a35.91 35.91 0 1 0 14.38 17.27l26.91-18.41L170 198.64a32.26 32.26 0 0 0 22.7 9.37a31.5 31.5 0 0 0 4.11-.27h.28l36.27-6.11a8 8 0 0 0 3.19-14.5Zm-162.38-97A20 20 0 1 1 80 76a20 20 0 0 1-5.86 14.13Zm0 104A20 20 0 1 1 80 180a20 20 0 0 1-5.86 14.15Zm61-101.5l34.8-35.19a32.19 32.19 0 0 1 26.84-9.14h.28l36 6.07a8.21 8.21 0 0 1 6.09 4.42a8 8 0 0 1-2.67 10.12l-69.93 47.85a4 4 0 0 1-4.51 0l-26.31-18a4 4 0 0 1-.55-6.07Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m236.52 187.09l-143-97.87a36 36 0 1 0-14.38 17.27l21.39 21.69l-21.38 21.36a35.91 35.91 0 1 0 14.38 17.27l26.91-18.41L170 198.64a32.26 32.26 0 0 0 22.7 9.37a31.5 31.5 0 0 0 4.11-.27h.28l36.27-6.11a8 8 0 0 0 3.19-14.5Zm-162.38-97A20 20 0 1 1 80 76a20 20 0 0 1-5.86 14.13Zm0 104A20 20 0 1 1 80 180a20 20 0 0 1-5.86 14.15Zm61-101.5l34.8-35.19a32.19 32.19 0 0 1 26.84-9.14h.28l36 6.07a8.21 8.21 0 0 1 6.09 4.42a8 8 0 0 1-2.67 10.12l-69.93 47.85a4 4 0 0 1-4.51 0l-26.31-18a4 4 0 0 1-.55-6.07Z"/></svg> </template>
CSS
.icon-scissors-fill {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m236.52%20187.09l-143-97.87a36%2036%200%201%200-14.38%2017.27l21.39%2021.69l-21.38%2021.36a35.91%2035.91%200%201%200%2014.38%2017.27l26.91-18.41L170%20198.64a32.26%2032.26%200%200%200%2022.7%209.37a31.5%2031.5%200%200%200%204.11-.27h.28l36.27-6.11a8%208%200%200%200%203.19-14.5Zm-162.38-97A20%2020%200%201%201%2080%2076a20%2020%200%200%201-5.86%2014.13Zm0%20104A20%2020%200%201%201%2080%20180a20%2020%200%200%201-5.86%2014.15Zm61-101.5l34.8-35.19a32.19%2032.19%200%200%201%2026.84-9.14h.28l36%206.07a8.21%208.21%200%200%201%206.09%204.42a8%208%200%200%201-2.67%2010.12l-69.93%2047.85a4%204%200%200%201-4.51%200l-26.31-18a4%204%200%200%201-.55-6.07Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m236.52%20187.09l-143-97.87a36%2036%200%201%200-14.38%2017.27l21.39%2021.69l-21.38%2021.36a35.91%2035.91%200%201%200%2014.38%2017.27l26.91-18.41L170%20198.64a32.26%2032.26%200%200%200%2022.7%209.37a31.5%2031.5%200%200%200%204.11-.27h.28l36.27-6.11a8%208%200%200%200%203.19-14.5Zm-162.38-97A20%2020%200%201%201%2080%2076a20%2020%200%200%201-5.86%2014.13Zm0%20104A20%2020%200%201%201%2080%20180a20%2020%200%200%201-5.86%2014.15Zm61-101.5l34.8-35.19a32.19%2032.19%200%200%201%2026.84-9.14h.28l36%206.07a8.21%208.21%200%200%201%206.09%204.42a8%208%200%200%201-2.67%2010.12l-69.93%2047.85a4%204%200%200%201-4.51%200l-26.31-18a4%204%200%200%201-.55-6.07Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/scissors-fill.svg?color=%231a73e8&size=48
