pen-tool-04

PenTool04, 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-pen-tool-04.

16px
20px
24px
32px

Installation

pnpm dlx velaui add @velaui/icon-pen-tool-04

npx shadcn@latest add @velaui/icon-pen-tool-04

yarn dlx shadcn@latest add @velaui/icon-pen-tool-04

bunx --bun shadcn@latest add @velaui/icon-pen-tool-04

Usage

// components/icons/pen-tool-04.tsx
import PenTool04 from "@/components/icons/pen-tool-04"

<PenTool04 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 PenTool04Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function PenTool04({ size = 24, strokeWidth = 0, className, ref, ...props }: PenTool04Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M6.6151 11.6207C6.52275 11.8809 6.65886 12.1668 6.91911 12.2591C7.17935 12.3515 7.46518 12.2153 7.55753 11.9551L7.08631 11.7879L6.6151 11.6207ZM9.11977 6.05725L8.64855 5.89005V5.89005L9.11977 6.05725ZM10.4912 4.86984L10.3931 4.37955L10.3931 4.37955L10.4912 4.86984ZM22.4624 2.47559L22.9545 2.56432C22.9839 2.40145 22.9308 2.2346 22.8126 2.11869C22.6945 2.00279 22.5267 1.95284 22.3644 1.9853L22.4624 2.47559ZM20.2778 14.5903L19.7858 14.5016V14.5016L20.2778 14.5903ZM19.0175 16.0182L18.8684 15.5409H18.8684L19.0175 16.0182ZM13.001 17.3745C12.7374 17.4568 12.5905 17.7373 12.6729 18.0009C12.7553 18.2644 13.0357 18.4113 13.2993 18.329L13.1501 17.8517L13.001 17.3745ZM22.5994 3.04571C22.7947 2.85044 22.7947 2.53386 22.5994 2.3386C22.4042 2.14334 22.0876 2.14334 21.8923 2.3386L22.2459 2.69215L22.5994 3.04571ZM16.6948 7.53617C16.4995 7.73143 16.4995 8.04801 16.6948 8.24327C16.89 8.43854 17.2066 8.43854 17.4019 8.24327L17.0483 7.88972L16.6948 7.53617ZM3.62127 16.1192L3.26771 16.4728H3.26771L3.62127 16.1192ZM3.62127 14.3867L3.97482 14.7402H3.97482L3.62127 14.3867ZM10.5514 21.3168L10.9049 21.6703V21.6703L10.5514 21.3168ZM8.81884 21.3168L9.17239 20.9632V20.9632L8.81884 21.3168ZM12.717 17.4186L12.3635 17.7721V17.7721L12.717 17.4186ZM12.717 19.1511L12.3635 18.7976V18.7976L12.717 19.1511ZM7.51944 12.221L7.873 11.8675V11.8675L7.51944 12.221ZM5.78692 12.221L5.43337 11.8675V11.8675L5.78692 12.221ZM7.08631 11.7879L7.55753 11.9551L9.59098 6.22446L9.11977 6.05725L8.64855 5.89005L6.6151 11.6207L7.08631 11.7879ZM10.4912 4.86984L10.5893 5.36013L22.5605 2.96588L22.4624 2.47559L22.3644 1.9853L10.3931 4.37955L10.4912 4.86984ZM22.4624 2.47559L21.9704 2.38685L19.7858 14.5016L20.2778 14.5903L20.7699 14.6791L22.9545 2.56432L22.4624 2.47559ZM19.0175 16.0182L18.8684 15.5409L13.001 17.3745L13.1501 17.8517L13.2993 18.329L19.1666 16.4954L19.0175 16.0182ZM20.2778 14.5903L19.7858 14.5016C19.6974 14.9918 19.3438 15.3923 18.8684 15.5409L19.0175 16.0182L19.1666 16.4954C19.9976 16.2357 20.6154 15.5358 20.7699 14.6791L20.2778 14.5903ZM9.11977 6.05725L9.59098 6.22446C9.74843 5.78073 10.1276 5.45246 10.5893 5.36013L10.4912 4.86984L10.3931 4.37955C9.5863 4.54092 8.92371 5.11459 8.64855 5.89005L9.11977 6.05725ZM22.2459 2.69215L21.8923 2.3386L16.6948 7.53617L17.0483 7.88972L17.4019 8.24327L22.5994 3.04571L22.2459 2.69215ZM7.51944 12.221L7.16589 12.5746L12.3635 17.7721L12.717 17.4186L13.0706 17.065L7.873 11.8675L7.51944 12.221ZM12.717 19.1511L12.3635 18.7976L10.1978 20.9632L10.5514 21.3168L10.9049 21.6703L13.0706 19.5047L12.717 19.1511ZM8.81884 21.3168L9.17239 20.9632L3.97482 15.7656L3.62127 16.1192L3.26771 16.4728L8.46528 21.6703L8.81884 21.3168ZM3.62127 14.3867L3.97482 14.7402L6.14048 12.5746L5.78692 12.221L5.43337 11.8675L3.26771 14.0331L3.62127 14.3867ZM3.62127 16.1192L3.97482 15.7656C3.69166 15.4825 3.69166 15.0234 3.97482 14.7402L3.62127 14.3867L3.26771 14.0331C2.59403 14.7068 2.59403 15.7991 3.26771 16.4728L3.62127 16.1192ZM10.5514 21.3168L10.1978 20.9632C9.91464 21.2464 9.45555 21.2464 9.17239 20.9632L8.81884 21.3168L8.46528 21.6703C9.13897 22.344 10.2312 22.344 10.9049 21.6703L10.5514 21.3168ZM12.717 17.4186L12.3635 17.7721C12.6466 18.0553 12.6466 18.5144 12.3635 18.7976L12.717 19.1511L13.0706 19.5047C13.7442 18.831 13.7442 17.7387 13.0706 17.065L12.717 17.4186ZM7.51944 12.221L7.873 11.8675C7.19931 11.1938 6.10705 11.1938 5.43337 11.8675L5.78692 12.221L6.14048 12.5746C6.42364 12.2914 6.88273 12.2914 7.16589 12.5746L7.51944 12.221ZM16.6152 11.7879L16.2616 11.4343C15.5 12.1959 14.2653 12.1959 13.5037 11.4343L13.1501 11.7879L12.7966 12.1414C13.9487 13.2936 15.8166 13.2936 16.9687 12.1414L16.6152 11.7879ZM13.1501 11.7879L13.5037 11.4343C12.7421 10.6728 12.7421 9.43799 13.5037 8.6764L13.1501 8.32285L12.7966 7.9693C11.6445 9.1214 11.6445 10.9893 12.7966 12.1414L13.1501 11.7879ZM13.1501 8.32285L13.5037 8.6764C14.2653 7.91482 15.5 7.91482 16.2616 8.6764L16.6152 8.32285L16.9687 7.9693C15.8166 6.81719 13.9487 6.81719 12.7966 7.9693L13.1501 8.32285ZM16.6152 8.32285L16.2616 8.6764C17.0232 9.43799 17.0232 10.6728 16.2616 11.4343L16.6152 11.7879L16.9687 12.1414C18.1208 10.9893 18.1208 9.1214 16.9687 7.9693L16.6152 8.32285Z" fill="currentColor"/>
    </svg>
  );
}
PenTool04.displayName = "PenTool04";

export default PenTool04;