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

Winged Arrow icon

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

/**
 * Winged Arrow from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/winged-arrow. Sized in em, colored by currentColor.
 */
export function GiWingedArrowIcon(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="M73.094 16.406l11.562 68.97-69.562-10.97 49.343 71.28 58.938-4.374 229.188 250.532 10.343 11.28-14.75 4.032-31 8.47 158.25 61.562-61.312-158.032-7.5 29.438-3.844 15.062-11.5-10.437-250.78-227.376 4.5-60.72-71.876-48.718zM292.47 37.438c18.44 24.016 36.14 55.45 51.436 92.093-47.545-40.388-98.46-68.028-144.625-80.843-20.273-5.627-39.474-8.398-57.093-8.28 37.747 18.288 79.988 47.766 120.938 85.937-20.085-2.15-38.57-.45-54.188 5.187 28.617 5.76 63.627 21.405 99.032 45.564-15.344-.555-29.557 1.836-41.908 7.22 24.04 4.608 52.973 18.012 82.188 39.25 22.694 32.528 39.02 63.948 47.656 91.31l7.313-28.624 7.186-28.28 10.563 27.217 59.53 153.438c7.184-15.762 10.475-34.355 9.97-54.97l.686 1.095c-.002-153.714-38.734-285.77-94.562-346.78 12.703 40.545 22.227 92.176 27.25 150.405-33.583-73.595-81.73-128.26-131.375-150.938zM38.874 148.156c.332 16.408 3.085 34.11 8.25 52.72 13.017 46.892 41.315 98.688 82.75 146.874-40.03-16.008-74.276-34.903-100-54.656 22.68 49.645 77.343 97.792 150.938 131.375-58.23-5.024-109.83-14.578-150.375-27.283 60.728 55.565 191.833 94.23 344.625 94.594h.125c23.24 1.485 44.092-1.704 61.53-9.592L283.97 422.75l-26.406-10.25 27.344-7.47 24.97-6.81c-25.7-8.406-54.856-23.48-85.095-44.126-24.744-31.907-40.308-64.004-45.343-90.25-5.886 13.508-8.214 29.278-7 46.28-24.863-36.017-40.892-71.74-46.75-100.843-5.588 15.482-7.313 33.777-5.25 53.657-35.763-38.874-63.668-78.778-81.562-114.78z"
      />
    </svg>
  );
}
With react-icons
import { GiWingedArrow } from "react-icons/gi";

export function Example() {
  return <GiWingedArrow className="size-5" />;
}
winged-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="M73.094 16.406l11.562 68.97-69.562-10.97 49.343 71.28 58.938-4.374 229.188 250.532 10.343 11.28-14.75 4.032-31 8.47 158.25 61.562-61.312-158.032-7.5 29.438-3.844 15.062-11.5-10.437-250.78-227.376 4.5-60.72-71.876-48.718zM292.47 37.438c18.44 24.016 36.14 55.45 51.436 92.093-47.545-40.388-98.46-68.028-144.625-80.843-20.273-5.627-39.474-8.398-57.093-8.28 37.747 18.288 79.988 47.766 120.938 85.937-20.085-2.15-38.57-.45-54.188 5.187 28.617 5.76 63.627 21.405 99.032 45.564-15.344-.555-29.557 1.836-41.908 7.22 24.04 4.608 52.973 18.012 82.188 39.25 22.694 32.528 39.02 63.948 47.656 91.31l7.313-28.624 7.186-28.28 10.563 27.217 59.53 153.438c7.184-15.762 10.475-34.355 9.97-54.97l.686 1.095c-.002-153.714-38.734-285.77-94.562-346.78 12.703 40.545 22.227 92.176 27.25 150.405-33.583-73.595-81.73-128.26-131.375-150.938zM38.874 148.156c.332 16.408 3.085 34.11 8.25 52.72 13.017 46.892 41.315 98.688 82.75 146.874-40.03-16.008-74.276-34.903-100-54.656 22.68 49.645 77.343 97.792 150.938 131.375-58.23-5.024-109.83-14.578-150.375-27.283 60.728 55.565 191.833 94.23 344.625 94.594h.125c23.24 1.485 44.092-1.704 61.53-9.592L283.97 422.75l-26.406-10.25 27.344-7.47 24.97-6.81c-25.7-8.406-54.856-23.48-85.095-44.126-24.744-31.907-40.308-64.004-45.343-90.25-5.886 13.508-8.214 29.278-7 46.28-24.863-36.017-40.892-71.74-46.75-100.843-5.588 15.482-7.313 33.777-5.25 53.657-35.763-38.874-63.668-78.778-81.562-114.78z"
  />
</svg>
Attribution
"Winged Arrow" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: direction, pointer, navigate, next