Ship Sharp Fill アイコン

Q: Ship Sharp Fill アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:ship-sharp-fill

Ship Sharp Fill アイコン(keyline-icons:ship-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: shipsharp、sharpfill、shipsharpfill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M6.52 21.348L5.8638 20.7254C3.6872 18.66 2.5421 15.4239 3.2169 12.4072C3.281 12.1208 3.4676 11.877 3.7274 11.7404C6.163 10.4598 8.9171 9.1491 11.9513 9.0012C11.9837 8.9996 12.0163 8.9996 12.0487 9.0012C15.0829 9.1491 17.837 10.4598 20.2726 11.7404C20.5335 11.8776 20.7206 12.123 20.7839 12.4109C21.447 15.4291 20.3191 18.654 18.1362 20.7254L17.933 20.9182C17.6565 21.1805 17.255 21.2629 16.8976 21.1306C16.6003 21.0206 16.3075 20.9013 16.0198 20.7742C16.0031 20.7668 15.9866 20.759 15.9703 20.7507C14.0898 19.7936 11.8309 19.7593 9.96 20.7286C9.9281 20.7452 9.8953 20.76 9.8617 20.773C9.1273 21.0579 8.3155 21.3566 7.472 21.5872C7.1347 21.6794 6.7737 21.5887 6.52 21.348ZM13 13L11 13L11 16L13 16L13 13Z" stroke="none"/><path d="M7 11.3L7 7L7 5L15 5L17 5L17 11.3M12 5L12 2M1.485 20.0623L2 20.3479C4.3679 21.6637 7.179 20.7413 9.5 19.8407C11.671 18.7159 14.2704 18.7635 16.4239 19.8595C18.1685 20.6303 20.0809 21.0813 22 20.8551L22.8833 20.7513"/></g></svg>

Ship Sharp Fill アイコンの使い方

React

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

<Icon icon="keyline-icons:ship-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:ship-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:ship-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--ship-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:ship-sharp-fill"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:ship-sharp-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/ship-sharp-fill.svg" alt="Ship Sharp Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Ship Sharp Fill アイコンのよくある質問

Ship Sharp Fill アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Ship Sharp Fill アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:ship-sharp-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Ship Sharp Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/ship-sharp-fill.svg" alt="Ship Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →