pen-tool-02

PenTool02, 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-02.

16px
20px
24px
32px

Installation

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

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

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

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

Usage

// components/icons/pen-tool-02.tsx
import PenTool02 from "@/components/icons/pen-tool-02"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function PenTool02({ size = 24, strokeWidth = 0, className, ref, ...props }: PenTool02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M19.1098 12.5305C19.2021 12.2702 19.066 11.9844 18.8058 11.8921C18.5455 11.7997 18.2597 11.9358 18.1674 12.1961L18.6386 12.3633L19.1098 12.5305ZM16.6051 18.0939L17.0763 18.2611V18.2611L16.6051 18.0939ZM15.2337 19.2813L15.3318 19.7716V19.7716L15.2337 19.2813ZM3.26245 21.6756L2.77039 21.5869C2.74102 21.7497 2.79414 21.9166 2.91227 22.0325C3.0304 22.1484 3.19823 22.1983 3.36051 22.1659L3.26245 21.6756ZM5.44707 9.56085L5.93914 9.64958V9.64958L5.44707 9.56085ZM6.70741 8.13299L6.85654 8.61023H6.85654L6.70741 8.13299ZM12.7239 6.77669C12.9875 6.69432 13.1344 6.41388 13.052 6.15031C12.9696 5.88674 12.6892 5.73984 12.4256 5.82221L12.5748 6.29945L12.7239 6.77669ZM3.12546 21.1055C2.9302 21.3007 2.9302 21.6173 3.12546 21.8126C3.32072 22.0078 3.63731 22.0078 3.83257 21.8126L3.47902 21.459L3.12546 21.1055ZM9.03014 16.615C9.2254 16.4197 9.2254 16.1032 9.03014 15.9079C8.83487 15.7126 8.51829 15.7126 8.32303 15.9079L8.67658 16.2614L9.03014 16.615ZM22.1036 8.03197L22.4572 7.67842V7.67842L22.1036 8.03197ZM22.1036 9.76449L21.7501 9.41094V9.41094L22.1036 9.76449ZM15.1735 2.8344L14.82 2.48085V2.48085L15.1735 2.8344ZM16.9061 2.8344L16.5525 3.18796V3.18796L16.9061 2.8344ZM13.0079 6.73258L13.3614 6.37902V6.37902L13.0079 6.73258ZM13.0079 5.00006L13.3614 5.35361V5.35361L13.0079 5.00006ZM18.2055 11.9301L17.8519 12.2837V12.2837L18.2055 11.9301ZM19.938 11.9301L20.2915 12.2837V12.2837L19.938 11.9301ZM1.19995 2.25625C0.923809 2.25625 0.699951 2.48011 0.699951 2.75625C0.699951 3.03239 0.923809 3.25625 1.19995 3.25625V2.75625V2.25625ZM6.48831 3.25625C6.76446 3.25625 6.98831 3.03239 6.98831 2.75625C6.98831 2.48011 6.76446 2.25625 6.48831 2.25625V2.75625V3.25625ZM18.6386 12.3633L18.1674 12.1961L16.1339 17.9267L16.6051 18.0939L17.0763 18.2611L19.1098 12.5305L18.6386 12.3633ZM15.2337 19.2813L15.1356 18.791L3.16439 21.1853L3.26245 21.6756L3.36051 22.1659L15.3318 19.7716L15.2337 19.2813ZM3.26245 21.6756L3.75451 21.7643L5.93914 9.64958L5.44707 9.56085L4.95501 9.47212L2.77039 21.5869L3.26245 21.6756ZM6.70741 8.13299L6.85654 8.61023L12.7239 6.77669L12.5748 6.29945L12.4256 5.82221L6.55827 7.65575L6.70741 8.13299ZM5.44707 9.56085L5.93914 9.64958C6.02754 9.15933 6.38106 8.75882 6.85654 8.61023L6.70741 8.13299L6.55827 7.65575C5.72731 7.91543 5.10951 8.61535 4.95501 9.47212L5.44707 9.56085ZM16.6051 18.0939L16.1339 17.9267C15.9765 18.3704 15.5973 18.6987 15.1356 18.791L15.2337 19.2813L15.3318 19.7716C16.1386 19.6103 16.8012 19.0366 17.0763 18.2611L16.6051 18.0939ZM3.47902 21.459L3.83257 21.8126L9.03014 16.615L8.67658 16.2614L8.32303 15.9079L3.12546 21.1055L3.47902 21.459ZM18.2055 11.9301L18.559 11.5766L13.3614 6.37902L13.0079 6.73258L12.6543 7.08613L17.8519 12.2837L18.2055 11.9301ZM13.0079 5.00006L13.3614 5.35361L15.5271 3.18796L15.1735 2.8344L14.82 2.48085L12.6543 4.6465L13.0079 5.00006ZM16.9061 2.8344L16.5525 3.18796L21.7501 8.38552L22.1036 8.03197L22.4572 7.67842L17.2596 2.48085L16.9061 2.8344ZM22.1036 9.76449L21.7501 9.41094L19.5844 11.5766L19.938 11.9301L20.2915 12.2837L22.4572 10.118L22.1036 9.76449ZM22.1036 8.03197L21.7501 8.38552C22.0332 8.66868 22.0332 9.12778 21.7501 9.41094L22.1036 9.76449L22.4572 10.118C23.1309 9.44436 23.1309 8.3521 22.4572 7.67842L22.1036 8.03197ZM15.1735 2.8344L15.5271 3.18796C15.8103 2.9048 16.2693 2.9048 16.5525 3.18796L16.9061 2.8344L17.2596 2.48085C16.5859 1.80716 15.4937 1.80716 14.82 2.48085L15.1735 2.8344ZM13.0079 6.73258L13.3614 6.37902C13.0783 6.09586 13.0783 5.63677 13.3614 5.35361L13.0079 5.00006L12.6543 4.6465C11.9806 5.32019 11.9806 6.41245 12.6543 7.08613L13.0079 6.73258ZM18.2055 11.9301L17.8519 12.2837C18.5256 12.9574 19.6178 12.9574 20.2915 12.2837L19.938 11.9301L19.5844 11.5766C19.3013 11.8598 18.8422 11.8598 18.559 11.5766L18.2055 11.9301ZM9.10971 12.3633L9.46327 12.7168C10.2248 11.9552 11.4596 11.9552 12.2212 12.7168L12.5748 12.3633L12.9283 12.0097C11.7762 10.8576 9.90827 10.8576 8.75616 12.0097L9.10971 12.3633ZM12.5748 12.3633L12.2212 12.7168C12.9828 13.4784 12.9828 14.7132 12.2212 15.4748L12.5748 15.8283L12.9283 16.1819C14.0804 15.0298 14.0804 13.1618 12.9283 12.0097L12.5748 12.3633ZM12.5748 15.8283L12.2212 15.4748C11.4596 16.2363 10.2248 16.2363 9.46327 15.4748L9.10971 15.8283L8.75616 16.1819C9.90827 17.334 11.7762 17.334 12.9283 16.1819L12.5748 15.8283ZM9.10971 15.8283L9.46327 15.4748C8.70168 14.7132 8.70168 13.4784 9.46327 12.7168L9.10971 12.3633L8.75616 12.0097C7.60405 13.1618 7.60405 15.0298 8.75616 16.1819L9.10971 15.8283ZM1.19995 2.75625V3.25625H6.48831V2.75625V2.25625H1.19995V2.75625Z" fill="currentColor"/>
    </svg>
  );
}
PenTool02.displayName = "PenTool02";

export default PenTool02;