Vela UI Docs
venizia.ai

file-multiple

FileMultiple, one of the 856 Vela UI icons, in the Files 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-file-multiple.

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

Installation

pnpm dlx velaui add @velaui/icon-file-multiple

Usage

// components/icons/file-multiple.tsx
import FileMultiple from "@/components/icons/file-multiple"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function FileMultiple({ size = 24, strokeWidth = 1, className, ref, ...props }: FileMultipleProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M11.5202 6.2399V9.1199C11.5202 9.6501 11.95 10.0799 12.4802 10.0799H15.3602M17.2802 2.3999H10.5599C9.49955 2.3999 8.63993 3.25951 8.63993 4.31989V6.2399M17.2802 2.3999H17.8157C18.086 2.3999 18.3434 2.51377 18.5296 2.70973C18.8095 3.0042 19.2529 3.45762 19.6802 3.8399C20.015 4.13952 20.5411 4.67722 20.8561 5.00401C21.0265 5.18073 21.1202 5.4167 21.1201 5.66217L21.1201 6.2399M17.2802 2.3999V5.2799C17.2802 5.8101 17.71 6.2399 18.2402 6.2399H21.1201M21.1201 6.2399L21.1199 15.8399C21.1199 16.9003 20.2603 17.7599 19.1999 17.7599H15.3599M13.9202 7.6799C13.4929 7.29762 13.0495 6.84421 12.7696 6.54973C12.5834 6.35377 12.326 6.2399 12.0557 6.2399H4.79993C3.73954 6.2399 2.87993 7.09951 2.87993 8.15989L2.87985 19.6799C2.87985 20.7402 3.73946 21.5999 4.79984 21.5999L13.4399 21.5999C14.5003 21.5999 15.3599 20.7403 15.3599 19.6799L15.3601 9.50217C15.3602 9.2567 15.2665 9.02073 15.0961 8.84401C14.7811 8.51722 14.255 7.97952 13.9202 7.6799Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
FileMultiple.displayName = "FileMultiple";

export default FileMultiple;