Skip to content
Cuelark UI

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

VS Code Icons · VscMove

Move icon

A free move 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 asarrow icondirection iconpointer iconnavigate iconnext icon
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/move.json
components/icons/vscode-codicons-move.tsx
import * as React from "react";

/**
 * Move from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/move. Sized in em, colored by currentColor.
 */
export function VscMoveIcon(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="M8.35355 1.14645C8.15829 0.951184 7.84171 0.951184 7.64645 1.14645L5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355C5.84171 4.04882 6.15829 4.04882 6.35355 3.85355L7.5 2.70711V5.5C7.5 5.77614 7.72386 6 8 6C8.27614 6 8.5 5.77614 8.5 5.5V2.70711L9.64645 3.85355C9.84171 4.04882 10.1583 4.04882 10.3536 3.85355C10.5488 3.65829 10.5488 3.34171 10.3536 3.14645L8.35355 1.14645ZM3.85355 5.64645C4.04882 5.84171 4.04882 6.15829 3.85355 6.35355L2.70711 7.5H5.5C5.77614 7.5 6 7.72386 6 8C6 8.27614 5.77614 8.5 5.5 8.5H2.70711L3.85355 9.64645C4.04882 9.84171 4.04882 10.1583 3.85355 10.3536C3.65829 10.5488 3.34171 10.5488 3.14645 10.3536L1.14645 8.35355C0.951184 8.15829 0.951184 7.84171 1.14645 7.64645L3.14645 5.64645C3.34171 5.45118 3.65829 5.45118 3.85355 5.64645ZM7.5 13.2929L6.35355 12.1464C6.15829 11.9512 5.84171 11.9512 5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536L7.64645 14.8536C7.84171 15.0488 8.15829 15.0488 8.35355 14.8536L10.3536 12.8536C10.5488 12.6583 10.5488 12.3417 10.3536 12.1464C10.1583 11.9512 9.84171 11.9512 9.64645 12.1464L8.5 13.2929V10.5C8.5 10.2239 8.27614 10 8 10C7.72386 10 7.5 10.2239 7.5 10.5V13.2929ZM12.1464 5.64645C12.3417 5.45118 12.6583 5.45118 12.8536 5.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L12.8536 10.3536C12.6583 10.5488 12.3417 10.5488 12.1464 10.3536C11.9512 10.1583 11.9512 9.84171 12.1464 9.64645L13.2929 8.5H10.5C10.2239 8.5 10 8.27614 10 8C10 7.72386 10.2239 7.5 10.5 7.5H13.2929L12.1464 6.35355C11.9512 6.15829 11.9512 5.84171 12.1464 5.64645Z"
      />
    </svg>
  );
}
With react-icons
import { VscMove } from "react-icons/vsc";

export function Example() {
  return <VscMove className="size-5" />;
}
move.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="M8.35355 1.14645C8.15829 0.951184 7.84171 0.951184 7.64645 1.14645L5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355C5.84171 4.04882 6.15829 4.04882 6.35355 3.85355L7.5 2.70711V5.5C7.5 5.77614 7.72386 6 8 6C8.27614 6 8.5 5.77614 8.5 5.5V2.70711L9.64645 3.85355C9.84171 4.04882 10.1583 4.04882 10.3536 3.85355C10.5488 3.65829 10.5488 3.34171 10.3536 3.14645L8.35355 1.14645ZM3.85355 5.64645C4.04882 5.84171 4.04882 6.15829 3.85355 6.35355L2.70711 7.5H5.5C5.77614 7.5 6 7.72386 6 8C6 8.27614 5.77614 8.5 5.5 8.5H2.70711L3.85355 9.64645C4.04882 9.84171 4.04882 10.1583 3.85355 10.3536C3.65829 10.5488 3.34171 10.5488 3.14645 10.3536L1.14645 8.35355C0.951184 8.15829 0.951184 7.84171 1.14645 7.64645L3.14645 5.64645C3.34171 5.45118 3.65829 5.45118 3.85355 5.64645ZM7.5 13.2929L6.35355 12.1464C6.15829 11.9512 5.84171 11.9512 5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536L7.64645 14.8536C7.84171 15.0488 8.15829 15.0488 8.35355 14.8536L10.3536 12.8536C10.5488 12.6583 10.5488 12.3417 10.3536 12.1464C10.1583 11.9512 9.84171 11.9512 9.64645 12.1464L8.5 13.2929V10.5C8.5 10.2239 8.27614 10 8 10C7.72386 10 7.5 10.2239 7.5 10.5V13.2929ZM12.1464 5.64645C12.3417 5.45118 12.6583 5.45118 12.8536 5.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L12.8536 10.3536C12.6583 10.5488 12.3417 10.5488 12.1464 10.3536C11.9512 10.1583 11.9512 9.84171 12.1464 9.64645L13.2929 8.5H10.5C10.2239 8.5 10 8.27614 10 8C10 7.72386 10.2239 7.5 10.5 7.5H13.2929L12.1464 6.35355C11.9512 6.15829 11.9512 5.84171 12.1464 5.64645Z"
  />
</svg>
Attribution
"Move" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: arrow, direction, pointer, navigate

Move icon in other sets