Submarine icon

game-icons:submarine

The Submarine icon (game-icons:submarine) 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="M315 144v21.75L292 160l-16 80H164c-49.154 16.385-81.254 27.1-102.578 34.846L52 256l-16-16v44.918C20.047 292.31 20 296.316 20 304c0 7.712.05 11.717 16 19.162V368l16-16l9.352-18.703c21.094 7.734 52.752 18.418 101.072 34.703H372c160-16 160-128 0-128h-16v-64l-23-5.75V144zM148 263h256v18H148z"/></svg>

How to use the Submarine icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Game Icons

Submarine icon in other icon sets

Submarine icon FAQ

Is the Submarine 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 Submarine icon in React?

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

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

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

Browse all Game Icons →