Boat Sharp アイコン
famicons:boat-sharp
Boat Sharp アイコン(famicons:boat-sharp)は、Famicons セットの無料 SVG アイコンです（作者: Family）。 512 × 512 のグリッドで描かれています。 Famicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M477.77 246.42c-2.13-6-7.23-9.55-12.56-11.95L432 221.38V92a20 20 0 0 0-20-20h-76V40a16 16 0 0 0-16-16H192a16 16 0 0 0-16 16v32h-76a20 20 0 0 0-20 20v129.46l-33.08 13.06c-5.33 2.4-10.58 6-12.72 12s-3.16 11.81-1 19L84.25 415.7h1.06c34.12 0 64-17.41 85.31-43.82c21.32 26.41 51.18 42.12 85.3 42.12s64-15.76 85.31-42.17c21.32 26.41 51.18 43.87 85.3 43.87h1.06l51.25-150.17c2.16-6 1.07-13.1-1.07-19.11M256 152l-144 56.83V108a4 4 0 0 1 4-4h280a4 4 0 0 1 4 4v100.76Z"/><path fill="currentColor" d="M345.22 407c-52.25 36.26-126.35 36.25-178.6 0c0 0-45.64 63-94.64 63l13.33 1c29.86 0 58.65-11.73 85.31-25.59a185.33 185.33 0 0 0 170.6 0c26.66 13.87 55.45 25.6 85.31 25.6l13.33-1C392.21 470 345.22 407 345.22 407"/></svg>Boat Sharp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="famicons:boat-sharp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="famicons:boat-sharp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="famicons:boat-sharp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[famicons--boat-sharp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/famicons -->
<div class="i-famicons:boat-sharp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="famicons:boat-sharp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/famicons/boat-sharp.svg" alt="Boat Sharp アイコン" width="24" height="24">Famicons の関連アイコン
他のアイコンセットの Boat Sharp アイコン
Boat Sharp アイコン のよくある質問
Boat Sharp アイコンは商用利用でも無料ですか?
はい。Famicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Boat Sharp アイコンを使うには?
@iconify/react をインストールして <Icon icon="famicons:boat-sharp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Boat Sharp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/famicons/boat-sharp.svg" alt="Boat Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。