Skip to content
Cuelark UI

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

VS Code Icons · VscSymbolMethodArrow

Symbol Method Arrow icon

A free symbol method arrow 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 asdirection iconpointer iconnavigate iconnext iconmove iconchevron iconcaret iconangle 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/symbol-method-arrow.json
components/icons/vscode-codicons-symbol-method-arrow.tsx
import * as React from "react";

/**
 * Symbol Method Arrow from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/symbol-method-arrow. Sized in em, colored by currentColor.
 */
export function VscSymbolMethodArrowIcon(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="M13.502 11.0081C13.6318 11.0081 13.7576 11.0579 13.8506 11.1487L15.8506 13.1487C15.8975 13.1937 15.9359 13.2479 15.9619 13.3089C15.9879 13.3689 16.001 13.4343 16.001 13.4993C16.0009 13.5641 15.9878 13.6289 15.9619 13.6887C15.9359 13.7487 15.8976 13.8029 15.8506 13.8489L13.8496 15.8499C13.8047 15.8967 13.7513 15.9352 13.6904 15.9612C13.6304 15.9872 13.565 16.0003 13.5 16.0003C13.435 16.0003 13.3696 15.9872 13.3096 15.9612C13.2497 15.9352 13.1963 15.8967 13.1504 15.8499C13.1034 15.8049 13.0651 15.7507 13.0391 15.6897C13.0132 15.6299 13 15.5651 13 15.5003C13 15.4353 13.0131 15.3698 13.0391 15.3098C13.0651 15.2499 13.1034 15.1956 13.1504 15.1497L14.29 14.0003H9.5C9.36706 14.0003 9.24047 13.9467 9.14648 13.8538C9.05255 13.7608 9.00007 13.6332 9 13.5003C9 13.3673 9.05348 13.2398 9.14648 13.1458C9.24045 13.052 9.36717 13.0003 9.5 13.0003H14.29L13.1504 11.8499C13.0594 11.7569 13.0079 11.6311 13.0088 11.5012C13.0088 11.3712 13.0623 11.2456 13.1543 11.1526C13.2463 11.0608 13.3711 11.0091 13.502 11.0081Z"
      />
      <path
        d="M6.92285 1.37819C7.61606 1.11157 8.38394 1.11157 9.07715 1.37819L14.0381 3.28639C14.6173 3.50918 15 4.06616 15 4.68678V10.886L14.5762 10.4622C14.4372 10.3162 14.2699 10.2003 14.085 10.1214C14.0571 10.1094 14.0285 10.0993 14 10.0891V4.68678C14 4.47997 13.8727 4.29427 13.6797 4.21998L8.71777 2.31178C8.25576 2.13414 7.74424 2.13414 7.28223 2.31178L2.32031 4.21998C2.1273 4.29426 2.00004 4.47997 2 4.68678V11.3137C2.00019 11.5203 2.12753 11.7053 2.32031 11.7796L7.28223 13.6878C7.52443 13.7809 7.78001 13.8241 8.03516 13.8196C8.09589 14.098 8.23497 14.3556 8.43945 14.5608C8.50829 14.6294 8.58267 14.691 8.66211 14.7444C8.08569 14.875 7.48048 14.8358 6.92285 14.6214L1.96191 12.7131C1.38277 12.4904 1.00019 11.9342 1 11.3137V4.68678C1.00004 4.06616 1.38266 3.50918 1.96191 3.28639L6.92285 1.37819Z"
      />
      <path
        d="M4.04004 5.30299C4.14882 5.04918 4.44345 4.93152 4.69727 5.0403L8 6.45631L11.3027 5.0403C11.5565 4.93155 11.8501 5.04934 11.959 5.30299C12.0677 5.55664 11.9507 5.8503 11.6973 5.95924L8.5 7.32936V10.5003C8.49987 10.7763 8.27601 11.0002 8 11.0003C7.72394 11.0003 7.50013 10.7763 7.5 10.5003V7.32936L4.30273 5.95924C4.04913 5.85037 3.93133 5.5567 4.04004 5.30299Z"
      />
    </svg>
  );
}
With react-icons
import { VscSymbolMethodArrow } from "react-icons/vsc";

