Cruiser icon

game-icons:cruiser

The Cruiser icon (game-icons:cruiser) 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 80v53h-26v48h-34.027l-2.54 18.154l-38.408-3.205l-2.05 18.102l37.988 2.994l-4.578 34.312l-25.592 13.96l22.006 65.107a1659 1659 0 0 0-137.914 15.91l2.812 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-29.894-4.015-61.118-6.653-93.156-8.053l21.031-62.227l-25.592-13.959L325.027 181H291v-48h-26V80zm-8 71h34v30h-34zm-35.973 48h103.946l6.16 40.639L256 211.748l-57.133 27.89zM256 232.252v94.346q-8.117.155-16.262.402h-46.46l-21.071-52.316zM298.17 254c8.836 0 16 7.163 16 16s-7.164 16-16 16s-16-7.163-16-16s7.163-16 16-16m-56.92 91h82.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 Cruiser icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Cruiser icon FAQ

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

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

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

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

Browse all Game Icons →