Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Game Icons · GiRiver

River icon

A free river 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

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/river.json

components/icons/game-icons-river.tsx

import * as React from "react";

/**
 * River from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/river. Sized in em, colored by currentColor.
 */
export function GiRiverIcon(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="M357.676 20.387c-2.612.01-5.23.105-7.856.29-63.314 4.438-131.13 58.006-142.117 130.253L494 162.992V89.656c-8.09-7.792-16.415-15.25-24.953-22.177-34.59-28.067-72.195-47.234-111.37-47.093zM125.55 40.812C89.363 40.94 51.743 55.725 18 86.825v81.3l172.107-18.815-.363-.054c3.872-26.688 14.327-50.957 29.162-71.742-26.973-24.13-59.536-36.82-93.357-36.7zm110.263 129.514c-24.49-.258-109.87 12.136-109.602 27.078.46 25.55 104.433 51.553 94.726 53.018C122.553 265.27 67.968 265.427 35.34 295.2c-38.914 35.507 214.983 80.92 184.422 89.687-57.204 16.412-107.82 36.256-109.002 88.414-.17 7.52.8 14.385 2.705 20.7h54.945c-15.423-20.635-24.05-40.664-14.6-45.912 10.413 15.107 22.492 31.126 36.174 45.912h64.286c-19.474-9.912-51.732-29.408-50.594-49.424 1.6-28.17 66.37-47.758 69.883-47.758 0 0-48.786 26.384-49.867 49.866-.767 16.68 22.317 36.985 35.69 47.316h51.976c-16.454-12.325-26.478-24.92-20.426-31.885 15.54 11.066 33.115 22.438 51.826 31.885h106.717c-56.74-15.988-102.683-32.67-115.225-53.127-10.196-16.63 72.362-27.836 60.408-78.902-5.79-24.738-58.24-41.094-203.222-62.626-25.368-3.768 134.358-19.456 129.818-57.11-2.65-21.98-103.288-26.85-114.58-36.933-4.746-4.237 5.863-29.56 29.137-34.974zM91.425 308.056c33.376-.145 84.385 22.424 122.8 36.747l-1.79 11.67c-28.404-10.606-103.905-37.464-127.442-48.077 2.06-.22 4.207-.332 6.432-.34zm270.234 53.803c.103-.006.1.077-.015.253 3.9 12.183-21.487 44.05-61.807 42.842 14.153-7.15 59.732-43.004 61.822-43.096z"
      />
    </svg>
  );
}

With react-icons

import { GiRiver } from "react-icons/gi";

export function Example() {
  return <GiRiver className="size-5" />;
}

river.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="M357.676 20.387c-2.612.01-5.23.105-7.856.29-63.314 4.438-131.13 58.006-142.117 130.253L494 162.992V89.656c-8.09-7.792-16.415-15.25-24.953-22.177-34.59-28.067-72.195-47.234-111.37-47.093zM125.55 40.812C89.363 40.94 51.743 55.725 18 86.825v81.3l172.107-18.815-.363-.054c3.872-26.688 14.327-50.957 29.162-71.742-26.973-24.13-59.536-36.82-93.357-36.7zm110.263 129.514c-24.49-.258-109.87 12.136-109.602 27.078.46 25.55 104.433 51.553 94.726 53.018C122.553 265.27 67.968 265.427 35.34 295.2c-38.914 35.507 214.983 80.92 184.422 89.687-57.204 16.412-107.82 36.256-109.002 88.414-.17 7.52.8 14.385 2.705 20.7h54.945c-15.423-20.635-24.05-40.664-14.6-45.912 10.413 15.107 22.492 31.126 36.174 45.912h64.286c-19.474-9.912-51.732-29.408-50.594-49.424 1.6-28.17 66.37-47.758 69.883-47.758 0 0-48.786 26.384-49.867 49.866-.767 16.68 22.317 36.985 35.69 47.316h51.976c-16.454-12.325-26.478-24.92-20.426-31.885 15.54 11.066 33.115 22.438 51.826 31.885h106.717c-56.74-15.988-102.683-32.67-115.225-53.127-10.196-16.63 72.362-27.836 60.408-78.902-5.79-24.738-58.24-41.094-203.222-62.626-25.368-3.768 134.358-19.456 129.818-57.11-2.65-21.98-103.288-26.85-114.58-36.933-4.746-4.237 5.863-29.56 29.137-34.974zM91.425 308.056c33.376-.145 84.385 22.424 122.8 36.747l-1.79 11.67c-28.404-10.606-103.905-37.464-127.442-48.077 2.06-.22 4.207-.332 6.432-.34zm270.234 53.803c.103-.006.1.077-.015.253 3.9 12.183-21.487 44.05-61.807 42.842 14.153-7.15 59.732-43.004 61.822-43.096z"
  />
</svg>

Attribution

"River" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Similar Game Icons icons