ship icon
ship from Line Awesome by Icons8 · Line · Maritime · Apache-2.0 Free for personal and commercial use.
- Name
- ship
- Set
- Line Awesome
- Style
- Line
- Category
- Maritime
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- ship-solid
The same icon in other sets
shipBoxIcons v2 SolidshipEmoji One (Colored)shipElement PlusshipFont Awesome 6 SolidshipFont Awesome SolidshipFluent EmojishipFluent Emoji FlatshipFluent Emoji High ContrastshipFirefox OS EmojishipHuge IconsshipHumbleiconsshipIconParkshipIconPark OutlineshipIconPark SolidshipIconPark TwoToneshipLucideshipMajesticonsship-fillMingCute IconshipNoto EmojishipOpenMojishipPixelarticonsship-fillRemix IconshipStreamline EmojisshipTabler Icons
Use the ship icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 3v2h-4v3H7v5.906l-.844.188v.031c-1.804.39-2.699 2.48-1.75 4.063L6 20.875v4.969a5 5 0 0 1-1.375-.625l-1.25 1.562S4.918 28 7.031 28c1.461 0 2.39-.484 2.969-.844c.582.356 1.559.844 3.031.844c1.461 0 2.39-.484 2.969-.844c.582.356 1.559.844 3.031.844c1.461 0 2.39-.484 2.969-.844c.582.356 1.559.844 3.031.844c2.114 0 3.594-1.219 3.594-1.219l-1.25-1.562s-.543.433-1.375.656v-5l1.594-2.688c.949-1.582.054-3.671-1.75-4.062L25 13.937V8h-4V5h-4V3zm-2 4h6v3h4v3.5l-6.781-1.469L16 12l-.219.031L9 13.5V10h4zm3 7.063l9.406 2c.524.113.778.636.5 1.093l-1.75 2.938l-.156.218v5.532a5 5 0 0 1-1.375-.625l-.625-.5l-.625.5S20.371 26 19.031 26s-2.406-.781-2.406-.781l-.625-.5l-.625.5S14.371 26 13.031 26s-2.406-.781-2.406-.781l-.625-.5l-.625.5s-.543.433-1.375.656v-5.563l-.156-.218l-1.75-2.938c-.278-.46-.024-.98.5-1.093zM11 16c-.602 0-1 .7-1 1.5s.398 1.5 1 1.5s1-.7 1-1.5s-.398-1.5-1-1.5m10 0c-.602 0-1 .7-1 1.5s.398 1.5 1 1.5s1-.7 1-1.5s-.398-1.5-1-1.5"/></svg>
React
import type { SVGProps } from "react";
export function LaShip(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 3v2h-4v3H7v5.906l-.844.188v.031c-1.804.39-2.699 2.48-1.75 4.063L6 20.875v4.969a5 5 0 0 1-1.375-.625l-1.25 1.562S4.918 28 7.031 28c1.461 0 2.39-.484 2.969-.844c.582.356 1.559.844 3.031.844c1.461 0 2.39-.484 2.969-.844c.582.356 1.559.844 3.031.844c1.461 0 2.39-.484 2.969-.844c.582.356 1.559.844 3.031.844c2.114 0 3.594-1.219 3.594-1.219l-1.25-1.562s-.543.433-1.375.656v-5l1.594-2.688c.949-1.582.054-3.671-1.75-4.062L25 13.937V8h-4V5h-4V3zm-2 4h6v3h4v3.5l-6.781-1.469L16 12l-.219.031L9 13.5V10h4zm3 7.063l9.406 2c.524.113.778.636.5 1.093l-1.75 2.938l-.156.218v5.532a5 5 0 0 1-1.375-.625l-.625-.5l-.625.5S20.371 26 19.031 26s-2.406-.781-2.406-.781l-.625-.5l-.625.5S14.371 26 13.031 26s-2.406-.781-2.406-.781l-.625-.5l-.625.5s-.543.433-1.375.656v-5.563l-.156-.218l-1.75-2.938c-.278-.46-.024-.98.5-1.093zM11 16c-.602 0-1 .7-1 1.5s.398 1.5 1 1.5s1-.7 1-1.5s-.398-1.5-1-1.5m10 0c-.602 0-1 .7-1 1.5s.398 1.5 1 1.5s1-.7 1-1.5s-.398-1.5-1-1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 3v2h-4v3H7v5.906l-.844.188v.031c-1.804.39-2.699 2.48-1.75 4.063L6 20.875v4.969a5 5 0 0 1-1.375-.625l-1.25 1.562S4.918 28 7.031 28c1.461 0 2.39-.484 2.969-.844c.582.356 1.559.844 3.031.844c1.461 0 2.39-.484 2.969-.844c.582.356 1.559.844 3.031.844c1.461 0 2.39-.484 2.969-.844c.582.356 1.559.844 3.031.844c2.114 0 3.594-1.219 3.594-1.219l-1.25-1.562s-.543.433-1.375.656v-5l1.594-2.688c.949-1.582.054-3.671-1.75-4.062L25 13.937V8h-4V5h-4V3zm-2 4h6v3h4v3.5l-6.781-1.469L16 12l-.219.031L9 13.5V10h4zm3 7.063l9.406 2c.524.113.778.636.5 1.093l-1.75 2.938l-.156.218v5.532a5 5 0 0 1-1.375-.625l-.625-.5l-.625.5S20.371 26 19.031 26s-2.406-.781-2.406-.781l-.625-.5l-.625.5S14.371 26 13.031 26s-2.406-.781-2.406-.781l-.625-.5l-.625.5s-.543.433-1.375.656v-5.563l-.156-.218l-1.75-2.938c-.278-.46-.024-.98.5-1.093zM11 16c-.602 0-1 .7-1 1.5s.398 1.5 1 1.5s1-.7 1-1.5s-.398-1.5-1-1.5m10 0c-.602 0-1 .7-1 1.5s.398 1.5 1 1.5s1-.7 1-1.5s-.398-1.5-1-1.5"/></svg> </template>
CSS
.icon-ship {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%203v2h-4v3H7v5.906l-.844.188v.031c-1.804.39-2.699%202.48-1.75%204.063L6%2020.875v4.969a5%205%200%200%201-1.375-.625l-1.25%201.562S4.918%2028%207.031%2028c1.461%200%202.39-.484%202.969-.844c.582.356%201.559.844%203.031.844c1.461%200%202.39-.484%202.969-.844c.582.356%201.559.844%203.031.844c1.461%200%202.39-.484%202.969-.844c.582.356%201.559.844%203.031.844c2.114%200%203.594-1.219%203.594-1.219l-1.25-1.562s-.543.433-1.375.656v-5l1.594-2.688c.949-1.582.054-3.671-1.75-4.062L25%2013.937V8h-4V5h-4V3zm-2%204h6v3h4v3.5l-6.781-1.469L16%2012l-.219.031L9%2013.5V10h4zm3%207.063l9.406%202c.524.113.778.636.5%201.093l-1.75%202.938l-.156.218v5.532a5%205%200%200%201-1.375-.625l-.625-.5l-.625.5S20.371%2026%2019.031%2026s-2.406-.781-2.406-.781l-.625-.5l-.625.5S14.371%2026%2013.031%2026s-2.406-.781-2.406-.781l-.625-.5l-.625.5s-.543.433-1.375.656v-5.563l-.156-.218l-1.75-2.938c-.278-.46-.024-.98.5-1.093zM11%2016c-.602%200-1%20.7-1%201.5s.398%201.5%201%201.5s1-.7%201-1.5s-.398-1.5-1-1.5m10%200c-.602%200-1%20.7-1%201.5s.398%201.5%201%201.5s1-.7%201-1.5s-.398-1.5-1-1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%203v2h-4v3H7v5.906l-.844.188v.031c-1.804.39-2.699%202.48-1.75%204.063L6%2020.875v4.969a5%205%200%200%201-1.375-.625l-1.25%201.562S4.918%2028%207.031%2028c1.461%200%202.39-.484%202.969-.844c.582.356%201.559.844%203.031.844c1.461%200%202.39-.484%202.969-.844c.582.356%201.559.844%203.031.844c1.461%200%202.39-.484%202.969-.844c.582.356%201.559.844%203.031.844c2.114%200%203.594-1.219%203.594-1.219l-1.25-1.562s-.543.433-1.375.656v-5l1.594-2.688c.949-1.582.054-3.671-1.75-4.062L25%2013.937V8h-4V5h-4V3zm-2%204h6v3h4v3.5l-6.781-1.469L16%2012l-.219.031L9%2013.5V10h4zm3%207.063l9.406%202c.524.113.778.636.5%201.093l-1.75%202.938l-.156.218v5.532a5%205%200%200%201-1.375-.625l-.625-.5l-.625.5S20.371%2026%2019.031%2026s-2.406-.781-2.406-.781l-.625-.5l-.625.5S14.371%2026%2013.031%2026s-2.406-.781-2.406-.781l-.625-.5l-.625.5s-.543.433-1.375.656v-5.563l-.156-.218l-1.75-2.938c-.278-.46-.024-.98.5-1.093zM11%2016c-.602%200-1%20.7-1%201.5s.398%201.5%201%201.5s1-.7%201-1.5s-.398-1.5-1-1.5m10%200c-.602%200-1%20.7-1%201.5s.398%201.5%201%201.5s1-.7%201-1.5s-.398-1.5-1-1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/ship.svg?color=%231a73e8&size=48
