Passenger Ship icon
fluent-emoji-high-contrast:passenger-ship
The Passenger Ship icon (fluent-emoji-high-contrast:passenger-ship) is a free SVG icon from the Fluent Emoji High Contrast set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji High Contrast icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji High Contrast
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Category
- Travel & Places
- Tags
- passengership
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M28.828 5a2.75 2.75 0 0 0-2.555 1.733L25 10h-1v-.198A.8.8 0 0 0 23.202 9H21V7.807a.749.749 0 0 0-.5-1.307a.749.749 0 0 0-.5 1.307V9h-2.192a.8.8 0 0 0-.798.802V10h-1.679a.82.82 0 0 0-.552.235l-.768.765H30V5.634A.633.633 0 0 0 29.365 5zM12 13l1.005-1H30v2H10.037l.54-.53c.31-.3.732-.47 1.163-.47zm18 2H9.019L8 16H4.587c-.962 0-1.711.848-1.57 1.786l.587 4.111c.165 1.918 1.012 3.645 2.288 5.006l.066.029a.8.8 0 0 0 .29.034c.18 0 .25-.021.283-.033c.054-.02.11-.049.298-.16l.012-.008C7.357 26.457 8.139 26 9.488 26c1.35 0 2.132.457 2.647.764l.011.006c.188.112.245.142.3.162a.8.8 0 0 0 .291.034a.8.8 0 0 0 .29-.034c.057-.02.114-.05.301-.162l.012-.006c.515-.306 1.297-.764 2.646-.764c1.35 0 2.131.457 2.646.764l.012.006c.09.054.2.126.3.162a.8.8 0 0 0 .29.034a.8.8 0 0 0 .291-.034c.056-.02.113-.05.3-.162l.012-.006c.515-.306 1.297-.764 2.647-.764s2.134.455 2.652.762l.012.008c.189.111.246.142.303.162a.9.9 0 0 0 .29.034a.9.9 0 0 0 .295-.035a2 2 0 0 0 .307-.164l.01-.006C26.87 26.456 27.653 26 29 26h1v-2H8.45c-.25 0-.45-.22-.45-.5s.199-.5.45-.5H30zM6.5 19c-.28 0-.5-.22-.5-.5c0-.27.22-.5.5-.5s.5.22.5.5s-.22.5-.5.5m3.84-1h.33c.19 0 .34.15.34.34v1.32c0 .19-.15.34-.34.34h-.33c-.19 0-.34-.15-.34-.34v-1.32c0-.19.15-.34.34-.34m1.66.34c0-.19.15-.34.34-.34h.33c.19 0 .34.15.34.34v1.32c0 .19-.15.34-.34.34h-.33c-.19 0-.34-.15-.34-.34zm2.35-.34h.33c.19 0 .34.15.34.34v1.32c0 .19-.15.34-.34.34h-.33c-.19 0-.34-.15-.34-.34v-1.32c0-.19.15-.34.34-.34m1.65.34c0-.19.15-.34.34-.34h.33c.19 0 .34.15.34.34v1.32c0 .19-.15.34-.34.34h-.33c-.19 0-.34-.15-.34-.34zm5.34-.34h.33c.19 0 .34.15.34.34v1.32c0 .19-.15.34-.34.34h-.33c-.19 0-.34-.15-.34-.34v-1.32c0-.19.15-.34.34-.34m1.66.34c0-.19.15-.34.34-.34h.33c.19 0 .34.15.34.34v1.32c0 .19-.15.34-.34.34h-.33c-.19 0-.34-.15-.34-.34zm2.34-.34h.33c.19 0 .34.15.34.34v1.32c0 .19-.15.34-.34.34h-.33c-.19 0-.34-.15-.34-.34v-1.32c0-.19.15-.34.34-.34m2 0h.33c.19 0 .34.15.34.34v1.32c0 .19-.15.34-.34.34h-.33c-.19 0-.34-.15-.34-.34v-1.32c0-.19.15-.34.34-.34M6.925 27.853a1.7 1.7 0 0 1-.676.112c-.538 0-.757-.13-1.102-.335l-.012-.007C4.675 27.35 4.081 27 3 27H2v4h28v-4h-1c-1.08 0-1.676.349-2.138.622l-.01.006c-.35.206-.571.337-1.11.337c-.537 0-.757-.13-1.103-.335l-.013-.008c-.463-.274-1.058-.622-2.142-.622c-1.081 0-1.675.35-2.136.623l-.011.007c-.345.205-.564.335-1.102.335s-.757-.13-1.102-.335l-.012-.007c-.46-.274-1.054-.623-2.135-.623s-1.675.35-2.135.623l-.012.007c-.345.205-.564.335-1.102.335c-.537 0-.757-.13-1.102-.335l-.011-.007c-.46-.274-1.055-.623-2.136-.623c-1.08 0-1.675.35-2.135.624l-.012.007c-.151.09-.277.165-.416.222"/></svg>How to use the Passenger Ship icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:passenger-ship" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:passenger-ship" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:passenger-ship" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--passenger-ship]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:passenger-ship"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:passenger-ship"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/passenger-ship.svg" alt="Passenger Ship icon" width="24" height="24">Passenger Ship icon in other icon sets
Passenger Ship icon FAQ
Is the Passenger Ship icon free for commercial use?
Yes. Fluent Emoji High Contrast icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Passenger Ship icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji-high-contrast:passenger-ship" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Passenger Ship icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/passenger-ship.svg" alt="Passenger Ship icon">, or paste the SVG code inline to style it with CSS.