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:

Game Icons · GiZigArrow

Zig Arrow icon

A free zig arrow icon from Game 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 3.0 license
Project
game-icons.net
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/zig-arrow.json
components/icons/game-icons-zig-arrow.tsx
import * as React from "react";

/**
 * Zig Arrow from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/zig-arrow. Sized in em, colored by currentColor.
 */
export function GiZigArrowIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M20.678 69.63V219.51l36.218-25.17-14.99-29.723 68.918-44.51-90.146-50.48zm108.597 60.81l-63.117 40.763 14.735 29.22-60.215 41.847v22.896l45.576 18.45 72.096-50.1-14.99-29.725 63.58-41.058-57.665-32.29zm76.114 42.624l-57.78 37.313 14.738 29.22-75.4 52.397 78.072 31.604 61.626-42.825-14.99-29.724 61.766-39.89-68.033-38.096zm140.298 3.985l-28.862 58.417-24.955-13.975-55.962 36.143 14.737 29.22-64.93 45.122 65.582 26.548 61.777-42.93-14.988-29.726 83.607-53.995-36.005-54.826zm46.263 70.448l-69.614 44.957 14.736 29.22-95.69 66.5-14.52 29.387 96.576-6.96 78.556-54.59-14.99-29.725 39.807-25.707-34.86-53.082zm45.12 68.703l-25.814 16.673 14.734 29.22-66.01 45.874 131.145-9.453L437.07 316.2z"
      />
    </svg>
  );
}
With react-icons
import { GiZigArrow } from "react-icons/gi";

export function Example() {
  return <GiZigArrow className="size-5" />;
}
zig-arrow.svg
<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M20.678 69.63V219.51l36.218-25.17-14.99-29.723 68.918-44.51-90.146-50.48zm108.597 60.81l-63.117 40.763 14.735 29.22-60.215 41.847v22.896l45.576 18.45 72.096-50.1-14.99-29.725 63.58-41.058-57.665-32.29zm76.114 42.624l-57.78 37.313 14.738 29.22-75.4 52.397 78.072 31.604 61.626-42.825-14.99-29.724 61.766-39.89-68.033-38.096zm140.298 3.985l-28.862 58.417-24.955-13.975-55.962 36.143 14.737 29.22-64.93 45.122 65.582 26.548 61.777-42.93-14.988-29.726 83.607-53.995-36.005-54.826zm46.263 70.448l-69.614 44.957 14.736 29.22-95.69 66.5-14.52 29.387 96.576-6.96 78.556-54.59-14.99-29.725 39.807-25.707-34.86-53.082zm45.12 68.703l-25.814 16.673 14.734 29.22-66.01 45.874 131.145-9.453L437.07 316.2z"
  />
</svg>
Attribution
"Zig Arrow" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: direction, pointer, navigate, next