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

Game Icons · GiAtSea

At Sea icon

A free at sea 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/at-sea.json

components/icons/game-icons-at-sea.tsx

import * as React from "react";

/**
 * At Sea from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/at-sea. Sized in em, colored by currentColor.
 */
export function GiAtSeaIcon(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="M256.438 14.188c-132.32 0-239.782 107.46-239.782 239.78S124.118 493.75 256.436 493.75c132.32 0 239.783-107.46 239.783-239.78S388.756 14.187 256.436 14.187zm0 17.906c122.653 0 221.875 99.222 221.875 221.875 0 4.52-.14 9.014-.407 13.468-30.945 8.15-68.07-14.224-85.406-43.844-47.56 66.05-89.736 73.192-129.156-1.563-36.942 67.55-104.172 73.156-137.125 20.064-33.724 45.983-56.65 52.056-91.064 28.562-.408-5.506-.625-11.076-.625-16.687 0-122.654 99.254-221.876 221.907-221.876zm138.5 245.22c20.212 40.226 58.603 27.536 81.968 1.56-4.73 42.46-21.395 81.254-46.594 113-33.743 18.582-58.868 7.2-89.562-45.624-41.883 74.754-109.812 67.614-160.344 1.563-17.546 28.218-62.92 49.844-97.28 44.78-21.883-27.33-37.445-59.944-44.44-95.656 23.49 22.105 63.89 29.177 84.408-3.625 32.368 48.656 100.402 51.536 140.25-5.062 23.826 34.047 85.965 64.59 131.594-10.938zM177.813 401.5c48.48 75.528 137.623 45.016 162.937 10.97 17.197 19.63 37.55 20.796 57.688 12.06-38.462 32.052-87.956 51.345-142 51.345-54.692 0-104.714-19.757-143.375-52.5 24.17 8.208 50.552 4.72 64.75-21.875z"
      />
    </svg>
  );
}

With react-icons

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

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

at-sea.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="M256.438 14.188c-132.32 0-239.782 107.46-239.782 239.78S124.118 493.75 256.436 493.75c132.32 0 239.783-107.46 239.783-239.78S388.756 14.187 256.436 14.187zm0 17.906c122.653 0 221.875 99.222 221.875 221.875 0 4.52-.14 9.014-.407 13.468-30.945 8.15-68.07-14.224-85.406-43.844-47.56 66.05-89.736 73.192-129.156-1.563-36.942 67.55-104.172 73.156-137.125 20.064-33.724 45.983-56.65 52.056-91.064 28.562-.408-5.506-.625-11.076-.625-16.687 0-122.654 99.254-221.876 221.907-221.876zm138.5 245.22c20.212 40.226 58.603 27.536 81.968 1.56-4.73 42.46-21.395 81.254-46.594 113-33.743 18.582-58.868 7.2-89.562-45.624-41.883 74.754-109.812 67.614-160.344 1.563-17.546 28.218-62.92 49.844-97.28 44.78-21.883-27.33-37.445-59.944-44.44-95.656 23.49 22.105 63.89 29.177 84.408-3.625 32.368 48.656 100.402 51.536 140.25-5.062 23.826 34.047 85.965 64.59 131.594-10.938zM177.813 401.5c48.48 75.528 137.623 45.016 162.937 10.97 17.197 19.63 37.55 20.796 57.688 12.06-38.462 32.052-87.956 51.345-142 51.345-54.692 0-104.714-19.757-143.375-52.5 24.17 8.208 50.552 4.72 64.75-21.875z"
  />
</svg>

Attribution

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

Related icons:

Similar Game Icons icons