Vela UI Docsvenizia.ai

pen-tool-01

PenTool01, 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-01.

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

Installation

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

Usage

// components/icons/pen-tool-01.tsx
import PenTool01 from "@/components/icons/pen-tool-01"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function PenTool01({ size = 24, strokeWidth = 0, className, ref, ...props }: PenTool01Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M19.111 13.7301C19.2033 13.4698 19.0672 13.184 18.807 13.0917C18.5467 12.9993 18.2609 13.1354 18.1685 13.3957L18.6398 13.5629L19.111 13.7301ZM16.6063 19.2935L17.0775 19.4607V19.4607L16.6063 19.2935ZM15.2349 20.4809L15.3329 20.9712V20.9712L15.2349 20.4809ZM3.26362 22.8752L2.77156 22.7865C2.74219 22.9493 2.79531 23.1162 2.91344 23.2321C3.03157 23.348 3.1994 23.3979 3.36168 23.3655L3.26362 22.8752ZM5.44825 10.7605L5.94031 10.8492V10.8492L5.44825 10.7605ZM6.70858 9.33261L6.85772 9.80985H6.85772L6.70858 9.33261ZM12.7251 7.9763C12.9886 7.89393 13.1355 7.61349 13.0532 7.34992C12.9708 7.08635 12.6904 6.93945 12.4268 7.02182L12.5759 7.49906L12.7251 7.9763ZM3.12663 22.3051C2.93137 22.5003 2.93137 22.8169 3.12663 23.0122C3.3219 23.2074 3.63848 23.2074 3.83374 23.0122L3.48019 22.6586L3.12663 22.3051ZM9.03131 17.8146C9.22657 17.6194 9.22657 17.3028 9.03131 17.1075C8.83605 16.9122 8.51946 16.9122 8.3242 17.1075L8.67776 17.4611L9.03131 17.8146ZM22.1048 9.23158L22.4584 8.87803V8.87803L22.1048 9.23158ZM22.1048 10.9641L22.4584 11.3177V11.3177L22.1048 10.9641ZM15.1747 4.03401L14.8212 3.68046V3.68046L15.1747 4.03401ZM16.9072 4.03401L16.5537 4.38757V4.38757L16.9072 4.03401ZM13.0091 7.93219L12.6555 8.28574V8.28574L13.0091 7.93219ZM13.0091 6.19967L13.3626 6.55322V6.55322L13.0091 6.19967ZM18.2066 13.1298L18.5602 12.7762V12.7762L18.2066 13.1298ZM19.9391 13.1298L19.5856 12.7762V12.7762L19.9391 13.1298ZM3.34413 6.59989C3.34413 6.87603 3.56799 7.09989 3.84413 7.09989C4.12028 7.09989 4.34413 6.87603 4.34413 6.59989H3.84413H3.34413ZM4.34413 1.31152C4.34413 1.03538 4.12027 0.811523 3.84413 0.811523C3.56799 0.811523 3.34413 1.03538 3.34413 1.31152L3.84413 1.31152L4.34413 1.31152ZM1.19995 3.45571C0.923809 3.45571 0.699951 3.67956 0.699951 3.95571C0.699951 4.23185 0.923809 4.45571 1.19995 4.45571L1.19995 3.95571L1.19995 3.45571ZM6.48831 4.4557C6.76446 4.4557 6.98831 4.23185 6.98831 3.9557C6.98831 3.67956 6.76446 3.4557 6.48831 3.4557V3.9557V4.4557ZM18.6398 13.5629L18.1685 13.3957L16.1351 19.1263L16.6063 19.2935L17.0775 19.4607L19.111 13.7301L18.6398 13.5629ZM15.2349 20.4809L15.1368 19.9907L3.16556 22.3849L3.26362 22.8752L3.36168 23.3655L15.3329 20.9712L15.2349 20.4809ZM3.26362 22.8752L3.75569 22.9639L5.94031 10.8492L5.44825 10.7605L4.95618 10.6717L2.77156 22.7865L3.26362 22.8752ZM6.70858 9.33261L6.85772 9.80985L12.7251 7.9763L12.5759 7.49906L12.4268 7.02182L6.55944 8.85537L6.70858 9.33261ZM5.44825 10.7605L5.94031 10.8492C6.02872 10.3589 6.38223 9.95843 6.85772 9.80985L6.70858 9.33261L6.55944 8.85537C5.72849 9.11504 5.11068 9.81497 4.95618 10.6717L5.44825 10.7605ZM16.6063 19.2935L16.1351 19.1263C15.9776 19.5701 15.5985 19.8983 15.1368 19.9907L15.2349 20.4809L15.3329 20.9712C16.1398 20.8099 16.8024 20.2362 17.0775 19.4607L16.6063 19.2935ZM3.48019 22.6586L3.83374 23.0122L9.03131 17.8146L8.67776 17.4611L8.3242 17.1075L3.12663 22.3051L3.48019 22.6586ZM18.2066 13.1298L18.5602 12.7762L13.3626 7.57864L13.0091 7.93219L12.6555 8.28574L17.8531 13.4833L18.2066 13.1298ZM13.0091 6.19967L13.3626 6.55322L15.5283 4.38757L15.1747 4.03401L14.8212 3.68046L12.6555 5.84611L13.0091 6.19967ZM16.9072 4.03401L16.5537 4.38757L21.7512 9.58513L22.1048 9.23158L22.4584 8.87803L17.2608 3.68046L16.9072 4.03401ZM22.1048 10.9641L21.7512 10.6105L19.5856 12.7762L19.9391 13.1298L20.2927 13.4833L22.4584 11.3177L22.1048 10.9641ZM22.1048 9.23158L21.7512 9.58513C22.0344 9.86829 22.0344 10.3274 21.7512 10.6105L22.1048 10.9641L22.4584 11.3177C23.132 10.644 23.132 9.55171 22.4584 8.87803L22.1048 9.23158ZM15.1747 4.03401L15.5283 4.38757C15.8114 4.10441 16.2705 4.10441 16.5537 4.38757L16.9072 4.03401L17.2608 3.68046C16.5871 3.00677 15.4948 3.00677 14.8212 3.68046L15.1747 4.03401ZM13.0091 7.93219L13.3626 7.57864C13.0795 7.29548 13.0795 6.83638 13.3626 6.55322L13.0091 6.19967L12.6555 5.84611C11.9818 6.5198 11.9818 7.61206 12.6555 8.28574L13.0091 7.93219ZM18.2066 13.1298L17.8531 13.4833C18.5268 14.157 19.619 14.157 20.2927 13.4833L19.9391 13.1298L19.5856 12.7762C19.3024 13.0594 18.8433 13.0594 18.5602 12.7762L18.2066 13.1298ZM9.11089 13.5629L9.46444 13.9164C10.226 13.1549 11.4608 13.1549 12.2224 13.9164L12.5759 13.5629L12.9295 13.2093C11.7774 12.0572 9.90944 12.0572 8.75733 13.2093L9.11089 13.5629ZM12.5759 13.5629L12.2224 13.9164C12.984 14.678 12.984 15.9128 12.2224 16.6744L12.5759 17.0279L12.9295 17.3815C14.0816 16.2294 14.0816 14.3614 12.9295 13.2093L12.5759 13.5629ZM12.5759 17.0279L12.2224 16.6744C11.4608 17.436 10.226 17.436 9.46444 16.6744L9.11089 17.0279L8.75733 17.3815C9.90944 18.5336 11.7774 18.5336 12.9295 17.3815L12.5759 17.0279ZM9.11089 17.0279L9.46444 16.6744C8.70286 15.9128 8.70286 14.678 9.46444 13.9164L9.11089 13.5629L8.75733 13.2093C7.60522 14.3614 7.60523 16.2294 8.75733 17.3815L9.11089 17.0279ZM3.84413 6.59989H4.34413L4.34413 3.95571H3.84413L3.34413 3.95571L3.34413 6.59989H3.84413ZM3.84413 3.95571H4.34413L4.34413 1.31152L3.84413 1.31152L3.34413 1.31152L3.34413 3.95571L3.84413 3.95571ZM1.19995 3.95571L1.19995 4.45571L3.84413 4.45571V3.95571V3.45571L1.19995 3.45571L1.19995 3.95571ZM3.84413 3.95571V4.45571L6.48831 4.4557V3.9557V3.4557L3.84413 3.45571V3.95571Z" fill="currentColor"/>
    </svg>
  );
}
PenTool01.displayName = "PenTool01";

export default PenTool01;