Vela UI Docs
venizia.ai

file-branch

FileBranch, 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-branch.

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

Installation

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

Usage

// components/icons/file-branch.tsx
import FileBranch from "@/components/icons/file-branch"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function FileBranch({ size = 24, strokeWidth = 0, className, ref, ...props }: FileBranchProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M9.06659 19.6699C9.34273 19.6699 9.56659 19.4461 9.56659 19.1699C9.56659 18.8938 9.34273 18.6699 9.06659 18.6699V19.1699V19.6699ZM4.26717 15.9701L3.76717 15.9701L4.26717 15.9701ZM4.76659 2.39988C4.76657 2.12374 4.54271 1.89989 4.26656 1.8999C3.99042 1.89991 3.76657 2.12378 3.76659 2.39992L4.26659 2.3999L4.76659 2.39988ZM9.06659 7.81677C9.34273 7.81677 9.56659 7.59291 9.56659 7.31677C9.56659 7.04063 9.34273 6.81677 9.06659 6.81677V7.31677V7.81677ZM18.6666 9.86657L18.6666 9.36657V9.36657L18.6666 9.86657ZM13.8666 9.86655L13.8666 10.3665H13.8666L13.8666 9.86655ZM19.7334 2.3999L20.2334 2.39991C20.2334 2.2673 20.1807 2.14012 20.087 2.04635C19.9932 1.95258 19.866 1.8999 19.7334 1.8999V2.3999ZM19.7333 8.79993L20.2333 8.79994V8.79994L19.7333 8.79993ZM12.7999 8.79987L12.2999 8.79987V8.79987L12.7999 8.79987ZM12.8 4.53324L12.4678 4.15953C12.361 4.25442 12.3 4.39042 12.3 4.53323L12.8 4.53324ZM15.1999 2.3999V1.8999C15.0775 1.8999 14.9593 1.94484 14.8677 2.0262L15.1999 2.3999ZM18.6666 21.5999L18.6666 21.0999V21.0999L18.6666 21.5999ZM13.8666 21.5999L13.8666 22.0999H13.8666L13.8666 21.5999ZM19.7334 14.1332L20.2334 14.1332C20.2334 14.0006 20.1807 13.8735 20.087 13.7797C19.9932 13.6859 19.866 13.6332 19.7334 13.6332V14.1332ZM19.7333 20.5333L20.2333 20.5333V20.5333L19.7333 20.5333ZM12.7999 20.5332L12.2999 20.5332V20.5332L12.7999 20.5332ZM12.8 16.2666L12.4678 15.8929C12.361 15.9877 12.3 16.1237 12.3 16.2666L12.8 16.2666ZM15.1999 14.1332V13.6332C15.0775 13.6332 14.9593 13.6782 14.8677 13.7595L15.1999 14.1332ZM9.06659 19.1699V18.6699H7.46717V19.1699V19.6699H9.06659V19.1699ZM4.26717 15.9701L4.76717 15.9701L4.7668 7.31675L4.2668 7.31677L3.7668 7.31679L3.76717 15.9701L4.26717 15.9701ZM4.2668 7.31677L4.7668 7.31675L4.76659 2.39988L4.26659 2.3999L3.76659 2.39992L3.7668 7.31679L4.2668 7.31677ZM9.06659 7.31677V6.81677H4.2668V7.31677V7.81677H9.06659V7.31677ZM7.46717 19.1699V18.6699C5.97604 18.6699 4.76723 17.4612 4.76717 15.9701L4.26717 15.9701L3.76717 15.9701C3.76726 18.0135 5.42378 19.6699 7.46717 19.6699V19.1699ZM18.6666 9.86657L18.6666 9.36657L13.8666 9.36655L13.8666 9.86655L13.8666 10.3665L18.6666 10.3666L18.6666 9.86657ZM19.7334 2.3999L19.2334 2.39989L19.2333 8.79992L19.7333 8.79993L20.2333 8.79994L20.2334 2.39991L19.7334 2.3999ZM18.6666 9.86657L18.6666 10.3666C19.5318 10.3666 20.2333 9.66517 20.2333 8.79994L19.7333 8.79993L19.2333 8.79991C19.2333 9.11287 18.9796 9.36657 18.6666 9.36657L18.6666 9.86657ZM12.7999 8.79987L12.2999 8.79987C12.2999 9.66512 13.0013 10.3665 13.8666 10.3665L13.8666 9.86655L13.8666 9.36655C13.5536 9.36655 13.2999 9.11284 13.2999 8.79988L12.7999 8.79987ZM12.7999 8.79987L13.2999 8.79988L13.3 4.53324L12.8 4.53324L12.3 4.53323L12.2999 8.79987L12.7999 8.79987ZM15.1999 2.3999V2.8999H19.7334V2.3999V1.8999H15.1999V2.3999ZM15.1999 2.3999L14.8677 2.0262L12.4678 4.15953L12.8 4.53324L13.1321 4.90694L15.5321 2.7736L15.1999 2.3999ZM18.6666 21.5999L18.6666 21.0999L13.8666 21.0999L13.8666 21.5999L13.8666 22.0999L18.6666 22.0999L18.6666 21.5999ZM19.7334 14.1332L19.2334 14.1332L19.2333 20.5332L19.7333 20.5333L20.2333 20.5333L20.2334 14.1332L19.7334 14.1332ZM18.6666 21.5999L18.6666 22.0999C19.5318 22.0999 20.2333 21.3985 20.2333 20.5333L19.7333 20.5333L19.2333 20.5332C19.2333 20.8462 18.9796 21.0999 18.6666 21.0999L18.6666 21.5999ZM12.7999 20.5332L12.2999 20.5332C12.2999 21.3985 13.0013 22.0999 13.8666 22.0999L13.8666 21.5999L13.8666 21.0999C13.5536 21.0999 13.2999 20.8462 13.2999 20.5332L12.7999 20.5332ZM12.7999 20.5332L13.2999 20.5332L13.3 16.2666L12.8 16.2666L12.3 16.2666L12.2999 20.5332L12.7999 20.5332ZM15.1999 14.1332V14.6332H19.7334V14.1332V13.6332H15.1999V14.1332ZM15.1999 14.1332L14.8677 13.7595L12.4678 15.8929L12.8 16.2666L13.1321 16.6403L15.5321 14.5069L15.1999 14.1332Z" fill="currentColor"/>
    </svg>
  );
}
FileBranch.displayName = "FileBranch";

export default FileBranch;