Ship icon
fa-solid:ship
The Ship icon (fa-solid:ship) is a free SVG icon from the Font Awesome 5 Solid set by Dave Gandy. It is drawn on a 640 × 512 grid. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font Awesome 5 Solid
- Author
- Dave Gandy
- License
- CC-BY-4.0
- Size
- 640 × 512
- Category
- Vehicles, Maritime, Maps
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="m496.616 372.639l70.012-70.012c16.899-16.9 9.942-45.771-12.836-53.092L512 236.102V96c0-17.673-14.327-32-32-32h-64V24c0-13.255-10.745-24-24-24H248c-13.255 0-24 10.745-24 24v40h-64c-17.673 0-32 14.327-32 32v140.102l-41.792 13.433c-22.753 7.313-29.754 36.173-12.836 53.092l70.012 70.012C125.828 416.287 85.587 448 24 448c-13.255 0-24 10.745-24 24v16c0 13.255 10.745 24 24 24c61.023 0 107.499-20.61 143.258-59.396C181.677 487.432 216.021 512 256 512h128c39.979 0 74.323-24.568 88.742-59.396C508.495 491.384 554.968 512 616 512c13.255 0 24-10.745 24-24v-16c0-13.255-10.745-24-24-24c-60.817 0-101.542-31.001-119.384-75.361M192 128h256v87.531l-118.208-37.995a32 32 0 0 0-19.584 0L192 215.531z"/></svg>
How to use the Ship icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:ship" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:ship" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:ship" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--ship]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:ship"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:ship"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fa-solid/ship.svg" alt="Ship icon" width="24" height="24">
Related icons in Font Awesome 5 Solid
Ship icon in other icon sets
Ship icon FAQ
Is the Ship icon free for commercial use?
Yes. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Ship icon in React?
Install @iconify/react and render <Icon icon="fa-solid: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/fa-solid/ship.svg" alt="Ship icon">, or paste the SVG code inline to style it with CSS.
Browse all Font Awesome 5 Solid icons →
ICONYZ
