passenger ship emoji

passenger-ship from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.

Name: passenger-ship
Set: Twitter Emoji
Style: Default
Category: Travel & Places
Viewbox: 36×36
License: CC BY 4.0

The same emoji in other sets

passenger-shipEmoji One (Colored)passenger-shipFluent Emoji passenger-shipFluent Emoji Flat passenger-shipFluent Emoji High Contrast passenger-shipNoto Emoji passenger-shipOpenMoji

More travel & places icons from Twitter Emoji

Use the passenger ship emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M31 12h-4l1-5h3z"/><path fill="#ccd6dd" d="M33 12h-8l.887-3h6.523z"/><path fill="#ccd6dd" d="m35.583 14l-.183-1h-1l-.4-2H18l-1-2H8.342L8 10h1l-.45 1H7.371L7 12h1l-2 6h28.531l.453-.969L34.6 14z"/><path fill="#ccd6dd" d="M15 10h-4l1-3h3z"/><path fill="#269" d="M14 10H9l-.45 1h5.742zm21.375 3H8.422l.328-1H35.2zm-.656 2H7.75l.344-1H34.6zM35 17H7.125l.325-1h27.425zm-2 6.964S35 21 35 17H1c1 2 4 3 5 5.817c2.272 6.401 27 1.147 27 1.147"/><path fill="#ccd6dd" d="M4.937 21h29.417c.358-1.114.646-2.481.646-4H1c.75 1.5 2.624 2.438 3.937 4"/><path fill="#55acee" d="M0 24h36v12H0z"/><path fill="#ffac33" d="M16 18v.229a.77.77 0 0 0 .771.771h1.458a.77.77 0 0 0 .771-.771V18zm3 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18zm3 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18zm4 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18zm3 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiPassengerShip(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M31 12h-4l1-5h3z"/><path fill="#ccd6dd" d="M33 12h-8l.887-3h6.523z"/><path fill="#ccd6dd" d="m35.583 14l-.183-1h-1l-.4-2H18l-1-2H8.342L8 10h1l-.45 1H7.371L7 12h1l-2 6h28.531l.453-.969L34.6 14z"/><path fill="#ccd6dd" d="M15 10h-4l1-3h3z"/><path fill="#269" d="M14 10H9l-.45 1h5.742zm21.375 3H8.422l.328-1H35.2zm-.656 2H7.75l.344-1H34.6zM35 17H7.125l.325-1h27.425zm-2 6.964S35 21 35 17H1c1 2 4 3 5 5.817c2.272 6.401 27 1.147 27 1.147"/><path fill="#ccd6dd" d="M4.937 21h29.417c.358-1.114.646-2.481.646-4H1c.75 1.5 2.624 2.438 3.937 4"/><path fill="#55acee" d="M0 24h36v12H0z"/><path fill="#ffac33" d="M16 18v.229a.77.77 0 0 0 .771.771h1.458a.77.77 0 0 0 .771-.771V18zm3 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18zm3 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18zm4 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18zm3 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M31 12h-4l1-5h3z"/><path fill="#ccd6dd" d="M33 12h-8l.887-3h6.523z"/><path fill="#ccd6dd" d="m35.583 14l-.183-1h-1l-.4-2H18l-1-2H8.342L8 10h1l-.45 1H7.371L7 12h1l-2 6h28.531l.453-.969L34.6 14z"/><path fill="#ccd6dd" d="M15 10h-4l1-3h3z"/><path fill="#269" d="M14 10H9l-.45 1h5.742zm21.375 3H8.422l.328-1H35.2zm-.656 2H7.75l.344-1H34.6zM35 17H7.125l.325-1h27.425zm-2 6.964S35 21 35 17H1c1 2 4 3 5 5.817c2.272 6.401 27 1.147 27 1.147"/><path fill="#ccd6dd" d="M4.937 21h29.417c.358-1.114.646-2.481.646-4H1c.75 1.5 2.624 2.438 3.937 4"/><path fill="#55acee" d="M0 24h36v12H0z"/><path fill="#ffac33" d="M16 18v.229a.77.77 0 0 0 .771.771h1.458a.77.77 0 0 0 .771-.771V18zm3 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18zm3 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18zm4 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18zm3 0v.229c0 .426.346.771.771.771h1.457a.77.77 0 0 0 .772-.771V18z"/></svg>
</template>

CSS

.icon-passenger-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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M31%2012h-4l1-5h3z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M33%2012h-8l.887-3h6.523z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22m35.583%2014l-.183-1h-1l-.4-2H18l-1-2H8.342L8%2010h1l-.45%201H7.371L7%2012h1l-2%206h28.531l.453-.969L34.6%2014z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M15%2010h-4l1-3h3z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M14%2010H9l-.45%201h5.742zm21.375%203H8.422l.328-1H35.2zm-.656%202H7.75l.344-1H34.6zM35%2017H7.125l.325-1h27.425zm-2%206.964S35%2021%2035%2017H1c1%202%204%203%205%205.817c2.272%206.401%2027%201.147%2027%201.147%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M4.937%2021h29.417c.358-1.114.646-2.481.646-4H1c.75%201.5%202.624%202.438%203.937%204%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M0%2024h36v12H0z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M16%2018v.229a.77.77%200%200%200%20.771.771h1.458a.77.77%200%200%200%20.771-.771V18zm3%200v.229c0%20.426.346.771.771.771h1.457a.77.77%200%200%200%20.772-.771V18zm3%200v.229c0%20.426.346.771.771.771h1.457a.77.77%200%200%200%20.772-.771V18zm4%200v.229c0%20.426.346.771.771.771h1.457a.77.77%200%200%200%20.772-.771V18zm3%200v.229c0%20.426.346.771.771.771h1.457a.77.77%200%200%200%20.772-.771V18z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M31%2012h-4l1-5h3z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M33%2012h-8l.887-3h6.523z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22m35.583%2014l-.183-1h-1l-.4-2H18l-1-2H8.342L8%2010h1l-.45%201H7.371L7%2012h1l-2%206h28.531l.453-.969L34.6%2014z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M15%2010h-4l1-3h3z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M14%2010H9l-.45%201h5.742zm21.375%203H8.422l.328-1H35.2zm-.656%202H7.75l.344-1H34.6zM35%2017H7.125l.325-1h27.425zm-2%206.964S35%2021%2035%2017H1c1%202%204%203%205%205.817c2.272%206.401%2027%201.147%2027%201.147%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M4.937%2021h29.417c.358-1.114.646-2.481.646-4H1c.75%201.5%202.624%202.438%203.937%204%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M0%2024h36v12H0z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M16%2018v.229a.77.77%200%200%200%20.771.771h1.458a.77.77%200%200%200%20.771-.771V18zm3%200v.229c0%20.426.346.771.771.771h1.457a.77.77%200%200%200%20.772-.771V18zm3%200v.229c0%20.426.346.771.771.771h1.457a.77.77%200%200%200%20.772-.771V18zm4%200v.229c0%20.426.346.771.771.771h1.457a.77.77%200%200%200%20.772-.771V18zm3%200v.229c0%20.426.346.771.771.771h1.457a.77.77%200%200%200%20.772-.771V18z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/passenger-ship.svg?color=%231a73e8&size=48