Hover the icon or press Play. Suggested motion: nudge-right. Pick another to preview it and update the animated code:
Spotted Arrowhead icon
A free spotted arrowhead 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.
- License
- CC BY 3.0 license
- Project
- game-icons.net
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/spotted-arrowhead.jsonimport * as React from "react";
/**
* Spotted Arrowhead from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/spotted-arrowhead. Sized in em, colored by currentColor.
*/
export function GiSpottedArrowheadIcon(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="M246.738 91.984l-44.953 43.407L347.02 334.49 106.937 282.41 86.11 340.076l31.74 6.885c17.262-26.41 34.672-37.897 46.46-37.66 14.697.293 20.643 18.788 6.653 49.182l40 8.676c12.832-19.568 26.904-28.186 37.736-28.418 14.894-.32 23.648 15.194 14.622 39.776l36.32 7.88c10.957-16.7 23.525-24.058 33.77-24.353 14.735-.425 24.645 13.735 18.057 35.592l34.675 7.523c6.048-8.434 14.044-11.92 21.76-11.808 12.196.178 23.67 9.336 25.61 22.082l58.415 12.672-34.893-47.833c-20.736 6.587-43.784-15.976-29.04-39.81l-20.77-28.472c-29.56 26.453-58.67-1.16-31.717-42.793l.953.62-22.527-30.88c-32.722 32.725-62.694 4.207-31.944-43.29l.695.455-24.603-33.73c-40.068 46.554-71.425 16.504-32.3-43.927l.486.317-19.532-26.776zM18.422 98.43v48.922l111.99 73.162.004.002c12.928 8.465 23.864 11.452 31.51 11.38 7.646-.07 11.722-2.722 13.844-6.033 2.12-3.31 2.867-8.28-.225-15.425-3.092-7.147-10.292-16.033-23.244-24.514L18.423 98.43zm169.797 50.06l-23.853 23.03c14.216 9.68 23.56 20.468 28.33 31.496 4.975 11.497 4.727 23.69-1.193 32.93-5.92 9.238-16.932 14.522-29.404 14.638-11.7.11-24.933-3.91-39.104-12.645l-9.658 26.744 189.648 41.136L188.22 148.49z"
/>
</svg>
);
}import { GiSpottedArrowhead } from "react-icons/gi";
export function Example() {
return <GiSpottedArrowhead className="size-5" />;
}<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="M246.738 91.984l-44.953 43.407L347.02 334.49 106.937 282.41 86.11 340.076l31.74 6.885c17.262-26.41 34.672-37.897 46.46-37.66 14.697.293 20.643 18.788 6.653 49.182l40 8.676c12.832-19.568 26.904-28.186 37.736-28.418 14.894-.32 23.648 15.194 14.622 39.776l36.32 7.88c10.957-16.7 23.525-24.058 33.77-24.353 14.735-.425 24.645 13.735 18.057 35.592l34.675 7.523c6.048-8.434 14.044-11.92 21.76-11.808 12.196.178 23.67 9.336 25.61 22.082l58.415 12.672-34.893-47.833c-20.736 6.587-43.784-15.976-29.04-39.81l-20.77-28.472c-29.56 26.453-58.67-1.16-31.717-42.793l.953.62-22.527-30.88c-32.722 32.725-62.694 4.207-31.944-43.29l.695.455-24.603-33.73c-40.068 46.554-71.425 16.504-32.3-43.927l.486.317-19.532-26.776zM18.422 98.43v48.922l111.99 73.162.004.002c12.928 8.465 23.864 11.452 31.51 11.38 7.646-.07 11.722-2.722 13.844-6.033 2.12-3.31 2.867-8.28-.225-15.425-3.092-7.147-10.292-16.033-23.244-24.514L18.423 98.43zm169.797 50.06l-23.853 23.03c14.216 9.68 23.56 20.468 28.33 31.496 4.975 11.497 4.727 23.69-1.193 32.93-5.92 9.238-16.932 14.522-29.404 14.638-11.7.11-24.933-3.91-39.104-12.645l-9.658 26.744 189.648 41.136L188.22 148.49z"
/>
</svg>"Spotted Arrowhead" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.