Vela UI Docs
venizia.ai

scissors-01

Scissors01, one of the 856 Vela UI icons, in the General group: a 24px grid drawn in currentColor, so it takes the colour of the text around it. It installs on its own as @velaui/icon-scissors-01.

  • 16px
  • 20px
  • 24px
  • 32px

Installation

pnpm dlx velaui add @velaui/icon-scissors-01

Usage

// components/icons/scissors-01.tsx
import Scissors01 from "@/components/icons/scissors-01"

<Scissors01 className="size-5 text-muted" />

In use

  • In a button

  • In a sentence

    Due Friday, or whenever the venue confirms.

  • In an input

  • As a badge

    Scheduled

  • In an empty state

    No events on this day yet.

    Browse blocks

Source

import * as React from "react";

export interface Scissors01Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Scissors01({ size = 24, strokeWidth = 1, className, ref, ...props }: Scissors01Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M8.04397 9.24356L19.9346 18.9424M19.9346 5.79143L8.04397 15.4903M17.195 12.3674L17.1735 12.3888M21.6 12.3673L21.5786 12.3888M5.68776 10.1751C3.87199 10.1751 2.40002 8.70311 2.40002 6.88735C2.40002 5.07158 3.872 3.59961 5.68776 3.59961C7.50353 3.59961 8.9755 5.07158 8.9755 6.88735C8.9755 8.70311 7.50353 10.1751 5.68776 10.1751ZM5.68776 21.1342C3.87199 21.1342 2.40002 19.6622 2.40002 17.8465C2.40002 16.0307 3.87199 14.5587 5.68776 14.5587C7.50353 14.5587 8.9755 16.0307 8.9755 17.8465C8.9755 19.6622 7.50353 21.1342 5.68776 21.1342Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
Scissors01.displayName = "Scissors01";

export default Scissors01;