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

Thorned Arrow icon

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

/**
 * Thorned Arrow from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/thorned-arrow. Sized in em, colored by currentColor.
 */
export function GiThornedArrowIcon(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="M19.03 19.875v19L75.657 95.5l-48.47 28.125 86.658 12.47-46.938 27.25 88.063 12.686-47.69 27.69 89.5 12.905 3.407 3.406-48.468 28.095 88.124 12.688-47.75 27.718 89.47 12.876.06.063.032-.032 23.125 3.312-28.718 28.72c31.304 19.57 71.2 39.18 100.594 46.874-7.61-31.554-26.336-68.222-46.906-100.563l-15.614 15.208c-16.25-17.246-.464-.61-19.855-20.863l-14.843-103.22-27.718 47.75-12.69-88.124-30.436 52.5-13.97-96.936-27.718 47.75L154.22 45.72l-32.44 55.905-81.75-81.75zM390.47 185.47l-8.064 36.81c35.057 67.22 63.472 144.408 63.47 215.47v9.344h-9.345c-62.652 0-144.955-28.477-211.78-61.906l-43.5 9.53c89.616 51.746 220.718 102.597 311.813 102.594.005-102.37-48.425-218.022-102.594-311.843zm-14.44 65.905l-11.155 50.906c16.02 29.348 28.89 60.25 32.906 88.72l1.75 12.313-12.31-1.75c-25.628-3.615-57.698-16.82-87.658-32.75l-44.875 9.812c57.178 26.034 122.48 46.993 172.22 49.47-2.193-56.77-23.28-119.44-50.876-176.72z"
      />
    </svg>
  );
}
With react-icons
import { GiThornedArrow } from "react-icons/gi";

export function Example() {
  return <GiThornedArrow className="size-5" />;
}
thorned-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="M19.03 19.875v19L75.657 95.5l-48.47 28.125 86.658 12.47-46.938 27.25 88.063 12.686-47.69 27.69 89.5 12.905 3.407 3.406-48.468 28.095 88.124 12.688-47.75 27.718 89.47 12.876.06.063.032-.032 23.125 3.312-28.718 28.72c31.304 19.57 71.2 39.18 100.594 46.874-7.61-31.554-26.336-68.222-46.906-100.563l-15.614 15.208c-16.25-17.246-.464-.61-19.855-20.863l-14.843-103.22-27.718 47.75-12.69-88.124-30.436 52.5-13.97-96.936-27.718 47.75L154.22 45.72l-32.44 55.905-81.75-81.75zM390.47 185.47l-8.064 36.81c35.057 67.22 63.472 144.408 63.47 215.47v9.344h-9.345c-62.652 0-144.955-28.477-211.78-61.906l-43.5 9.53c89.616 51.746 220.718 102.597 311.813 102.594.005-102.37-48.425-218.022-102.594-311.843zm-14.44 65.905l-11.155 50.906c16.02 29.348 28.89 60.25 32.906 88.72l1.75 12.313-12.31-1.75c-25.628-3.615-57.698-16.82-87.658-32.75l-44.875 9.812c57.178 26.034 122.48 46.993 172.22 49.47-2.193-56.77-23.28-119.44-50.876-176.72z"
  />
</svg>
Attribution
"Thorned Arrow" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: direction, pointer, navigate, next