Vela UI Docs
venizia.ai

file-shred

FileShred, 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-shred.

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

Installation

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

Usage

// components/icons/file-shred.tsx
import FileShred from "@/components/icons/file-shred"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function FileShred({ size = 24, strokeWidth = 0, className, ref, ...props }: FileShredProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M16.5622 2.78718L16.1998 3.13165V3.13165L16.5622 2.78718ZM18.0004 4.1999L18.3338 3.82728V3.82728L18.0004 4.1999ZM19.4704 5.65503L19.1104 6.00206L19.1104 6.00206L19.4704 5.65503ZM19.8004 6.47773L19.3004 6.47772V6.47773H19.8004ZM4.20012 4.79989L3.70012 4.79989V4.79989H4.20012ZM2.40002 14.4999C2.12388 14.4999 1.90002 14.7238 1.90002 14.9999C1.90002 15.276 2.12388 15.4999 2.40002 15.4999V14.9999V14.4999ZM21.6 15.4999C21.8762 15.4999 22.1 15.276 22.1 14.9999C22.1 14.7238 21.8762 14.4999 21.6 14.4999V14.9999V15.4999ZM3.70012 10.1999C3.70012 10.476 3.92397 10.6999 4.20012 10.6999C4.47626 10.6999 4.70012 10.476 4.70012 10.1999H4.20012H3.70012ZM19.3004 10.1999C19.3004 10.476 19.5242 10.6999 19.8004 10.6999C20.0765 10.6999 20.3004 10.476 20.3004 10.1999H19.8004H19.3004ZM4.7004 19.1999C4.7004 18.9238 4.47654 18.6999 4.2004 18.6999C3.92426 18.6999 3.7004 18.9238 3.7004 19.1999H4.2004H4.7004ZM3.7004 21.5999C3.7004 21.876 3.92426 22.0999 4.2004 22.0999C4.47654 22.0999 4.7004 21.876 4.7004 21.5999H4.2004H3.7004ZM13.1004 19.1999C13.1004 18.9238 12.8765 18.6999 12.6004 18.6999C12.3243 18.6999 12.1004 18.9238 12.1004 19.1999H12.6004H13.1004ZM12.1004 21.5999C12.1004 21.876 12.3243 22.0999 12.6004 22.0999C12.8765 22.0999 13.1004 21.876 13.1004 21.5999H12.6004H12.1004ZM21.5004 19.1999C21.5004 18.9238 21.2765 18.6999 21.0004 18.6999C20.7243 18.6999 20.5004 18.9238 20.5004 19.1999H21.0004H21.5004ZM20.5004 21.5999C20.5004 21.876 20.7243 22.0999 21.0004 22.0999C21.2765 22.0999 21.5004 21.876 21.5004 21.5999H21.0004H20.5004ZM8.9004 19.1999C8.9004 18.9238 8.67654 18.6999 8.4004 18.6999C8.12426 18.6999 7.9004 18.9238 7.9004 19.1999H8.4004H8.9004ZM7.9004 20.3999C7.9004 20.676 8.12426 20.8999 8.4004 20.8999C8.67654 20.8999 8.9004 20.676 8.9004 20.3999H8.4004H7.9004ZM17.3004 19.1999C17.3004 18.9238 17.0765 18.6999 16.8004 18.6999C16.5243 18.6999 16.3004 18.9238 16.3004 19.1999H16.8004H17.3004ZM16.3004 20.3999C16.3004 20.676 16.5243 20.8999 16.8004 20.8999C17.0765 20.8999 17.3004 20.676 17.3004 20.3999H16.8004H16.3004ZM6.60012 2.3999V2.8999H15.0004V2.3999V1.8999H6.60012V2.3999ZM15.0004 2.3999V2.8999H15.6698V2.3999V1.8999H15.0004V2.3999ZM16.5622 2.78718L16.1998 3.13165C16.5528 3.50297 17.1179 4.08118 17.667 4.57252L18.0004 4.1999L18.3338 3.82728C17.8148 3.3629 17.2715 2.80759 16.9247 2.44272L16.5622 2.78718ZM18.0004 4.1999L17.667 4.57252C18.0695 4.93267 18.7144 5.5913 19.1104 6.00206L19.4704 5.65503L19.8303 5.30801C19.4387 4.90179 18.7684 4.21617 18.3338 3.82728L18.0004 4.1999ZM19.8004 6.47773L20.3004 6.47775C20.3004 6.04365 20.1346 5.62367 19.8303 5.30801L19.4704 5.65503L19.1104 6.00206C19.232 6.12821 19.3004 6.29814 19.3004 6.47772L19.8004 6.47773ZM15.6698 2.3999V2.8999C15.8665 2.8999 16.0584 2.98286 16.1998 3.13165L16.5622 2.78718L16.9247 2.44272C16.6004 2.10161 16.1491 1.8999 15.6698 1.8999V2.3999ZM6.60012 2.3999V1.8999C4.9985 1.8999 3.70013 3.19827 3.70012 4.79989L4.20012 4.79989L4.70012 4.79989C4.70012 3.75056 5.55078 2.8999 6.60012 2.8999V2.3999ZM15.0004 2.3999H14.5004V5.9999H15.0004H15.5004V2.3999H15.0004ZM16.2004 7.1999V7.6999H19.8004V7.1999V6.6999H16.2004V7.1999ZM15.0004 5.9999H14.5004C14.5004 6.93879 15.2615 7.6999 16.2004 7.6999V7.1999V6.6999C15.8138 6.6999 15.5004 6.3865 15.5004 5.9999H15.0004ZM2.40002 14.9999V15.4999H21.6V14.9999V14.4999H2.40002V14.9999ZM4.20012 4.79989H3.70012V10.1999H4.20012H4.70012V4.79989H4.20012ZM19.8004 6.47773H19.3004V7.1999H19.8004H20.3004V6.47773H19.8004ZM19.8004 7.1999H19.3004V10.1999H19.8004H20.3004V7.1999H19.8004ZM4.2004 19.1999H3.7004V21.5999H4.2004H4.7004V19.1999H4.2004ZM12.6004 19.1999H12.1004V21.5999H12.6004H13.1004V19.1999H12.6004ZM21.0004 19.1999H20.5004V21.5999H21.0004H21.5004V19.1999H21.0004ZM8.4004 19.1999H7.9004V20.3999H8.4004H8.9004V19.1999H8.4004ZM16.8004 19.1999H16.3004V20.3999H16.8004H17.3004V19.1999H16.8004Z" fill="currentColor"/>
    </svg>
  );
}
FileShred.displayName = "FileShred";

export default FileShred;