Boat Alt icon
cil:boat-alt
The Boat Alt icon (cil:boat-alt) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free icons are released under the CC BY 4.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
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
- Tags
- boatalt
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M410.866 181.063A32.1 32.1 0 0 0 380.793 160h-39.239l-16-96H221.112l16 96h-39.558l-16-96H77.112l16 96H48v88H16v200h427.727L496 282.466V248h-60.793ZM298.446 96l10.667 64h-39.559l-10.666-64Zm-144 0l10.667 64h-39.559l-10.666-64ZM80 192h300.793l20.363 56H80Zm383.222 88l-42.949 136H48V280Z"/><path fill="currentColor" d="M80 320h32v32H80zm64 0h32v32h-32zm64 0h32v32h-32zm64 0h32v32h-32zm64 0h32v32h-32z"/></svg>How to use the Boat Alt icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:boat-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:boat-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:boat-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--boat-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:boat-alt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:boat-alt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cil/boat-alt.svg" alt="Boat Alt icon" width="24" height="24">Boat Alt icon FAQ
Is the Boat Alt icon free for commercial use?
Yes. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Boat Alt icon in React?
Install @iconify/react and render <Icon icon="cil:boat-alt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Boat Alt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/boat-alt.svg" alt="Boat Alt icon">, or paste the SVG code inline to style it with CSS.