Иконка Mini Submarine

game-icons:mini-submarine

Иконка Mini Submarine (game-icons:mini-submarine) — бесплатная 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
Теги: minisubmarine

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M106.531 32.647a8 8 0 0 0-8 8a8 8 0 0 0 8 8a8 8 0 0 0 8-8a8 8 0 0 0-8-8M127 54.11a16 16 0 0 0-16 16a16 16 0 0 0 16 16a16 16 0 0 0 16-16a16 16 0 0 0-16-16m-40 32a8 8 0 0 0-8 8a8 8 0 0 0 8 8a8 8 0 0 0 8-8a8 8 0 0 0-8-8m166.094 42.82L152 176.108v19.66l83.275-37.851l7.45 16.386L152 215.542v37.054l-66 22v-29.054l-19.275 8.761l-7.45-16.386L86 225.768v-18.861L24 235.84v69.943l74.156 59.326H150v-80h113.973l29.06-116.24zM134 130.596l-30 10v109.026l30-10zm225 34.514c-17.293 0-33.797 3.427-48.88 9.625l-5.66 22.633c16.099-9.077 34.701-14.258 54.54-14.258c61.41 0 111 49.59 111 111c0 33.888-15.104 64.172-38.959 84.514a125 125 0 0 1 15.424 10.22C471.989 365.261 488 331.524 488 294.11c0-71.138-57.862-129-129-129m-1.043 35.498c-17.968.19-36.383 5.944-51.336 17.76c80.719-7.96 130.37 44.148 138.711 112.021c17.152-52.744-8.539-94.772-43.545-117.64c-12.47-8.147-27.976-12.309-43.83-12.14zM168 303.11v62h121.707l-24.8-62zm-95.695 80c.58 16.023 2.647 30.257 6.623 41.906l.064-.28c107.631 24.527 244.498 31.838 379.018 2.923a63 63 0 0 0-4.094-6.121c-14.869-19.664-45.53-38.428-70.916-38.428zm391.265 61.768c-132.013 28.693-265.575 23.175-373.658.642c5.962 7.311 13.655 12.625 23.934 16.051c21.94 7.313 74.574 15.426 136.246 17.34c61.671 1.913 133.028-2.11 194.724-17.533c13.919-3.48 17.604-8.493 18.588-14.479c.104-.633.153-1.313.166-2.021"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

Изображение HTML

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

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

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

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

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

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

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

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

Все Game Icons →