Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
File Submodule icon
A free file submodule 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-submodule.jsonimport * as React from "react";
/**
* File Submodule from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/file-submodule. Sized in em, colored by currentColor.
*/
export function VscFileSubmoduleIcon(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="M3.5 3C2.67157 3 2 3.67157 2 4.5V5H5.08579C5.21839 5 5.34557 4.94732 5.43934 4.85355L6.29289 4L5.43934 3.14645C5.34557 3.05268 5.21839 3 5.08579 3H3.5ZM1 4.44118C1 4.4252 1.00075 4.4094 1.00221 4.39381C1.05785 3.06235 2.15486 2 3.5 2H5.08579C5.48361 2 5.86514 2.15804 6.14645 2.43934L7.20711 3.5H10.5C11.8807 3.5 13 4.61929 13 6V9.5C13 10.8807 11.8807 12 10.5 12H3.5C2.11929 12 1 10.8807 1 9.5V4.44118ZM7.20711 4.5L6.14645 5.56066C5.86514 5.84196 5.48361 6 5.08579 6H2V9.5C2 10.3284 2.67157 11 3.5 11H10.5C11.3284 11 12 10.3284 12 9.5V6C12 5.17157 11.3284 4.5 10.5 4.5H7.20711ZM14.0002 6C14.6074 6.4561 15.0002 7.18227 15.0002 8.00018V9.50018C15.0002 11.9855 12.9855 14.0002 10.5002 14.0002H5.50018C4.68227 14.0002 3.9561 13.6074 3.5 13.0002H10.5002C12.4332 13.0002 14.0002 11.4332 14.0002 9.50018V6Z"
/>
</svg>
);
}import { VscFileSubmodule } from "react-icons/vsc";
export function Example() {
return <VscFileSubmodule 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="M3.5 3C2.67157 3 2 3.67157 2 4.5V5H5.08579C5.21839 5 5.34557 4.94732 5.43934 4.85355L6.29289 4L5.43934 3.14645C5.34557 3.05268 5.21839 3 5.08579 3H3.5ZM1 4.44118C1 4.4252 1.00075 4.4094 1.00221 4.39381C1.05785 3.06235 2.15486 2 3.5 2H5.08579C5.48361 2 5.86514 2.15804 6.14645 2.43934L7.20711 3.5H10.5C11.8807 3.5 13 4.61929 13 6V9.5C13 10.8807 11.8807 12 10.5 12H3.5C2.11929 12 1 10.8807 1 9.5V4.44118ZM7.20711 4.5L6.14645 5.56066C5.86514 5.84196 5.48361 6 5.08579 6H2V9.5C2 10.3284 2.67157 11 3.5 11H10.5C11.3284 11 12 10.3284 12 9.5V6C12 5.17157 11.3284 4.5 10.5 4.5H7.20711ZM14.0002 6C14.6074 6.4561 15.0002 7.18227 15.0002 8.00018V9.50018C15.0002 11.9855 12.9855 14.0002 10.5002 14.0002H5.50018C4.68227 14.0002 3.9561 13.6074 3.5 13.0002H10.5002C12.4332 13.0002 14.0002 11.4332 14.0002 9.50018V6Z"
/>
</svg>"File Submodule" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.