Hover the icon or press Play. Suggested motion: nudge-right. Pick another to preview it and update the animated code:
Forward Sun icon
A free forward sun 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/forward-sun.jsonimport * as React from "react";
/**
* Forward Sun from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/forward-sun. Sized in em, colored by currentColor.
*/
export function GiForwardSunIcon(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="M71.683 379.582c-68.196-68.225-68.196-178.94 0-247.16 68.225-68.202 178.95-68.202 247.174 0 20.782 20.798 35.22 45.538 43.34 71.797h41.432v-22.185c0-10.53 6.103-13.057 13.58-5.645l68.635 67.962c7.492 7.412 7.492 19.453 0 26.865l-68.64 67.962c-7.494 7.404-13.576 4.87-13.576-5.675v-22.148h-42.573c-8.303 24.923-22.375 48.378-42.2 68.225-68.225 68.196-178.95 68.196-247.174 0zm137.443 5.77v-45.647h-27.128v45.646h27.128zm-94.513-27.917l32.27-32.29-19.177-19.17-32.276 32.29 19.183 19.17zm161.89 0l19.17-19.183-32.277-32.276-19.168 19.168 32.276 32.29zM241.41 302.28c25.47-25.44 25.47-66.77 0-92.22-25.442-25.448-66.773-25.448-92.22 0-25.45 25.45-25.45 66.78 0 92.22 25.447 25.464 66.778 25.464 92.22 0zm-128.243-31.406V243.76h-45.64v27.114h45.64zm210.4 0V243.76h-45.64v27.114h45.64zm-195.86-62.215l19.16-19.17-32.27-32.29-19.167 19.168 32.276 32.29zm135.69 0l32.275-32.3-19.176-19.168-32.283 32.284 19.183 19.183zm-54.293-33.738v-45.646H181.99v45.646h27.114z"
/>
</svg>
);
}import { GiForwardSun } from "react-icons/gi";
export function Example() {
return <GiForwardSun 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="M71.683 379.582c-68.196-68.225-68.196-178.94 0-247.16 68.225-68.202 178.95-68.202 247.174 0 20.782 20.798 35.22 45.538 43.34 71.797h41.432v-22.185c0-10.53 6.103-13.057 13.58-5.645l68.635 67.962c7.492 7.412 7.492 19.453 0 26.865l-68.64 67.962c-7.494 7.404-13.576 4.87-13.576-5.675v-22.148h-42.573c-8.303 24.923-22.375 48.378-42.2 68.225-68.225 68.196-178.95 68.196-247.174 0zm137.443 5.77v-45.647h-27.128v45.646h27.128zm-94.513-27.917l32.27-32.29-19.177-19.17-32.276 32.29 19.183 19.17zm161.89 0l19.17-19.183-32.277-32.276-19.168 19.168 32.276 32.29zM241.41 302.28c25.47-25.44 25.47-66.77 0-92.22-25.442-25.448-66.773-25.448-92.22 0-25.45 25.45-25.45 66.78 0 92.22 25.447 25.464 66.778 25.464 92.22 0zm-128.243-31.406V243.76h-45.64v27.114h45.64zm210.4 0V243.76h-45.64v27.114h45.64zm-195.86-62.215l19.16-19.17-32.27-32.29-19.167 19.168 32.276 32.29zm135.69 0l32.275-32.3-19.176-19.168-32.283 32.284 19.183 19.183zm-54.293-33.738v-45.646H181.99v45.646h27.114z"
/>
</svg>"Forward Sun" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.