Scissors Outline icon

solar:scissors-outline

The Scissors Outline icon (solar:scissors-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: UI
Tags: scissorsoutline, scissor

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M17.3462 1.63257C17.5492 1.27151 18.0065 1.14338 18.3676 1.34638C18.7286 1.54938 18.8568 2.00664 18.6538 2.3677L12.8604 12.6718L15.5677 17.4871C16.1494 16.1697 17.4673 15.2501 19 15.2501C21.0711 15.2501 22.75 16.9291 22.75 19.0001C22.75 21.0712 21.0711 22.7501 19 22.7501C17.5771 22.7501 16.3394 21.9577 15.7039 20.7901L12 14.2022L8.29606 20.7901C7.66064 21.9577 6.42286 22.7501 5 22.7501C2.92893 22.7501 1.25 21.0712 1.25 19.0001C1.25 16.9291 2.92893 15.2501 5 15.2501C6.5327 15.2501 7.85064 16.1697 8.43226 17.4871L11.1396 12.6718L5.34624 2.3677C5.14324 2.00664 5.27138 1.54938 5.63244 1.34638C5.99349 1.14338 6.45076 1.27151 6.65376 1.63257L12 11.1415L17.3462 1.63257ZM5 21.2501C5.83538 21.2501 6.56442 20.7949 6.95257 20.1189L6.97252 20.0834C7.14938 19.7621 7.25 19.3929 7.25 19.0001C7.25 17.7575 6.24264 16.7501 5 16.7501C3.75736 16.7501 2.75 17.7575 2.75 19.0001C2.75 20.2428 3.75736 21.2501 5 21.2501ZM19 21.2501C18.1646 21.2501 17.4356 20.7949 17.0474 20.1189L17.0275 20.0834C16.8506 19.7621 16.75 19.3929 16.75 19.0001C16.75 17.7575 17.7574 16.7501 19 16.7501C20.2426 16.7501 21.25 17.7575 21.25 19.0001C21.25 20.2428 20.2426 21.2501 19 21.2501Z" clip-rule="evenodd"/></svg>

How to use the Scissors Outline icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:scissors-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:scissors-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:scissors-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--scissors-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:scissors-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:scissors-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/scissors-outline.svg" alt="Scissors Outline icon" width="24" height="24">

Related icons in Solar

Scissors Outline icon in other icon sets

Scissors Outline icon FAQ

Is the Scissors Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Scissors Outline icon in React?

Install @iconify/react and render <Icon icon="solar:scissors-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Scissors Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/scissors-outline.svg" alt="Scissors Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →