Ship icon
fxemoji:ship
The Ship icon (fxemoji:ship) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Places
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#76DFFF" d="M501.617 489.617c0 6.6-5.4 12-12 12H22.383c-6.6 0-12-5.4-12-12V22.383c0-6.6 5.4-12 12-12h467.234c6.6 0 12 5.4 12 12z"/><path fill="#00BEEA" d="M10.383 338.078v151.539c0 6.6 5.4 12 12 12h467.234c6.6 0 12-5.4 12-12V340.813c-155.92-.837-365.098-2.191-491.234-2.735"/><path fill="#FFF" d="M501.617 107.075H392.762a7.2 7.2 0 0 0-7.2 7.2v15.722a16.8 16.8 0 0 0-7.501-1.775h-37.675V47.603a5.22 5.22 0 0 0-5.222-5.221h-14.037a5.22 5.22 0 0 0-5.222 5.221v80.619h-27.18a16.88 16.88 0 0 0-16.419 12.968l-17.004 71.415h-111.59a7.2 7.2 0 0 0-7.2 7.2v38.34a7.2 7.2 0 0 0 7.2 7.2H456.3a7.2 7.2 0 0 0 7.2-7.2v-16.194h38.117z"/><path fill="#2B3B47" d="M501.617 176.857H368.568c-5.179 0-9.376-4.198-9.376-9.376s4.197-9.376 9.376-9.376h133.049zm0 21.684H368.568c-5.179 0-9.376 4.198-9.376 9.376s4.197 9.376 9.376 9.376h133.049zm0 43.41H67.024c-6.607 0-10.726 7.163-7.403 12.873l56.836 97.678a8.57 8.57 0 0 0 7.403 4.258h377.757z"/><path fill="#00A6C1" d="M443.087 386.497c0 5.496-4.455 9.951-9.951 9.951c-18.504 0-36.136-7.857-48.608-21.123c-12.472 13.266-30.105 21.123-48.608 21.123c-18.738 0-36.583-8.055-49.08-21.625c-12.497 13.571-30.342 21.625-49.079 21.625c-5.496 0-9.951-4.455-9.951-9.951s4.455-9.951 9.951-9.951c16.56 0 31.541-8.495 40.074-22.725a9.95 9.95 0 0 1 9.004-4.822a9.95 9.95 0 0 1 9.006 4.822c8.533 14.229 23.515 22.725 40.075 22.725s31.541-8.495 40.074-22.725l.057-.085q.228-.376.491-.732c.059-.08.125-.152.186-.23c.14-.177.28-.354.433-.523c.104-.115.216-.219.324-.329c.119-.119.234-.242.36-.356c.157-.142.322-.272.487-.403c.089-.071.173-.146.265-.214q.336-.246.689-.462c.042-.026.08-.057.123-.083l.013-.007a10 10 0 0 1 .843-.449l.046-.024c.2-.093.406-.171.612-.25a10 10 0 0 1 1.11-.364l.083-.025a10 10 0 0 1 .768-.154c.06-.01.119-.025.18-.034c.218-.032.437-.049.656-.067c.105-.009.21-.023.315-.029c.173-.008.344-.004.517-.003c.154 0 .308-.005.463.003c.124.006.247.023.37.034c.201.017.401.032.601.061c.083.012.164.033.246.047c.235.041.47.082.703.141c.066.017.131.04.197.058c.242.066.483.133.721.218a10 10 0 0 1 1.787.842l.006.003l.059.04q.39.236.759.509c.076.056.144.118.217.176c.181.143.362.286.534.442c.115.104.219.215.328.324c.119.119.241.234.355.36c.146.161.279.33.413.499c.067.085.139.164.204.252q.26.354.488.727c.018.03.04.057.058.087c8.533 14.229 23.515 22.725 40.074 22.725c5.497 0 9.952 4.455 9.952 9.951m-150.321 30.007c-4.715-2.826-10.826-1.295-13.652 3.416c-8.534 14.229-23.515 22.725-40.075 22.725s-31.541-8.495-40.074-22.725c-.02-.034-.045-.064-.065-.098a10 10 0 0 0-.48-.717c-.065-.088-.138-.169-.205-.254c-.134-.168-.266-.337-.412-.497c-.114-.126-.236-.241-.355-.36c-.109-.108-.213-.22-.328-.324c-.172-.157-.354-.3-.535-.443c-.073-.057-.141-.119-.216-.174a10 10 0 0 0-.756-.507l-.062-.042l-.007-.003a10 10 0 0 0-1.787-.842a10 10 0 0 0-.728-.22c-.064-.017-.126-.04-.19-.056c-.234-.058-.469-.1-.705-.141c-.081-.014-.161-.034-.243-.047c-.201-.03-.403-.045-.605-.062c-.122-.011-.243-.027-.366-.034c-.157-.008-.312-.003-.469-.003c-.17 0-.34-.005-.511.003c-.107.005-.213.021-.32.029c-.217.018-.434.034-.651.066c-.062.009-.122.025-.183.035c-.256.043-.512.09-.765.153c-.025.006-.05.016-.075.022a9.7 9.7 0 0 0-1.73.617l-.048.026q-.43.204-.841.448l-.013.007c-.042.025-.079.055-.121.081c-.235.146-.467.297-.691.463c-.093.069-.179.145-.269.217c-.163.13-.327.259-.483.4c-.128.116-.246.24-.367.362c-.106.107-.216.21-.318.322a9 9 0 0 0-.44.532c-.059.075-.122.144-.178.221q-.267.361-.498.743q-.026.037-.05.075c-8.534 14.229-23.515 22.725-40.075 22.725s-31.541-8.495-40.075-22.725l-.05-.075a10 10 0 0 0-.497-.742c-.06-.081-.126-.154-.188-.233a10 10 0 0 0-.429-.518c-.109-.12-.226-.23-.339-.344s-.224-.231-.344-.339c-.167-.152-.343-.29-.518-.429c-.078-.062-.152-.128-.232-.188a10 10 0 0 0-.745-.499l-.072-.049l-.008-.004a10 10 0 0 0-1.784-.841a10 10 0 0 0-.763-.23c-.052-.014-.103-.033-.155-.046a10 10 0 0 0-.721-.144c-.076-.013-.151-.032-.227-.044c-.204-.03-.408-.045-.612-.063c-.12-.01-.239-.027-.359-.033c-.157-.008-.313-.003-.469-.003c-.17 0-.34-.005-.511.003c-.105.005-.209.02-.314.029c-.219.018-.439.035-.657.067c-.057.008-.112.023-.169.032a10 10 0 0 0-.781.156l-.04.012a10 10 0 0 0-1.492.516c-.09.039-.182.07-.271.111l-.074.039a10 10 0 0 0-.816.435l-.013.007c-.043.026-.082.057-.124.083a10 10 0 0 0-.689.462c-.09.067-.172.14-.26.21c-.167.133-.334.264-.493.408c-.124.112-.237.232-.354.349c-.111.111-.225.219-.332.336c-.15.165-.287.339-.425.513c-.064.081-.132.156-.193.239c-.173.233-.331.474-.482.719l-.065.096c-8.534 14.229-23.515 22.725-40.074 22.725c-13.254 0-25.486-5.453-34.221-14.921v25.287c10.212 6.122 22.027 9.537 34.221 9.537c18.504 0 36.136-7.858 48.609-21.123c12.473 13.266 30.105 21.123 48.609 21.123s36.136-7.858 48.609-21.123c12.473 13.266 30.105 21.123 48.609 21.123c23.264 0 45.161-12.411 57.143-32.391c2.822-4.71 1.292-10.822-3.421-13.649"/><path fill="#FF473E" d="M463.5 104.726v5.321c0 8.217-6.661 14.878-14.878 14.878h-22.079c-8.217 0-14.878-6.661-14.878-14.878v-5.321c0-8.217 6.661-14.878 14.878-14.878h22.079c8.217 0 14.878 6.661 14.878 14.878M185.344 287.289c-10.168 0-18.41 8.242-18.41 18.41s8.242 18.41 18.41 18.41s18.41-8.242 18.41-18.41s-8.243-18.41-18.41-18.41"/><circle cx="311.921" cy="305.699" r="18.41" fill="#D1CFC3"/><path fill="#597B91" d="M316.958 205.271h-10.074a7.2 7.2 0 0 1-7.2-7.2v-27.416a7.2 7.2 0 0 1 7.2-7.2h10.074a7.2 7.2 0 0 1 7.2 7.2v27.416a7.2 7.2 0 0 1-7.2 7.2"/></svg>How to use the Ship icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:ship" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:ship" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:ship" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--ship]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:ship"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:ship"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/ship.svg" alt="Ship icon" width="24" height="24">Ship icon in other icon sets
Ship icon FAQ
Is the Ship icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Ship icon in React?
Install @iconify/react and render <Icon icon="fxemoji:ship" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ship icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/ship.svg" alt="Ship icon">, or paste the SVG code inline to style it with CSS.