Vela UI Docs
venizia.ai

paint-bucket-02

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

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

Installation

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

Usage

// components/icons/paint-bucket-02.tsx
import PaintBucket02 from "@/components/icons/paint-bucket-02"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function PaintBucket02({ size = 24, strokeWidth = 1, className, ref, ...props }: PaintBucket02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M17.9132 11.3598C17.9269 11.8878 17.7322 12.4202 17.3293 12.8232L12.1683 17.9842C11.3888 18.7636 10.125 18.7636 9.34558 17.9842L4.18457 12.8232C3.78161 12.4202 3.58697 11.8878 3.60065 11.3598M17.9132 11.3598C17.9016 10.9108 17.7392 10.4649 17.4263 10.1045C17.3901 10.025 17.3394 9.95052 17.274 9.88513L10.8477 3.45889M17.9132 11.3598H3.60065M3.60065 11.3598C3.61343 10.8665 3.80807 10.377 4.18457 10.0005C4.31726 9.86779 10.8477 3.45889 10.8477 3.45889M10.8477 3.45889L9.78922 2.40039M4.6105 21.6004H15.221M19.5495 15.1941C19.4867 15.0949 19.3791 15.0318 19.2624 15.0318C19.1458 15.0318 19.0382 15.095 18.9754 15.1941C18.7511 15.5637 18.0245 16.8258 18.0245 17.3758C18.0245 18.0609 18.5807 18.6199 19.2624 18.6199C19.9441 18.6199 20.5003 18.061 20.5003 17.3758C20.5003 16.8168 19.7738 15.5637 19.5495 15.1941Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
PaintBucket02.displayName = "PaintBucket02";

export default PaintBucket02;