export function Example() {
  return <VscSymbolMethodArrow className="size-5" />;
}
symbol-method-arrow.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="M13.502 11.0081C13.6318 11.0081 13.7576 11.0579 13.8506 11.1487L15.8506 13.1487C15.8975 13.1937 15.9359 13.2479 15.9619 13.3089C15.9879 13.3689 16.001 13.4343 16.001 13.4993C16.0009 13.5641 15.9878 13.6289 15.9619 13.6887C15.9359 13.7487 15.8976 13.8029 15.8506 13.8489L13.8496 15.8499C13.8047 15.8967 13.7513 15.9352 13.6904 15.9612C13.6304 15.9872 13.565 16.0003 13.5 16.0003C13.435 16.0003 13.3696 15.9872 13.3096 15.9612C13.2497 15.9352 13.1963 15.8967 13.1504 15.8499C13.1034 15.8049 13.0651 15.7507 13.0391 15.6897C13.0132 15.6299 13 15.5651 13 15.5003C13 15.4353 13.0131 15.3698 13.0391 15.3098C13.0651 15.2499 13.1034 15.1956 13.1504 15.1497L14.29 14.0003H9.5C9.36706 14.0003 9.24047 13.9467 9.14648 13.8538C9.05255 13.7608 9.00007 13.6332 9 13.5003C9 13.3673 9.05348 13.2398 9.14648 13.1458C9.24045 13.052 9.36717 13.0003 9.5 13.0003H14.29L13.1504 11.8499C13.0594 11.7569 13.0079 11.6311 13.0088 11.5012C13.0088 11.3712 13.0623 11.2456 13.1543 11.1526C13.2463 11.0608 13.3711 11.0091 13.502 11.0081Z"
  />
  <path
    d="M6.92285 1.37819C7.61606 1.11157 8.38394 1.11157 9.07715 1.37819L14.0381 3.28639C14.6173 3.50918 15 4.06616 15 4.68678V10.886L14.5762 10.4622C14.4372 10.3162 14.2699 10.2003 14.085 10.1214C14.0571 10.1094 14.0285 10.0993 14 10.0891V4.68678C14 4.47997 13.8727 4.29427 13.6797 4.21998L8.71777 2.31178C8.25576 2.13414 7.74424 2.13414 7.28223 2.31178L2.32031 4.21998C2.1273 4.29426 2.00004 4.47997 2 4.68678V11.3137C2.00019 11.5203 2.12753 11.7053 2.32031 11.7796L7.28223 13.6878C7.52443 13.7809 7.78001 13.8241 8.03516 13.8196C8.09589 14.098 8.23497 14.3556 8.43945 14.5608C8.50829 14.6294 8.58267 14.691 8.66211 14.7444C8.08569 14.875 7.48048 14.8358 6.92285 14.6214L1.96191 12.7131C1.38277 12.4904 1.00019 11.9342 1 11.3137V4.68678C1.00004 4.06616 1.38266 3.50918 1.96191 3.28639L6.92285 1.37819Z"
  />
  <path
    d="M4.04004 5.30299C4.14882 5.04918 4.44345 4.93152 4.69727 5.0403L8 6.45631L11.3027 5.0403C11.5565 4.93155 11.8501 5.04934 11.959 5.30299C12.0677 5.55664 11.9507 5.8503 11.6973 5.95924L8.5 7.32936V10.5003C8.49987 10.7763 8.27601 11.0002 8 11.0003C7.72394 11.0003 7.50013 10.7763 7.5 10.5003V7.32936L4.30273 5.95924C4.04913 5.85037 3.93133 5.5567 4.04004 5.30299Z"
  />
</svg>
Attribution
"Symbol Method Arrow" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: direction, pointer, navigate, next