Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Repo Forked icon
A free repo forked 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/repo-forked.jsonimport * as React from "react";
/**
* Repo Forked from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/repo-forked. Sized in em, colored by currentColor.
*/
export function VscRepoForkedIcon(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
fillRule="evenodd"
clipRule="evenodd"
d="M7 3.5C7 4.70948 6.14112 5.71836 5 5.94999V6.5C5 6.89782 5.15804 7.27936 5.43934 7.56066C5.72064 7.84196 6.10218 8 6.5 8H9.5C9.89782 8 10.2794 7.84196 10.5607 7.56066C10.842 7.27936 11 6.89782 11 6.5V5.94999C9.85888 5.71836 9 4.70948 9 3.5C9 2.11929 10.1193 1 11.5 1C12.8807 1 14 2.11929 14 3.5C14 4.70948 13.1411 5.71836 12 5.94999V6.5C12 7.16304 11.7366 7.79893 11.2678 8.26777C10.7989 8.73661 10.163 9 9.5 9H8.5V10.05C9.64112 10.2816 10.5 11.2905 10.5 12.5C10.5 13.8807 9.38071 15 8 15C6.61929 15 5.5 13.8807 5.5 12.5C5.5 11.2905 6.35888 10.2816 7.5 10.05V9H6.5C5.83696 9 5.20107 8.73661 4.73223 8.26777C4.26339 7.79893 4 7.16304 4 6.5V5.94999C2.85888 5.71836 2 4.70948 2 3.5C2 2.11929 3.11929 1 4.5 1C5.88071 1 7 2.11929 7 3.5ZM4.5 2C3.67157 2 3 2.67157 3 3.5C3 4.32843 3.67157 5 4.5 5C5.32843 5 6 4.32843 6 3.5C6 2.67157 5.32843 2 4.5 2ZM8 11C7.17157 11 6.5 11.6716 6.5 12.5C6.5 13.3284 7.17157 14 8 14C8.82843 14 9.5 13.3284 9.5 12.5C9.5 11.6716 8.82843 11 8 11ZM13 3.5C13 4.32843 12.3284 5 11.5 5C10.6716 5 10 4.32843 10 3.5C10 2.67157 10.6716 2 11.5 2C12.3284 2 13 2.67157 13 3.5Z"
/>
</svg>
);
}import { VscRepoForked } from "react-icons/vsc";
export function Example() {
return <VscRepoForked 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
fill-rule="evenodd"
clip-rule="evenodd"
d="M7 3.5C7 4.70948 6.14112 5.71836 5 5.94999V6.5C5 6.89782 5.15804 7.27936 5.43934 7.56066C5.72064 7.84196 6.10218 8 6.5 8H9.5C9.89782 8 10.2794 7.84196 10.5607 7.56066C10.842 7.27936 11 6.89782 11 6.5V5.94999C9.85888 5.71836 9 4.70948 9 3.5C9 2.11929 10.1193 1 11.5 1C12.8807 1 14 2.11929 14 3.5C14 4.70948 13.1411 5.71836 12 5.94999V6.5C12 7.16304 11.7366 7.79893 11.2678 8.26777C10.7989 8.73661 10.163 9 9.5 9H8.5V10.05C9.64112 10.2816 10.5 11.2905 10.5 12.5C10.5 13.8807 9.38071 15 8 15C6.61929 15 5.5 13.8807 5.5 12.5C5.5 11.2905 6.35888 10.2816 7.5 10.05V9H6.5C5.83696 9 5.20107 8.73661 4.73223 8.26777C4.26339 7.79893 4 7.16304 4 6.5V5.94999C2.85888 5.71836 2 4.70948 2 3.5C2 2.11929 3.11929 1 4.5 1C5.88071 1 7 2.11929 7 3.5ZM4.5 2C3.67157 2 3 2.67157 3 3.5C3 4.32843 3.67157 5 4.5 5C5.32843 5 6 4.32843 6 3.5C6 2.67157 5.32843 2 4.5 2ZM8 11C7.17157 11 6.5 11.6716 6.5 12.5C6.5 13.3284 7.17157 14 8 14C8.82843 14 9.5 13.3284 9.5 12.5C9.5 11.6716 8.82843 11 8 11ZM13 3.5C13 4.32843 12.3284 5 11.5 5C10.6716 5 10 4.32843 10 3.5C10 2.67157 10.6716 2 11.5 2C12.3284 2 13 2.67157 13 3.5Z"
/>
</svg>"Repo Forked" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.