Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

VS Code Icons · VscJersey

Jersey icon

A free jersey 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

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/jersey.json

components/icons/vscode-codicons-jersey.tsx

import * as React from "react";

/**
 * Jersey from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/jersey. Sized in em, colored by currentColor.
 */
export function VscJerseyIcon(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="M11.5 14H4.49997C4.22397 14 3.99997 13.776 3.99997 13.5V7H2.24997C2.02397 7 1.82697 6.849 1.76797 6.631L1.01797 3.881C0.948972 3.628 1.08697 3.364 1.33497 3.278L5.47797 1.828C5.60297 1.783 5.74197 1.792 5.86197 1.85C5.98197 1.909 6.07397 2.013 6.11697 2.139C6.39297 2.953 7.14997 3.5 8.00097 3.5C8.85197 3.5 9.60797 2.953 9.88497 2.139C9.92797 2.013 10.02 1.909 10.14 1.85C10.26 1.792 10.399 1.783 10.524 1.828L14.667 3.278C14.915 3.364 15.053 3.628 14.984 3.881L14.234 6.631C14.174 6.849 13.977 7 13.752 7H12.002V13.5C12.002 13.776 11.778 14 11.502 14H11.5ZM4.99997 13H11V6.5C11 6.224 11.224 6 11.5 6H13.368L13.895 4.068L10.629 2.925C10.112 3.884 9.10897 4.5 7.99997 4.5C6.89097 4.5 5.88797 3.884 5.37097 2.925L2.10497 4.068L2.63197 6H4.49997C4.77597 6 4.99997 6.224 4.99997 6.5V13Z"
      />
    </svg>
  );
}

With react-icons

import { VscJersey } from "react-icons/vsc";

export function Example() {
  return <VscJersey className="size-5" />;
}

jersey.svg

<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="M11.5 14H4.49997C4.22397 14 3.99997 13.776 3.99997 13.5V7H2.24997C2.02397 7 1.82697 6.849 1.76797 6.631L1.01797 3.881C0.948972 3.628 1.08697 3.364 1.33497 3.278L5.47797 1.828C5.60297 1.783 5.74197 1.792 5.86197 1.85C5.98197 1.909 6.07397 2.013 6.11697 2.139C6.39297 2.953 7.14997 3.5 8.00097 3.5C8.85197 3.5 9.60797 2.953 9.88497 2.139C9.92797 2.013 10.02 1.909 10.14 1.85C10.26 1.792 10.399 1.783 10.524 1.828L14.667 3.278C14.915 3.364 15.053 3.628 14.984 3.881L14.234 6.631C14.174 6.849 13.977 7 13.752 7H12.002V13.5C12.002 13.776 11.778 14 11.502 14H11.5ZM4.99997 13H11V6.5C11 6.224 11.224 6 11.5 6H13.368L13.895 4.068L10.629 2.925C10.112 3.884 9.10897 4.5 7.99997 4.5C6.89097 4.5 5.88797 3.884 5.37097 2.925L2.10497 4.068L2.63197 6H4.49997C4.77597 6 4.99997 6.224 4.99997 6.5V13Z"
  />
</svg>

Attribution

"Jersey" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Similar VS Code Icons icons