Vela UI Docs
venizia.ai

paint-bucket-01

PaintBucket01, 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-paint-bucket-01.

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

Installation

pnpm dlx velaui add @velaui/icon-paint-bucket-01

Usage

// components/icons/paint-bucket-01.tsx
import PaintBucket01 from "@/components/icons/paint-bucket-01"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function PaintBucket01({ size = 24, strokeWidth = 1, className, ref, ...props }: PaintBucket01Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M10.9497 2.40039L11.4626 2.91325M3.60078 13.0397H20.597M11.4626 2.91325L12.2067 3.65737C12.2067 3.65737 4.45176 11.268 4.29418 11.4255C3.36857 12.3511 3.36857 13.8518 4.29418 14.7775L10.4229 20.9062C11.3485 21.8318 12.8492 21.8318 13.7748 20.9062L19.9036 14.7775C20.789 13.892 20.8274 12.4802 20.0187 11.5491C19.9758 11.4547 19.9155 11.3662 19.8379 11.2885L11.4626 2.91325Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
PaintBucket01.displayName = "PaintBucket01";

export default PaintBucket01;