ship icon
ship-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- ship-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
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 TwoToneshipLine AwesomeshipLucideshipMajesticonsshipNoto 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 24 24"><path fill="currentColor" d="M14.212 17.776a4 4 0 0 1 3.577 0l2.658 1.33a1 1 0 0 1-.895 1.788l-2.658-1.329a2 2 0 0 0-1.789 0l-1.316.659a4 4 0 0 1-3.577 0l-1.318-.659a2 2 0 0 0-1.789 0l-2.658 1.33a1 1 0 0 1-.895-1.79l2.66-1.329a4 4 0 0 1 3.577 0l1.316.659a2 2 0 0 0 1.79 0zM13 2a1 1 0 0 1 1 1v1.32l3.329.554a2 2 0 0 1 1.67 1.973v3.432l2.06.687a1.25 1.25 0 0 1 .753 1.678l-2.169 5.06l-1.854-.928a4 4 0 0 0-3.577 0l-1.318.659a2 2 0 0 1-1.789 0l-1.316-.659a4 4 0 0 0-3.577 0l-1.27.635l-2.66-4.65a1.25 1.25 0 0 1 .691-1.806L5 10.28V6.847a2 2 0 0 1 1.672-1.973L10 4.319V3a1 1 0 0 1 1-1zM7 6.847v2.765l4.368-1.456a2 2 0 0 1 1.265 0L17 9.612V6.847l-5-.833z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteShipFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.212 17.776a4 4 0 0 1 3.577 0l2.658 1.33a1 1 0 0 1-.895 1.788l-2.658-1.329a2 2 0 0 0-1.789 0l-1.316.659a4 4 0 0 1-3.577 0l-1.318-.659a2 2 0 0 0-1.789 0l-2.658 1.33a1 1 0 0 1-.895-1.79l2.66-1.329a4 4 0 0 1 3.577 0l1.316.659a2 2 0 0 0 1.79 0zM13 2a1 1 0 0 1 1 1v1.32l3.329.554a2 2 0 0 1 1.67 1.973v3.432l2.06.687a1.25 1.25 0 0 1 .753 1.678l-2.169 5.06l-1.854-.928a4 4 0 0 0-3.577 0l-1.318.659a2 2 0 0 1-1.789 0l-1.316-.659a4 4 0 0 0-3.577 0l-1.27.635l-2.66-4.65a1.25 1.25 0 0 1 .691-1.806L5 10.28V6.847a2 2 0 0 1 1.672-1.973L10 4.319V3a1 1 0 0 1 1-1zM7 6.847v2.765l4.368-1.456a2 2 0 0 1 1.265 0L17 9.612V6.847l-5-.833z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.212 17.776a4 4 0 0 1 3.577 0l2.658 1.33a1 1 0 0 1-.895 1.788l-2.658-1.329a2 2 0 0 0-1.789 0l-1.316.659a4 4 0 0 1-3.577 0l-1.318-.659a2 2 0 0 0-1.789 0l-2.658 1.33a1 1 0 0 1-.895-1.79l2.66-1.329a4 4 0 0 1 3.577 0l1.316.659a2 2 0 0 0 1.79 0zM13 2a1 1 0 0 1 1 1v1.32l3.329.554a2 2 0 0 1 1.67 1.973v3.432l2.06.687a1.25 1.25 0 0 1 .753 1.678l-2.169 5.06l-1.854-.928a4 4 0 0 0-3.577 0l-1.318.659a2 2 0 0 1-1.789 0l-1.316-.659a4 4 0 0 0-3.577 0l-1.27.635l-2.66-4.65a1.25 1.25 0 0 1 .691-1.806L5 10.28V6.847a2 2 0 0 1 1.672-1.973L10 4.319V3a1 1 0 0 1 1-1zM7 6.847v2.765l4.368-1.456a2 2 0 0 1 1.265 0L17 9.612V6.847l-5-.833z"/></svg> </template>
CSS
.icon-ship-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.212%2017.776a4%204%200%200%201%203.577%200l2.658%201.33a1%201%200%200%201-.895%201.788l-2.658-1.329a2%202%200%200%200-1.789%200l-1.316.659a4%204%200%200%201-3.577%200l-1.318-.659a2%202%200%200%200-1.789%200l-2.658%201.33a1%201%200%200%201-.895-1.79l2.66-1.329a4%204%200%200%201%203.577%200l1.316.659a2%202%200%200%200%201.79%200zM13%202a1%201%200%200%201%201%201v1.32l3.329.554a2%202%200%200%201%201.67%201.973v3.432l2.06.687a1.25%201.25%200%200%201%20.753%201.678l-2.169%205.06l-1.854-.928a4%204%200%200%200-3.577%200l-1.318.659a2%202%200%200%201-1.789%200l-1.316-.659a4%204%200%200%200-3.577%200l-1.27.635l-2.66-4.65a1.25%201.25%200%200%201%20.691-1.806L5%2010.28V6.847a2%202%200%200%201%201.672-1.973L10%204.319V3a1%201%200%200%201%201-1zM7%206.847v2.765l4.368-1.456a2%202%200%200%201%201.265%200L17%209.612V6.847l-5-.833z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.212%2017.776a4%204%200%200%201%203.577%200l2.658%201.33a1%201%200%200%201-.895%201.788l-2.658-1.329a2%202%200%200%200-1.789%200l-1.316.659a4%204%200%200%201-3.577%200l-1.318-.659a2%202%200%200%200-1.789%200l-2.658%201.33a1%201%200%200%201-.895-1.79l2.66-1.329a4%204%200%200%201%203.577%200l1.316.659a2%202%200%200%200%201.79%200zM13%202a1%201%200%200%201%201%201v1.32l3.329.554a2%202%200%200%201%201.67%201.973v3.432l2.06.687a1.25%201.25%200%200%201%20.753%201.678l-2.169%205.06l-1.854-.928a4%204%200%200%200-3.577%200l-1.318.659a2%202%200%200%201-1.789%200l-1.316-.659a4%204%200%200%200-3.577%200l-1.27.635l-2.66-4.65a1.25%201.25%200%200%201%20.691-1.806L5%2010.28V6.847a2%202%200%200%201%201.672-1.973L10%204.319V3a1%201%200%200%201%201-1zM7%206.847v2.765l4.368-1.456a2%202%200%200%201%201.265%200L17%209.612V6.847l-5-.833z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/ship-fill.svg?color=%231a73e8&size=48
