Ikon Boat
whh:boat
Ikon Boat (whh:boat) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1024 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M896 704H704q-27 0-45.5-19T640 640V128q0-27 18.5-45.5T704 64l256 576q0 26-18.5 45T896 704m-128 320H256q-55 0-116-43.5t-100.5-104T0 768h512V32q0-14 9.5-23T544 0t22.5 9t9.5 23v736h448q0 48-39.5 108.5T884 980.5T768 1024M384 704H128q-26 0-45-19t-19-45L384 64q27 0 45.5 18.5T448 128v512q0 26-18.5 45T384 704"/></svg>
Cara memakai ikon Boat
React
import { Icon } from "@iconify/react";
<Icon icon="whh:boat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:boat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:boat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--boat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:boat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:boat"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/boat.svg" alt="Ikon Boat" width="24" height="24">
Ikon Boat di set ikon lain
FAQ Ikon Boat
Apakah ikon Boat gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Boat di React?
Pasang @iconify/react lalu render <Icon icon="whh:boat" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Boat ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/boat.svg" alt="Ikon Boat">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
