Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Attach icon
A free attach 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.
- License
- CC BY 4.0 license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/attach.jsonimport * as React from "react";
/**
* Attach from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/attach. Sized in em, colored by currentColor.
*/
export function VscAttachIcon(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="M2.2832 7.97549C2.2832 8.25149 2.5072 8.47549 2.7832 8.47549C2.9112 8.47549 3.0392 8.42649 3.1372 8.32949L7.7322 3.73249C8.2202 3.24449 8.8602 3.00049 9.5002 3.00049C10.8812 3.00049 12.0002 4.11949 12.0002 5.50049C12.0002 6.14049 11.7562 6.78049 11.2682 7.26849L5.9652 12.5715C5.7702 12.7665 5.5142 12.8645 5.2582 12.8645C4.7062 12.8645 4.2582 12.4165 4.2582 11.8645C4.2582 11.6085 4.3562 11.3525 4.5512 11.1575L9.8542 5.85449C9.9522 5.75649 10.0002 5.62849 10.0002 5.50049C10.0002 5.22449 9.7762 5.00049 9.5002 5.00049C9.3722 5.00049 9.2442 5.04949 9.1462 5.14649L3.8432 10.4505C3.4522 10.8415 3.2572 11.3525 3.2572 11.8645C3.2572 12.9695 4.1522 13.8645 5.2572 13.8645C5.7692 13.8645 6.2812 13.6695 6.6712 13.2785L11.9742 7.97549C12.6572 7.29249 12.9992 6.39649 12.9992 5.50049C12.9992 3.56749 11.4322 2.00049 9.4992 2.00049C8.6032 2.00049 7.7082 2.34249 7.0242 3.02549L2.4292 7.62149C2.3312 7.71949 2.2832 7.84749 2.2832 7.97549Z"
/>
</svg>
);
}import { VscAttach } from "react-icons/vsc";
export function Example() {
return <VscAttach 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="M2.2832 7.97549C2.2832 8.25149 2.5072 8.47549 2.7832 8.47549C2.9112 8.47549 3.0392 8.42649 3.1372 8.32949L7.7322 3.73249C8.2202 3.24449 8.8602 3.00049 9.5002 3.00049C10.8812 3.00049 12.0002 4.11949 12.0002 5.50049C12.0002 6.14049 11.7562 6.78049 11.2682 7.26849L5.9652 12.5715C5.7702 12.7665 5.5142 12.8645 5.2582 12.8645C4.7062 12.8645 4.2582 12.4165 4.2582 11.8645C4.2582 11.6085 4.3562 11.3525 4.5512 11.1575L9.8542 5.85449C9.9522 5.75649 10.0002 5.62849 10.0002 5.50049C10.0002 5.22449 9.7762 5.00049 9.5002 5.00049C9.3722 5.00049 9.2442 5.04949 9.1462 5.14649L3.8432 10.4505C3.4522 10.8415 3.2572 11.3525 3.2572 11.8645C3.2572 12.9695 4.1522 13.8645 5.2572 13.8645C5.7692 13.8645 6.2812 13.6695 6.6712 13.2785L11.9742 7.97549C12.6572 7.29249 12.9992 6.39649 12.9992 5.50049C12.9992 3.56749 11.4322 2.00049 9.4992 2.00049C8.6032 2.00049 7.7082 2.34249 7.0242 3.02549L2.4292 7.62149C2.3312 7.71949 2.2832 7.84749 2.2832 7.97549Z"
/>
</svg>"Attach" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.