scissor icon
scissor from Akar Icons by Arturo Wibawa · Outline · MIT Free for personal and commercial use.
- Name
- scissor
- Set
- Akar Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the scissor icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.252 18.459C7.462 19.764 7.107 21 5.7 21C4.209 21 3 19.757 3 18.223s1.209-2.778 2.7-2.778c1.4 0 2.55 1.095 2.686 2.498a.85.85 0 0 1-.134.515m0 0l1.948-3.476m5.548 3.476C16.538 19.764 16.893 21 18.3 21c1.491 0 2.7-1.243 2.7-2.777s-1.209-2.778-2.7-2.778c-1.4 0-2.55 1.095-2.687 2.498c-.017.182.04.36.135.515m0 0L7.093 3.346a.66.66 0 0 0-1.1-.081c-1.704 2.19-1.534 5.35.395 7.333zm-3.797-6.63l4.953-8.494a.66.66 0 0 1 1.098-.076c1.707 2.194 1.537 5.358-.395 7.345L16.5 11.742"/></svg>
React
import type { SVGProps } from "react";
export function AkarIconsScissor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M8.252 18.459C7.462 19.764 7.107 21 5.7 21C4.209 21 3 19.757 3 18.223s1.209-2.778 2.7-2.778c1.4 0 2.55 1.095 2.686 2.498a.85.85 0 0 1-.134.515m0 0l1.948-3.476m5.548 3.476C16.538 19.764 16.893 21 18.3 21c1.491 0 2.7-1.243 2.7-2.777s-1.209-2.778-2.7-2.778c-1.4 0-2.55 1.095-2.687 2.498c-.017.182.04.36.135.515m0 0L7.093 3.346a.66.66 0 0 0-1.1-.081c-1.704 2.19-1.534 5.35.395 7.333zm-3.797-6.63l4.953-8.494a.66.66 0 0 1 1.098-.076c1.707 2.194 1.537 5.358-.395 7.345L16.5 11.742"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.252 18.459C7.462 19.764 7.107 21 5.7 21C4.209 21 3 19.757 3 18.223s1.209-2.778 2.7-2.778c1.4 0 2.55 1.095 2.686 2.498a.85.85 0 0 1-.134.515m0 0l1.948-3.476m5.548 3.476C16.538 19.764 16.893 21 18.3 21c1.491 0 2.7-1.243 2.7-2.777s-1.209-2.778-2.7-2.778c-1.4 0-2.55 1.095-2.687 2.498c-.017.182.04.36.135.515m0 0L7.093 3.346a.66.66 0 0 0-1.1-.081c-1.704 2.19-1.534 5.35.395 7.333zm-3.797-6.63l4.953-8.494a.66.66 0 0 1 1.098-.076c1.707 2.194 1.537 5.358-.395 7.345L16.5 11.742"/></svg> </template>
CSS
.icon-scissor {
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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M8.252%2018.459C7.462%2019.764%207.107%2021%205.7%2021C4.209%2021%203%2019.757%203%2018.223s1.209-2.778%202.7-2.778c1.4%200%202.55%201.095%202.686%202.498a.85.85%200%200%201-.134.515m0%200l1.948-3.476m5.548%203.476C16.538%2019.764%2016.893%2021%2018.3%2021c1.491%200%202.7-1.243%202.7-2.777s-1.209-2.778-2.7-2.778c-1.4%200-2.55%201.095-2.687%202.498c-.017.182.04.36.135.515m0%200L7.093%203.346a.66.66%200%200%200-1.1-.081c-1.704%202.19-1.534%205.35.395%207.333zm-3.797-6.63l4.953-8.494a.66.66%200%200%201%201.098-.076c1.707%202.194%201.537%205.358-.395%207.345L16.5%2011.742%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M8.252%2018.459C7.462%2019.764%207.107%2021%205.7%2021C4.209%2021%203%2019.757%203%2018.223s1.209-2.778%202.7-2.778c1.4%200%202.55%201.095%202.686%202.498a.85.85%200%200%201-.134.515m0%200l1.948-3.476m5.548%203.476C16.538%2019.764%2016.893%2021%2018.3%2021c1.491%200%202.7-1.243%202.7-2.777s-1.209-2.778-2.7-2.778c-1.4%200-2.55%201.095-2.687%202.498c-.017.182.04.36.135.515m0%200L7.093%203.346a.66.66%200%200%200-1.1-.081c-1.704%202.19-1.534%205.35.395%207.333zm-3.797-6.63l4.953-8.494a.66.66%200%200%201%201.098-.076c1.707%202.194%201.537%205.358-.395%207.345L16.5%2011.742%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/akar-icons/scissor.svg?color=%231a73e8&size=48
