Иконка Battleship

game-icons:battleship

Иконка Battleship (game-icons:battleship) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Game Icons
Автор: GameIcons
Лицензия: CC-BY-3.0
Размер: 512 × 512

Скачать SVG

Код SVG

<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>

Как использовать иконку Battleship

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Battleship

Можно ли бесплатно использовать иконку Battleship в коммерческих проектах?

Да. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Battleship в React?

Установите @iconify/react и выведите <Icon icon="game-icons:battleship" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Battleship на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/game-icons/battleship.svg" alt="Иконка Battleship">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Game Icons →