Hover the icon or press Play. Suggested motion: shake. Pick another to preview it and update the animated code:
File Binary icon
A free file binary icon from VS Code Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.
Also known asdocument iconpage iconpaper icondoc iconsheet iconattachment iconpaperclip iconattach icon
- License
- CC BY 4.0 license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/file-binary.jsonimport * as React from "react";
/**
* File Binary from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/file-binary. Sized in em, colored by currentColor.
*/
export function VscFileBinaryIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M5 1C3.895 1 3 1.895 3 3V13C3 14.105 3.895 15 5 15H11C12.105 15 13 14.105 13 13V5.414C13 5.016 12.842 4.635 12.561 4.353L9.647 1.439C9.366 1.158 8.984 1 8.586 1H5ZM4 3C4 2.448 4.448 2 5 2H8V4.5C8 5.328 8.672 6 9.5 6H12V13C12 13.552 11.552 14 11 14H5C4.448 14 4 13.552 4 13V3ZM11.793 5H9.5C9.224 5 9 4.776 9 4.5V2.207L11.793 5Z"
/>
<path
d="M10.801 8.204C10.901 8.298 11 8.451 11 8.655V12.501C11 12.777 10.776 13.001 10.5 13.001C10.224 13.001 10 12.777 10 12.501V9.459C9.781 9.641 9.519 9.814 9.207 9.956C8.956 10.07 8.659 9.959 8.545 9.708C8.431 9.457 8.542 9.16 8.793 9.046C9.26 8.833 9.573 8.522 9.77 8.262C9.993 7.967 10.343 7.996 10.495 8.037C10.593 8.064 10.705 8.114 10.801 8.204ZM6.5 8C5.672 8 5 8.672 5 9.5V11.5C5 12.328 5.672 13 6.5 13C7.328 13 8 12.328 8 11.5V9.5C8 8.672 7.328 8 6.5 8ZM6 9.5C6 9.224 6.224 9 6.5 9C6.776 9 7 9.224 7 9.5V11.5C7 11.776 6.776 12 6.5 12C6.224 12 6 11.776 6 11.5V9.5Z"
/>
</svg>
);
}import { VscFileBinary } from "react-icons/vsc";
export function Example() {
return <VscFileBinary className="size-5" />;
}<svg
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 1C3.895 1 3 1.895 3 3V13C3 14.105 3.895 15 5 15H11C12.105 15 13 14.105 13 13V5.414C13 5.016 12.842 4.635 12.561 4.353L9.647 1.439C9.366 1.158 8.984 1 8.586 1H5ZM4 3C4 2.448 4.448 2 5 2H8V4.5C8 5.328 8.672 6 9.5 6H12V13C12 13.552 11.552 14 11 14H5C4.448 14 4 13.552 4 13V3ZM11.793 5H9.5C9.224 5 9 4.776 9 4.5V2.207L11.793 5Z"
/>
<path
d="M10.801 8.204C10.901 8.298 11 8.451 11 8.655V12.501C11 12.777 10.776 13.001 10.5 13.001C10.224 13.001 10 12.777 10 12.501V9.459C9.781 9.641 9.519 9.814 9.207 9.956C8.956 10.07 8.659 9.959 8.545 9.708C8.431 9.457 8.542 9.16 8.793 9.046C9.26 8.833 9.573 8.522 9.77 8.262C9.993 7.967 10.343 7.996 10.495 8.037C10.593 8.064 10.705 8.114 10.801 8.204ZM6.5 8C5.672 8 5 8.672 5 9.5V11.5C5 12.328 5.672 13 6.5 13C7.328 13 8 12.328 8 11.5V9.5C8 8.672 7.328 8 6.5 8ZM6 9.5C6 9.224 6.224 9 6.5 9C6.776 9 7 9.224 7 9.5V11.5C7 11.776 6.776 12 6.5 12C6.224 12 6 11.776 6 11.5V9.5Z"
/>
</svg>"File Binary" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.