Battleship icon

game-icons:battleship

The Battleship icon (game-icons:battleship) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.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: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M247 32v23h-23v18h23v22h-39v18h39v22h-46.027l-2.54 10.154l-18.408-9.205l-8.05 16.102l21.988 10.994l-10.578 42.312l-25.592 13.96l23.691 110.564c-49.074 3.341-98.15 8.946-145.6 16.453l2.813 17.777a1639 1639 0 0 1 121.096-14.529l-.078.31c112.547 28.156 190.551 43.088 306.816-8.958l-7.355-16.43a485 485 0 0 1-26.844 11.092c-32.405-4.352-66.372-7.09-101.246-8.381l23.121-107.899l-25.592-13.959l-10.578-42.312l21.988-10.994l-8.05-16.102l-18.409 9.205L311.027 135H265v-22h39V95h-39V73h23V55h-23V32zm-31.973 121h81.946l10.16 40.639L256 165.748l-51.133 27.89zM256 186.252v140.346q-8.117.155-16.262.402h-40.46l-21.071-98.316zM224 208a16 16 0 0 0-16 16a16 16 0 0 0 16 16a16 16 0 0 0 16-16a16 16 0 0 0-16-16m68.17 0a16 16 0 0 1 16 16a16 16 0 0 1-16 16a16 16 0 0 1-16-16a16 16 0 0 1 16-16m-50.92 137h82.404c22.502.709 44.618 2.01 66.149 3.96c-58.924 14.561-109.381 9.793-169.532-3.194A1523 1523 0 0 1 241.25 345m-132.865 29.363c-7.943-.023-15.667.234-23.084.842l1.469 17.941c54.39-4.455 133.014 12.49 189.199 17.202c55.64 4.665 109.966-1.684 168.654-13.512l-3.557-17.645c-57.8 11.65-110.279 17.692-163.591 13.221c-47.153-3.954-113.49-17.885-169.09-18.049m20.22 35.285c-12.198-.079-25.387.615-38.517 1.873c-26.26 2.518-51.6 7.157-67.865 14.26l7.203 16.496c12.302-5.372 37.244-10.427 62.38-12.838c25.138-2.41 51.157-2.311 65.846.625c32.956 6.589 91.409 16.938 138.62 15.444l-.569-17.99c-44.053 1.394-102.073-8.619-134.523-15.106c-9.17-1.833-20.376-2.684-32.575-2.764"/></svg>

How to use the Battleship icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:battleship" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:battleship" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:battleship" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--battleship]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:battleship"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:battleship"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/battleship.svg" alt="Battleship icon" width="24" height="24">

Battleship icon FAQ

Is the Battleship icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Battleship icon in React?

Install @iconify/react and render <Icon icon="game-icons:battleship" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Battleship icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/battleship.svg" alt="Battleship icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →