A hull with a cabin and mast, for boats, ferries, ports and anything that ships by sea. On a 24×24 grid in stroke, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M7 11.3L7 7C7 5.8954 7.8954 5 9 5L15 5C16.1046 5 17 5.8954 17 7L17 11.3M12 5L12 3M7.2083 20.6226L6.5521 20C4.6068 18.1541 3.6017 15.268 4.1928 12.6255C6.6256 11.3464 9.2068 10.1362 12 10C14.7932 10.1362 17.3744 11.3464 19.8072 12.6255C20.3892 15.2745 19.3973 18.1502 17.4479 20L17.2447 20.1928M2 20.3479C4.3679 21.6637 7.179 20.7413 9.5 19.8407C11.671 18.7159 14.2704 18.7635 16.4239 19.8595C18.1685 20.6303 20.0809 21.0813 22 20.8551M12 14L12 15" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- boat
- vessel
- sea
- freight
- cruise
- harbour
Related icons
The rest of the ship family first, then the Transport shelf.
FAQ
Answered from ship's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the ship icon for?
- A hull with a cabin and mast, for boats, ferries, ports and anything that ships by sea. It is filed under Transport in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as boat, vessel, sea, freight, cruise and harbour, and the browser's search matches all of those.
- What styles does the ship icon come in?
- All three: stroke, duotone and fill. They are drawn from the same geometry, so swapping weight never moves anything.
- Is there a square or circle version of ship?
- No. ship is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with ship?
- bike, plane, plane-landing, plane-takeoff and train, all shown below. They are the Transport shelf: nothing else in the set is named after ship.
- How do I import ship in React?
- <Ship /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <Ship size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the ship SVG?
- icons/stroke/ship.svg, icons/duotone/ship.svg and icons/fill/ship.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was ship added to the set?
- Added 12 Sept 2026. It ships in v0.9.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.