ship icon
ship from Majesticons by Gerrit Halfmann · Solid · MIT Free for personal and commercial use.
- Name
- ship
- Set
- Majesticons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Majesticons
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 AwesomeshipLucideship-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 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2h3a1 1 0 0 1 .981 1.192l-.437 2.238l-1.327-.295l-5-1.111a1 1 0 0 0-.434 0l-5 1.11l-1.327.296l-.437-2.238A1 1 0 0 1 6 5h3zm-6.092 7.996l-.125.028a1 1 0 0 0-.677 1.423l2 4a1 1 0 0 0 1.035.543L12 16.01l6.859.98a1 1 0 0 0 1.035-.543l2-4a1 1 0 0 0-.677-1.423l-.125-.028a1 1 0 0 1-.309-.02l-4-.889L12 9.024l-4.783 1.063l-4 .89a1 1 0 0 1-.309.019m6.36 7.609a3.63 3.63 0 0 1 5.465 0l.035.04a1.57 1.57 0 0 0 2.053.273a3.57 3.57 0 0 1 3.305-.344l1.245.497a1 1 0 0 1-.742 1.857l-1.245-.498a1.57 1.57 0 0 0-1.454.152a3.57 3.57 0 0 1-4.667-.62l-.035-.04a1.63 1.63 0 0 0-2.456 0l-.035.04a3.57 3.57 0 0 1-4.667.62a1.57 1.57 0 0 0-1.454-.152l-1.245.498a1 1 0 1 1-.742-1.857l1.245-.497a3.57 3.57 0 0 1 3.305.344a1.57 1.57 0 0 0 2.053-.273l.035-.04z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MajesticonsShip(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" fillRule="evenodd" d="M9 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2h3a1 1 0 0 1 .981 1.192l-.437 2.238l-1.327-.295l-5-1.111a1 1 0 0 0-.434 0l-5 1.11l-1.327.296l-.437-2.238A1 1 0 0 1 6 5h3zm-6.092 7.996l-.125.028a1 1 0 0 0-.677 1.423l2 4a1 1 0 0 0 1.035.543L12 16.01l6.859.98a1 1 0 0 0 1.035-.543l2-4a1 1 0 0 0-.677-1.423l-.125-.028a1 1 0 0 1-.309-.02l-4-.889L12 9.024l-4.783 1.063l-4 .89a1 1 0 0 1-.309.019m6.36 7.609a3.63 3.63 0 0 1 5.465 0l.035.04a1.57 1.57 0 0 0 2.053.273a3.57 3.57 0 0 1 3.305-.344l1.245.497a1 1 0 0 1-.742 1.857l-1.245-.498a1.57 1.57 0 0 0-1.454.152a3.57 3.57 0 0 1-4.667-.62l-.035-.04a1.63 1.63 0 0 0-2.456 0l-.035.04a3.57 3.57 0 0 1-4.667.62a1.57 1.57 0 0 0-1.454-.152l-1.245.498a1 1 0 1 1-.742-1.857l1.245-.497a3.57 3.57 0 0 1 3.305.344a1.57 1.57 0 0 0 2.053-.273l.035-.04z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2h3a1 1 0 0 1 .981 1.192l-.437 2.238l-1.327-.295l-5-1.111a1 1 0 0 0-.434 0l-5 1.11l-1.327.296l-.437-2.238A1 1 0 0 1 6 5h3zm-6.092 7.996l-.125.028a1 1 0 0 0-.677 1.423l2 4a1 1 0 0 0 1.035.543L12 16.01l6.859.98a1 1 0 0 0 1.035-.543l2-4a1 1 0 0 0-.677-1.423l-.125-.028a1 1 0 0 1-.309-.02l-4-.889L12 9.024l-4.783 1.063l-4 .89a1 1 0 0 1-.309.019m6.36 7.609a3.63 3.63 0 0 1 5.465 0l.035.04a1.57 1.57 0 0 0 2.053.273a3.57 3.57 0 0 1 3.305-.344l1.245.497a1 1 0 0 1-.742 1.857l-1.245-.498a1.57 1.57 0 0 0-1.454.152a3.57 3.57 0 0 1-4.667-.62l-.035-.04a1.63 1.63 0 0 0-2.456 0l-.035.04a3.57 3.57 0 0 1-4.667.62a1.57 1.57 0 0 0-1.454-.152l-1.245.498a1 1 0 1 1-.742-1.857l1.245-.497a3.57 3.57 0 0 1 3.305.344a1.57 1.57 0 0 0 2.053-.273l.035-.04z" clip-rule="evenodd"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9%203a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2h3a1%201%200%200%201%20.981%201.192l-.437%202.238l-1.327-.295l-5-1.111a1%201%200%200%200-.434%200l-5%201.11l-1.327.296l-.437-2.238A1%201%200%200%201%206%205h3zm-6.092%207.996l-.125.028a1%201%200%200%200-.677%201.423l2%204a1%201%200%200%200%201.035.543L12%2016.01l6.859.98a1%201%200%200%200%201.035-.543l2-4a1%201%200%200%200-.677-1.423l-.125-.028a1%201%200%200%201-.309-.02l-4-.889L12%209.024l-4.783%201.063l-4%20.89a1%201%200%200%201-.309.019m6.36%207.609a3.63%203.63%200%200%201%205.465%200l.035.04a1.57%201.57%200%200%200%202.053.273a3.57%203.57%200%200%201%203.305-.344l1.245.497a1%201%200%200%201-.742%201.857l-1.245-.498a1.57%201.57%200%200%200-1.454.152a3.57%203.57%200%200%201-4.667-.62l-.035-.04a1.63%201.63%200%200%200-2.456%200l-.035.04a3.57%203.57%200%200%201-4.667.62a1.57%201.57%200%200%200-1.454-.152l-1.245.498a1%201%200%201%201-.742-1.857l1.245-.497a3.57%203.57%200%200%201%203.305.344a1.57%201.57%200%200%200%202.053-.273l.035-.04z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M9%203a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2h3a1%201%200%200%201%20.981%201.192l-.437%202.238l-1.327-.295l-5-1.111a1%201%200%200%200-.434%200l-5%201.11l-1.327.296l-.437-2.238A1%201%200%200%201%206%205h3zm-6.092%207.996l-.125.028a1%201%200%200%200-.677%201.423l2%204a1%201%200%200%200%201.035.543L12%2016.01l6.859.98a1%201%200%200%200%201.035-.543l2-4a1%201%200%200%200-.677-1.423l-.125-.028a1%201%200%200%201-.309-.02l-4-.889L12%209.024l-4.783%201.063l-4%20.89a1%201%200%200%201-.309.019m6.36%207.609a3.63%203.63%200%200%201%205.465%200l.035.04a1.57%201.57%200%200%200%202.053.273a3.57%203.57%200%200%201%203.305-.344l1.245.497a1%201%200%200%201-.742%201.857l-1.245-.498a1.57%201.57%200%200%200-1.454.152a3.57%203.57%200%200%201-4.667-.62l-.035-.04a1.63%201.63%200%200%200-2.456%200l-.035.04a3.57%203.57%200%200%201-4.667.62a1.57%201.57%200%200%200-1.454-.152l-1.245.498a1%201%200%201%201-.742-1.857l1.245-.497a3.57%203.57%200%200%201%203.305.344a1.57%201.57%200%200%200%202.053-.273l.035-.04z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/majesticons/ship.svg?color=%231a73e8&size=48
