scissors icon
scissors from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.
- Name
- scissors
- Set
- Font Awesome Solid
- Style
- Solid
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
scissorsBootstrap IconsscissorsEmoji One (Colored)scissors-fillEva IconsscissorsFramework7 IconsscissorsFont Awesome 6 SolidscissorsFeather IconsscissorsFluent EmojiscissorsFluent Emoji FlatscissorsFluent Emoji High ContrastscissorsHeroIconsscissorsHuge IconsscissorsHumbleiconsscissorsIconParkscissorsIconPark OutlinescissorsIconPark SolidscissorsIconPark TwoTonescissorsIonIconsscissorsJam IconsscissorsLucidescissorsMajesticonsscissors-fillMingCute IconscissorsMyna UI IconsscissorsNoto EmojiscissorsOpenMoji
Use the scissors icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m256 320l-39.5 39.5c-12.6-4.9-26.2-7.5-40.5-7.5c-61.9 0-112 50.1-112 112s50.1 112 112 112s112-50.1 112-112c0-14.3-2.7-27.9-7.5-40.5l282.7-282.7c7.1-7.1 7.1-18.5 0-25.6c-28.3-28.3-74.1-28.3-102.4 0L320 256l-39.5-39.5c4.9-12.6 7.5-26.2 7.5-40.5c0-61.9-50.1-112-112-112S64 114.1 64 176s50.1 112 112 112c14.3 0 27.9-2.7 40.5-7.5zm97.9 97.9l106.9 106.9c28.3 28.3 74.1 28.3 102.4 0c7.1-7.1 7.1-18.5 0-25.6L417.9 353.9zM128 176c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m48 240c26.5 0 48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48s21.5-48 48-48"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidScissors(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m256 320l-39.5 39.5c-12.6-4.9-26.2-7.5-40.5-7.5c-61.9 0-112 50.1-112 112s50.1 112 112 112s112-50.1 112-112c0-14.3-2.7-27.9-7.5-40.5l282.7-282.7c7.1-7.1 7.1-18.5 0-25.6c-28.3-28.3-74.1-28.3-102.4 0L320 256l-39.5-39.5c4.9-12.6 7.5-26.2 7.5-40.5c0-61.9-50.1-112-112-112S64 114.1 64 176s50.1 112 112 112c14.3 0 27.9-2.7 40.5-7.5zm97.9 97.9l106.9 106.9c28.3 28.3 74.1 28.3 102.4 0c7.1-7.1 7.1-18.5 0-25.6L417.9 353.9zM128 176c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m48 240c26.5 0 48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48s21.5-48 48-48"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m256 320l-39.5 39.5c-12.6-4.9-26.2-7.5-40.5-7.5c-61.9 0-112 50.1-112 112s50.1 112 112 112s112-50.1 112-112c0-14.3-2.7-27.9-7.5-40.5l282.7-282.7c7.1-7.1 7.1-18.5 0-25.6c-28.3-28.3-74.1-28.3-102.4 0L320 256l-39.5-39.5c4.9-12.6 7.5-26.2 7.5-40.5c0-61.9-50.1-112-112-112S64 114.1 64 176s50.1 112 112 112c14.3 0 27.9-2.7 40.5-7.5zm97.9 97.9l106.9 106.9c28.3 28.3 74.1 28.3 102.4 0c7.1-7.1 7.1-18.5 0-25.6L417.9 353.9zM128 176c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m48 240c26.5 0 48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48s21.5-48 48-48"/></svg> </template>
CSS
.icon-scissors {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m256%20320l-39.5%2039.5c-12.6-4.9-26.2-7.5-40.5-7.5c-61.9%200-112%2050.1-112%20112s50.1%20112%20112%20112s112-50.1%20112-112c0-14.3-2.7-27.9-7.5-40.5l282.7-282.7c7.1-7.1%207.1-18.5%200-25.6c-28.3-28.3-74.1-28.3-102.4%200L320%20256l-39.5-39.5c4.9-12.6%207.5-26.2%207.5-40.5c0-61.9-50.1-112-112-112S64%20114.1%2064%20176s50.1%20112%20112%20112c14.3%200%2027.9-2.7%2040.5-7.5zm97.9%2097.9l106.9%20106.9c28.3%2028.3%2074.1%2028.3%20102.4%200c7.1-7.1%207.1-18.5%200-25.6L417.9%20353.9zM128%20176c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48m48%20240c26.5%200%2048%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48s21.5-48%2048-48%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m256%20320l-39.5%2039.5c-12.6-4.9-26.2-7.5-40.5-7.5c-61.9%200-112%2050.1-112%20112s50.1%20112%20112%20112s112-50.1%20112-112c0-14.3-2.7-27.9-7.5-40.5l282.7-282.7c7.1-7.1%207.1-18.5%200-25.6c-28.3-28.3-74.1-28.3-102.4%200L320%20256l-39.5-39.5c4.9-12.6%207.5-26.2%207.5-40.5c0-61.9-50.1-112-112-112S64%20114.1%2064%20176s50.1%20112%20112%20112c14.3%200%2027.9-2.7%2040.5-7.5zm97.9%2097.9l106.9%20106.9c28.3%2028.3%2074.1%2028.3%20102.4%200c7.1-7.1%207.1-18.5%200-25.6L417.9%20353.9zM128%20176c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48m48%20240c26.5%200%2048%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48s21.5-48%2048-48%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/scissors.svg?color=%231a73e8&size=48
