ship emoji
ship from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- ship
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
shipBoxIcons v2 SolidshipEmoji One (Colored)shipElement PlusshipFont Awesome 6 SolidshipFont Awesome SolidshipFluent EmojishipFluent Emoji High ContrastshipFirefox OS EmojishipHuge IconsshipHumbleiconsshipIconParkshipIconPark OutlineshipIconPark SolidshipIconPark TwoToneshipLine AwesomeshipLucideshipMajesticonsship-fillMingCute IconshipNoto EmojishipOpenMojishipPixelarticonsship-fillRemix IconshipStreamline EmojisshipTabler Icons
More travel & places icons from Fluent Emoji Flat
Use the ship emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="m20 9l2-3h5v3h3v6l-8 1l-8-1l1.565-5.56a.59.59 0 0 1 .57-.44z"/><path fill="#cdc4d6" d="M22 16h8v7l-13 3l-13-3l-1.962-5.716A1.01 1.01 0 0 1 3.015 16z"/><path fill="#26eafc" d="M24.66 12.99h.67c.37 0 .66-.3.66-.66v-.67c0-.37-.3-.66-.66-.66h-.67c-.37 0-.66.3-.66.66v.67c0 .37.29.66.66.66"/><path fill="#ca0b4a" d="m4 23l1.801 6.273c.12.428.517.727.965.727h22.229A1 1 0 0 0 30 29.004V23z"/><path fill="#00a6ed" d="M21 11c.54 0 1 0 1 1c0 .982-.444.99-.971 1h-6.462l.557-2zm-5.664 10h-.672a.67.67 0 0 1-.664-.664v-.672c0-.362.293-.664.664-.664h.672c.362 0 .664.293.664.664v.672a.664.664 0 0 1-.664.664m3.328 0h.672c.37 0 .664-.302.664-.664v-.672a.664.664 0 0 0-.664-.664h-.672a.664.664 0 0 0-.664.664v.672c0 .362.293.664.664.664m4.672 0h-.672a.664.664 0 0 1-.664-.664v-.672c0-.362.293-.664.664-.664h.672c.362 0 .664.293.664.664v.672a.664.664 0 0 1-.664.664m3.328 0h.672c.37 0 .664-.302.664-.664v-.672a.664.664 0 0 0-.664-.664h-.672a.664.664 0 0 0-.664.664v.672c0 .362.293.664.664.664m-1.334-8.01h-.67c-.37 0-.66-.29-.66-.66v-.67c0-.36.29-.66.66-.66h.67c.36 0 .66.29.66.66v.67c0 .36-.29.66-.66.66m4.68 14.68c-1.75 0-1.75 1.12-3.51 1.12c-1.75 0-1.75-1.12-3.51-1.12c-1.75 0-1.75 1.12-3.5 1.12s-1.75-1.12-3.5-1.12s-1.75 1.12-3.5 1.12s-1.75-1.12-3.5-1.12s-1.75 1.12-3.49 1.12c-1.75 0-1.75-1.12-3.5-1.12v2.32h28z"/><path fill="#533566" d="M26.596 4c.212 0 .394.18.394.412H27V6h-5l.663-1.156A1.66 1.66 0 0 1 24.097 4zM5 16h25v-1H5.58c-.32 0-.58.263-.58.586z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatShip(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="m20 9l2-3h5v3h3v6l-8 1l-8-1l1.565-5.56a.59.59 0 0 1 .57-.44z"/><path fill="#cdc4d6" d="M22 16h8v7l-13 3l-13-3l-1.962-5.716A1.01 1.01 0 0 1 3.015 16z"/><path fill="#26eafc" d="M24.66 12.99h.67c.37 0 .66-.3.66-.66v-.67c0-.37-.3-.66-.66-.66h-.67c-.37 0-.66.3-.66.66v.67c0 .37.29.66.66.66"/><path fill="#ca0b4a" d="m4 23l1.801 6.273c.12.428.517.727.965.727h22.229A1 1 0 0 0 30 29.004V23z"/><path fill="#00a6ed" d="M21 11c.54 0 1 0 1 1c0 .982-.444.99-.971 1h-6.462l.557-2zm-5.664 10h-.672a.67.67 0 0 1-.664-.664v-.672c0-.362.293-.664.664-.664h.672c.362 0 .664.293.664.664v.672a.664.664 0 0 1-.664.664m3.328 0h.672c.37 0 .664-.302.664-.664v-.672a.664.664 0 0 0-.664-.664h-.672a.664.664 0 0 0-.664.664v.672c0 .362.293.664.664.664m4.672 0h-.672a.664.664 0 0 1-.664-.664v-.672c0-.362.293-.664.664-.664h.672c.362 0 .664.293.664.664v.672a.664.664 0 0 1-.664.664m3.328 0h.672c.37 0 .664-.302.664-.664v-.672a.664.664 0 0 0-.664-.664h-.672a.664.664 0 0 0-.664.664v.672c0 .362.293.664.664.664m-1.334-8.01h-.67c-.37 0-.66-.29-.66-.66v-.67c0-.36.29-.66.66-.66h.67c.36 0 .66.29.66.66v.67c0 .36-.29.66-.66.66m4.68 14.68c-1.75 0-1.75 1.12-3.51 1.12c-1.75 0-1.75-1.12-3.51-1.12c-1.75 0-1.75 1.12-3.5 1.12s-1.75-1.12-3.5-1.12s-1.75 1.12-3.5 1.12s-1.75-1.12-3.5-1.12s-1.75 1.12-3.49 1.12c-1.75 0-1.75-1.12-3.5-1.12v2.32h28z"/><path fill="#533566" d="M26.596 4c.212 0 .394.18.394.412H27V6h-5l.663-1.156A1.66 1.66 0 0 1 24.097 4zM5 16h25v-1H5.58c-.32 0-.58.263-.58.586z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="m20 9l2-3h5v3h3v6l-8 1l-8-1l1.565-5.56a.59.59 0 0 1 .57-.44z"/><path fill="#cdc4d6" d="M22 16h8v7l-13 3l-13-3l-1.962-5.716A1.01 1.01 0 0 1 3.015 16z"/><path fill="#26eafc" d="M24.66 12.99h.67c.37 0 .66-.3.66-.66v-.67c0-.37-.3-.66-.66-.66h-.67c-.37 0-.66.3-.66.66v.67c0 .37.29.66.66.66"/><path fill="#ca0b4a" d="m4 23l1.801 6.273c.12.428.517.727.965.727h22.229A1 1 0 0 0 30 29.004V23z"/><path fill="#00a6ed" d="M21 11c.54 0 1 0 1 1c0 .982-.444.99-.971 1h-6.462l.557-2zm-5.664 10h-.672a.67.67 0 0 1-.664-.664v-.672c0-.362.293-.664.664-.664h.672c.362 0 .664.293.664.664v.672a.664.664 0 0 1-.664.664m3.328 0h.672c.37 0 .664-.302.664-.664v-.672a.664.664 0 0 0-.664-.664h-.672a.664.664 0 0 0-.664.664v.672c0 .362.293.664.664.664m4.672 0h-.672a.664.664 0 0 1-.664-.664v-.672c0-.362.293-.664.664-.664h.672c.362 0 .664.293.664.664v.672a.664.664 0 0 1-.664.664m3.328 0h.672c.37 0 .664-.302.664-.664v-.672a.664.664 0 0 0-.664-.664h-.672a.664.664 0 0 0-.664.664v.672c0 .362.293.664.664.664m-1.334-8.01h-.67c-.37 0-.66-.29-.66-.66v-.67c0-.36.29-.66.66-.66h.67c.36 0 .66.29.66.66v.67c0 .36-.29.66-.66.66m4.68 14.68c-1.75 0-1.75 1.12-3.51 1.12c-1.75 0-1.75-1.12-3.51-1.12c-1.75 0-1.75 1.12-3.5 1.12s-1.75-1.12-3.5-1.12s-1.75 1.12-3.5 1.12s-1.75-1.12-3.5-1.12s-1.75 1.12-3.49 1.12c-1.75 0-1.75-1.12-3.5-1.12v2.32h28z"/><path fill="#533566" d="M26.596 4c.212 0 .394.18.394.412H27V6h-5l.663-1.156A1.66 1.66 0 0 1 24.097 4zM5 16h25v-1H5.58c-.32 0-.58.263-.58.586z"/></g></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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22m20%209l2-3h5v3h3v6l-8%201l-8-1l1.565-5.56a.59.59%200%200%201%20.57-.44z%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M22%2016h8v7l-13%203l-13-3l-1.962-5.716A1.01%201.01%200%200%201%203.015%2016z%22%2F%3E%3Cpath%20fill%3D%22%2326eafc%22%20d%3D%22M24.66%2012.99h.67c.37%200%20.66-.3.66-.66v-.67c0-.37-.3-.66-.66-.66h-.67c-.37%200-.66.3-.66.66v.67c0%20.37.29.66.66.66%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22m4%2023l1.801%206.273c.12.428.517.727.965.727h22.229A1%201%200%200%200%2030%2029.004V23z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M21%2011c.54%200%201%200%201%201c0%20.982-.444.99-.971%201h-6.462l.557-2zm-5.664%2010h-.672a.67.67%200%200%201-.664-.664v-.672c0-.362.293-.664.664-.664h.672c.362%200%20.664.293.664.664v.672a.664.664%200%200%201-.664.664m3.328%200h.672c.37%200%20.664-.302.664-.664v-.672a.664.664%200%200%200-.664-.664h-.672a.664.664%200%200%200-.664.664v.672c0%20.362.293.664.664.664m4.672%200h-.672a.664.664%200%200%201-.664-.664v-.672c0-.362.293-.664.664-.664h.672c.362%200%20.664.293.664.664v.672a.664.664%200%200%201-.664.664m3.328%200h.672c.37%200%20.664-.302.664-.664v-.672a.664.664%200%200%200-.664-.664h-.672a.664.664%200%200%200-.664.664v.672c0%20.362.293.664.664.664m-1.334-8.01h-.67c-.37%200-.66-.29-.66-.66v-.67c0-.36.29-.66.66-.66h.67c.36%200%20.66.29.66.66v.67c0%20.36-.29.66-.66.66m4.68%2014.68c-1.75%200-1.75%201.12-3.51%201.12c-1.75%200-1.75-1.12-3.51-1.12c-1.75%200-1.75%201.12-3.5%201.12s-1.75-1.12-3.5-1.12s-1.75%201.12-3.5%201.12s-1.75-1.12-3.5-1.12s-1.75%201.12-3.49%201.12c-1.75%200-1.75-1.12-3.5-1.12v2.32h28z%22%2F%3E%3Cpath%20fill%3D%22%23533566%22%20d%3D%22M26.596%204c.212%200%20.394.18.394.412H27V6h-5l.663-1.156A1.66%201.66%200%200%201%2024.097%204zM5%2016h25v-1H5.58c-.32%200-.58.263-.58.586z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22m20%209l2-3h5v3h3v6l-8%201l-8-1l1.565-5.56a.59.59%200%200%201%20.57-.44z%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M22%2016h8v7l-13%203l-13-3l-1.962-5.716A1.01%201.01%200%200%201%203.015%2016z%22%2F%3E%3Cpath%20fill%3D%22%2326eafc%22%20d%3D%22M24.66%2012.99h.67c.37%200%20.66-.3.66-.66v-.67c0-.37-.3-.66-.66-.66h-.67c-.37%200-.66.3-.66.66v.67c0%20.37.29.66.66.66%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22m4%2023l1.801%206.273c.12.428.517.727.965.727h22.229A1%201%200%200%200%2030%2029.004V23z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M21%2011c.54%200%201%200%201%201c0%20.982-.444.99-.971%201h-6.462l.557-2zm-5.664%2010h-.672a.67.67%200%200%201-.664-.664v-.672c0-.362.293-.664.664-.664h.672c.362%200%20.664.293.664.664v.672a.664.664%200%200%201-.664.664m3.328%200h.672c.37%200%20.664-.302.664-.664v-.672a.664.664%200%200%200-.664-.664h-.672a.664.664%200%200%200-.664.664v.672c0%20.362.293.664.664.664m4.672%200h-.672a.664.664%200%200%201-.664-.664v-.672c0-.362.293-.664.664-.664h.672c.362%200%20.664.293.664.664v.672a.664.664%200%200%201-.664.664m3.328%200h.672c.37%200%20.664-.302.664-.664v-.672a.664.664%200%200%200-.664-.664h-.672a.664.664%200%200%200-.664.664v.672c0%20.362.293.664.664.664m-1.334-8.01h-.67c-.37%200-.66-.29-.66-.66v-.67c0-.36.29-.66.66-.66h.67c.36%200%20.66.29.66.66v.67c0%20.36-.29.66-.66.66m4.68%2014.68c-1.75%200-1.75%201.12-3.51%201.12c-1.75%200-1.75-1.12-3.51-1.12c-1.75%200-1.75%201.12-3.5%201.12s-1.75-1.12-3.5-1.12s-1.75%201.12-3.5%201.12s-1.75-1.12-3.5-1.12s-1.75%201.12-3.49%201.12c-1.75%200-1.75-1.12-3.5-1.12v2.32h28z%22%2F%3E%3Cpath%20fill%3D%22%23533566%22%20d%3D%22M26.596%204c.212%200%20.394.18.394.412H27V6h-5l.663-1.156A1.66%201.66%200%200%201%2024.097%204zM5%2016h25v-1H5.58c-.32%200-.58.263-.58.586z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/ship.svg?color=%231a73e8&size=48
