Vela UI Docs
venizia.ai

upload-04

Upload04, 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-upload-04.

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

Installation

pnpm dlx velaui add @velaui/icon-upload-04

Usage

// components/icons/upload-04.tsx
import Upload04 from "@/components/icons/upload-04"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Upload04({ size = 24, strokeWidth = 1, className, ref, ...props }: Upload04Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M20 16.9639V19.0929C20 19.3449 19.9103 19.559 19.7308 19.7354C19.5513 19.9118 19.3333 20 19.0769 20H4.92308C4.66667 20 4.44872 19.9118 4.26923 19.7354C4.08974 19.559 4 19.3449 4 19.0929V16.9639C4 16.7119 4.08974 16.4978 4.26923 16.3214C4.44872 16.145 4.66667 16.0568 4.92308 16.0568H8.34205C8.75582 16.0568 9.10785 16.3348 9.38683 16.6428C9.48049 16.7462 9.58712 16.8406 9.70673 16.9261C10.024 17.1529 10.3782 17.2663 10.7692 17.2663H13.2308C13.6218 17.2663 13.976 17.1529 14.2933 16.9261C14.4129 16.8406 14.5195 16.7462 14.6132 16.6428C14.8921 16.3348 15.2442 16.0568 15.658 16.0568H19.0769C19.3333 16.0568 19.5513 16.145 19.7308 16.3214C19.9103 16.4978 20 16.7119 20 16.9639ZM16.7497 8.06472C16.6407 8.3167 16.4516 8.44269 16.1824 8.44269H13.7208V12.6759C13.7208 12.8397 13.6599 12.9814 13.5381 13.1011C13.4163 13.2208 13.2721 13.2806 13.1054 13.2806H10.6439C10.4772 13.2806 10.333 13.2208 10.2112 13.1011C10.0894 12.9814 10.0285 12.8397 10.0285 12.6759V8.44269H7.56698C7.29775 8.44269 7.10865 8.3167 6.99967 8.06472C6.8907 7.81904 6.93557 7.60172 7.13429 7.41273L11.442 3.17953C11.5574 3.05984 11.7016 3 11.8747 3C12.0478 3 12.192 3.05984 12.3074 3.17953L16.6151 7.41273C16.8138 7.60172 16.8586 7.81904 16.7497 8.06472Z" stroke="currentColor" strokeLinejoin="round"/>
    </svg>
  );
}
Upload04.displayName = "Upload04";

export default Upload04;