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 · GiFrayedArrow

Frayed Arrow icon

A free frayed 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/frayed-arrow.json
components/icons/game-icons-frayed-arrow.tsx
import * as React from "react";

/**
 * Frayed Arrow from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/frayed-arrow. Sized in em, colored by currentColor.
 */
export function GiFrayedArrowIcon(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.795 22.313v146.882c55.798 46.488 119.15 83.37 184.63 117.045-68.898-9.21-127.42-27.277-176.08-56.648 25.434 36.314 76.9 75.687 123.05 93.105 5.342-.26 10.686-.385 16.035-.36 59.215.29 118.975 18.028 182.593 51.007-73.04-10.31-146.083-16.405-219.125-9.024l-31.84 8.106c137.858 15.975 273.397 44.77 399.2 127.383L330.693 117.4c4.486 88.07 27.066 170.91 59.79 252.354C310.604 277.09 276.607 167.96 273.126 63.37c-9.615 54.178-6.77 117.06 5.514 180.732-42.698-79.1-60.54-156.684-54.908-221.79H118.29c20.587 101.514 94.966 212.595 191.64 303.282C177.518 247.214 109.7 132.916 64.518 22.313H20.795z"
      />
    </svg>
  );
}
With react-icons
import { GiFrayedArrow } from "react-icons/gi";

export function Example() {
  return <GiFrayedArrow className="size-5" />;
}
frayed-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.795 22.313v146.882c55.798 46.488 119.15 83.37 184.63 117.045-68.898-9.21-127.42-27.277-176.08-56.648 25.434 36.314 76.9 75.687 123.05 93.105 5.342-.26 10.686-.385 16.035-.36 59.215.29 118.975 18.028 182.593 51.007-73.04-10.31-146.083-16.405-219.125-9.024l-31.84 8.106c137.858 15.975 273.397 44.77 399.2 127.383L330.693 117.4c4.486 88.07 27.066 170.91 59.79 252.354C310.604 277.09 276.607 167.96 273.126 63.37c-9.615 54.178-6.77 117.06 5.514 180.732-42.698-79.1-60.54-156.684-54.908-221.79H118.29c20.587 101.514 94.966 212.595 191.64 303.282C177.518 247.214 109.7 132.916 64.518 22.313H20.795z"
  />
</svg>
Attribution
"Frayed Arrow" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: direction, pointer, navigate, next