Иконка Boat Engine
game-icons:boat-engine
Иконка Boat Engine (game-icons:boat-engine) — бесплатная 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
- Теги
- boatengine
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M342.4 21.55c-27.6 0-65.4 9.54-116.7 19.29c-22.5 4.27-31.5 14.12-36.5 26.87c-4.5 11.4-4.8 25.7-4.4 39.09l73.7 44.2H409l13.6-54.34c-9.8-25.79-19.8-43.48-30.2-54.78c-10.8-11.69-21.9-17.15-36.1-19.35c-3.6-.55-7.3-.85-11.3-.95c-.9-.02-1.7-.03-2.6-.03M18.7 71.03l-1.4 17.94l34.84 2.71l1.82-17.91zm53.21 4.13l-1.82 17.92l96.51 7.52c-.1-5.78.1-11.86.8-18.02zM297 169v78h49.4l39-78zm-185 46c-21.91 0-46.08 13-66.13 25.3C25.82 252.7 10.39 265 10.39 265l11.22 14s14.68-11.7 33.68-23.3C74.3 244 98.13 233 112 233c13.9 0 27.3 10 42.4 22c15 12 31.7 26 53.6 26s38.6-14 53.6-26c4.1-3.3 8.1-6.4 12-9.2c1.4-7.8 2.6-15.8 3.5-23.7c-9.8 5.2-18.5 12.3-26.7 18.9c-15.1 12-28.5 22-42.4 22s-27.3-10-42.4-22c-15-12-31.7-26-53.6-26m378.4 2s-14.7 11.7-33.7 23.3C437.7 252 413.9 263 400 263c-11 0-21.6-6.2-33-14.8c-2.6 6.4-4.6 12.3-6.1 18c11.3 8.1 24 14.8 39.1 14.8c21.9 0 46.1-13 66.1-25.3c20.1-12.4 35.5-24.7 35.5-24.7zM288 265c-.4 1.7-.9 3.5-1.3 5.2c-5.6 22.6-12 41.5-21.7 53.1V359h99.5c-13.6-17.5-22.3-35-24.8-54.4c-1.6-12.5-.6-25.6 2.9-39.6zm64 110v18c1 0 .7-.2 1.8 1.4c1.2 1.6 2.5 5 3.4 9.4c1.1 5.7 1.5 12.8 1.7 19.2h-38.1l5.1-46H265v36.3l48.8 73.1l5-45.4h40.3c.1 7 .5 15.1 2.1 22.8c1.1 5.6 2.8 11.2 6.1 16.1c3.4 4.9 9.7 9.1 16.7 9.1v-18c-1 0-.7.2-1.8-1.4c-1.2-1.6-2.5-5-3.4-9.4c-1.1-5.7-1.5-12.8-1.7-19.2H392v-18h-15.1c-.1-7-.5-15.1-2.1-22.8c-1.1-5.6-2.8-11.2-6.1-16.1c-3.4-4.9-9.7-9.1-16.7-9.1"/></svg>Как использовать иконку Boat Engine
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:boat-engine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:boat-engine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:boat-engine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--boat-engine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:boat-engine"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:boat-engine"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/game-icons/boat-engine.svg" alt="Иконка Boat Engine" width="24" height="24">Похожие иконки в наборе Game Icons
Вопросы и ответы: Иконка Boat Engine
Можно ли бесплатно использовать иконку Boat Engine в коммерческих проектах?
Да. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Boat Engine в React?
Установите @iconify/react и выведите <Icon icon="game-icons:boat-engine" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Boat Engine на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/game-icons/boat-engine.svg" alt="Иконка Boat Engine">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.