scissor icon

scissor-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: scissor-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: scissor, scissor-outline

The same icon in other sets

scissorAkar Icons scissorElement Plus scissorHuge Icons scissorIconoir

Use the scissor icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m567.1 512l318.5-319.3c5-5 1.5-13.7-5.6-13.7h-90.5c-2.1 0-4.2.8-5.6 2.3l-273.3 274l-90.2-90.5c12.5-22.1 19.7-47.6 19.7-74.8c0-83.9-68.1-152-152-152s-152 68.1-152 152s68.1 152 152 152c27.7 0 53.6-7.4 75.9-20.3l90 90.3l-90.1 90.3A151.04 151.04 0 0 0 288 582c-83.9 0-152 68.1-152 152s68.1 152 152 152s152-68.1 152-152c0-27.2-7.2-52.7-19.7-74.8l90.2-90.5l273.3 274c1.5 1.5 3.5 2.3 5.6 2.3H880c7.1 0 10.7-8.6 5.6-13.7zM288 370c-44.1 0-80-35.9-80-80s35.9-80 80-80s80 35.9 80 80s-35.9 80-80 80m0 444c-44.1 0-80-35.9-80-80s35.9-80 80-80s80 35.9 80 80s-35.9 80-80 80"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignScissorOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m567.1 512l318.5-319.3c5-5 1.5-13.7-5.6-13.7h-90.5c-2.1 0-4.2.8-5.6 2.3l-273.3 274l-90.2-90.5c12.5-22.1 19.7-47.6 19.7-74.8c0-83.9-68.1-152-152-152s-152 68.1-152 152s68.1 152 152 152c27.7 0 53.6-7.4 75.9-20.3l90 90.3l-90.1 90.3A151.04 151.04 0 0 0 288 582c-83.9 0-152 68.1-152 152s68.1 152 152 152s152-68.1 152-152c0-27.2-7.2-52.7-19.7-74.8l90.2-90.5l273.3 274c1.5 1.5 3.5 2.3 5.6 2.3H880c7.1 0 10.7-8.6 5.6-13.7zM288 370c-44.1 0-80-35.9-80-80s35.9-80 80-80s80 35.9 80 80s-35.9 80-80 80m0 444c-44.1 0-80-35.9-80-80s35.9-80 80-80s80 35.9 80 80s-35.9 80-80 80"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m567.1 512l318.5-319.3c5-5 1.5-13.7-5.6-13.7h-90.5c-2.1 0-4.2.8-5.6 2.3l-273.3 274l-90.2-90.5c12.5-22.1 19.7-47.6 19.7-74.8c0-83.9-68.1-152-152-152s-152 68.1-152 152s68.1 152 152 152c27.7 0 53.6-7.4 75.9-20.3l90 90.3l-90.1 90.3A151.04 151.04 0 0 0 288 582c-83.9 0-152 68.1-152 152s68.1 152 152 152s152-68.1 152-152c0-27.2-7.2-52.7-19.7-74.8l90.2-90.5l273.3 274c1.5 1.5 3.5 2.3 5.6 2.3H880c7.1 0 10.7-8.6 5.6-13.7zM288 370c-44.1 0-80-35.9-80-80s35.9-80 80-80s80 35.9 80 80s-35.9 80-80 80m0 444c-44.1 0-80-35.9-80-80s35.9-80 80-80s80 35.9 80 80s-35.9 80-80 80"/></svg>
</template>

CSS

.icon-scissor-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m567.1%20512l318.5-319.3c5-5%201.5-13.7-5.6-13.7h-90.5c-2.1%200-4.2.8-5.6%202.3l-273.3%20274l-90.2-90.5c12.5-22.1%2019.7-47.6%2019.7-74.8c0-83.9-68.1-152-152-152s-152%2068.1-152%20152s68.1%20152%20152%20152c27.7%200%2053.6-7.4%2075.9-20.3l90%2090.3l-90.1%2090.3A151.04%20151.04%200%200%200%20288%20582c-83.9%200-152%2068.1-152%20152s68.1%20152%20152%20152s152-68.1%20152-152c0-27.2-7.2-52.7-19.7-74.8l90.2-90.5l273.3%20274c1.5%201.5%203.5%202.3%205.6%202.3H880c7.1%200%2010.7-8.6%205.6-13.7zM288%20370c-44.1%200-80-35.9-80-80s35.9-80%2080-80s80%2035.9%2080%2080s-35.9%2080-80%2080m0%20444c-44.1%200-80-35.9-80-80s35.9-80%2080-80s80%2035.9%2080%2080s-35.9%2080-80%2080%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m567.1%20512l318.5-319.3c5-5%201.5-13.7-5.6-13.7h-90.5c-2.1%200-4.2.8-5.6%202.3l-273.3%20274l-90.2-90.5c12.5-22.1%2019.7-47.6%2019.7-74.8c0-83.9-68.1-152-152-152s-152%2068.1-152%20152s68.1%20152%20152%20152c27.7%200%2053.6-7.4%2075.9-20.3l90%2090.3l-90.1%2090.3A151.04%20151.04%200%200%200%20288%20582c-83.9%200-152%2068.1-152%20152s68.1%20152%20152%20152s152-68.1%20152-152c0-27.2-7.2-52.7-19.7-74.8l90.2-90.5l273.3%20274c1.5%201.5%203.5%202.3%205.6%202.3H880c7.1%200%2010.7-8.6%205.6-13.7zM288%20370c-44.1%200-80-35.9-80-80s35.9-80%2080-80s80%2035.9%2080%2080s-35.9%2080-80%2080m0%20444c-44.1%200-80-35.9-80-80s35.9-80%2080-80s80%2035.9%2080%2080s-35.9%2080-80%2080%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/scissor-outlined.svg?color=%231a73e8&size=48