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

Game Icons · GiSail

Sail icon

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

components/icons/game-icons-sail.tsx

import * as React from "react";

/**
 * Sail from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/sail. Sized in em, colored by currentColor.
 */
export function GiSailIcon(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="M238 20v16.79c4.8-.32 9.6-.53 14.3-.6 7.3-.11 14.5.1 21.7.57V20zm19 33.94h-4.6c-24.3.39-48 4.63-79.2 12.5-.4 13.8-1.8 27.47-3.9 42.43 69.7-18.43 109.6-18.78 175.1-.1-2-15.74-8.3-28.86-16-44.46-25.7-6.71-48.2-10.27-71.4-10.37zm.3 58.26c-6.4.1-12.8.4-19.3 1v19c9-.7 17.7-1.1 26.3-1.1 3.3 0 6.5 0 9.7.1v-18.3c-5.6-.5-11.1-.7-16.7-.7zm6.8 36.6c-32.8.2-68.7 5.7-114.9 16.4-.8 109-25 203.2-60.32 288.3 106.22-24.2 242.42-24.3 343.72 1.3-12.6-138.6-29.3-202.7-68.1-290.9-36.4-10-67.1-15.2-100.4-15.1zM103 164.7v18h27.9c.2-6 .3-12 .4-18zm281.5 0c2.6 6.1 5.1 12.1 7.6 18H409v-18zM46 423v18h28.76c2.42-6 4.79-12 7.09-18zm401.7 0c.6 5.9 1.2 11.9 1.8 18H468v-18zm-187.4 30.6c-7.4 0-14.9.1-22.3.3v38.3h36v-38.5c-4.6 0-9.1-.1-13.7-.1z"
      />
    </svg>
  );
}

With react-icons

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

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

sail.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="M238 20v16.79c4.8-.32 9.6-.53 14.3-.6 7.3-.11 14.5.1 21.7.57V20zm19 33.94h-4.6c-24.3.39-48 4.63-79.2 12.5-.4 13.8-1.8 27.47-3.9 42.43 69.7-18.43 109.6-18.78 175.1-.1-2-15.74-8.3-28.86-16-44.46-25.7-6.71-48.2-10.27-71.4-10.37zm.3 58.26c-6.4.1-12.8.4-19.3 1v19c9-.7 17.7-1.1 26.3-1.1 3.3 0 6.5 0 9.7.1v-18.3c-5.6-.5-11.1-.7-16.7-.7zm6.8 36.6c-32.8.2-68.7 5.7-114.9 16.4-.8 109-25 203.2-60.32 288.3 106.22-24.2 242.42-24.3 343.72 1.3-12.6-138.6-29.3-202.7-68.1-290.9-36.4-10-67.1-15.2-100.4-15.1zM103 164.7v18h27.9c.2-6 .3-12 .4-18zm281.5 0c2.6 6.1 5.1 12.1 7.6 18H409v-18zM46 423v18h28.76c2.42-6 4.79-12 7.09-18zm401.7 0c.6 5.9 1.2 11.9 1.8 18H468v-18zm-187.4 30.6c-7.4 0-14.9.1-22.3.3v38.3h36v-38.5c-4.6 0-9.1-.1-13.7-.1z"
  />
</svg>

Attribution

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

Similar Game Icons icons