Sailboat アイコン
fluent-emoji-high-contrast:sailboat
Sailboat アイコン(fluent-emoji-high-contrast:sailboat)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13 2.5a.5.5 0 0 1 1 0V3l8 15h.5a.5.5 0 0 1 0 1H14v1h13a1 1 0 1 1 0 2v1.957c-.14.028-.302.043-.5.043c-.609 0-.865-.146-1.242-.36l-.014-.009C24.749 23.35 24.127 23 22.99 23c-1.134 0-1.752.35-2.243.633l-.014.008c-.371.213-.625.359-1.233.359c-.61 0-.87-.147-1.25-.363l-.011-.006C17.745 23.35 17.123 23 15.99 23s-1.752.35-2.243.633l-.014.008c-.371.213-.625.359-1.233.359c-.61 0-.87-.147-1.25-.363l-.011-.006C10.745 23.35 10.123 23 8.99 23c-1.003 0-1.604.274-2.07.533L6 22H5a1 1 0 1 1 0-2h8v-1H7.5a.5.5 0 0 1 0-1H8l5-12zm0 6.1L9.5 17H13zm1.017-3.444V17h6.316zM7.435 24.39c.38-.208.808-.39 1.555-.39c.875 0 1.315.25 1.755.5s.88.5 1.755.5s1.31-.25 1.745-.5s.87-.5 1.745-.5s1.315.25 1.755.5s.88.5 1.755.5s1.31-.25 1.745-.5s.87-.5 1.745-.5c.881 0 1.321.25 1.76.501c.439.25.876.499 1.75.499q.276 0 .5-.03c.566-.075.913-.273 1.26-.471c.439-.25.876-.499 1.75-.499L30 30H2v-6c.875 0 1.313.25 1.75.5s.875.5 1.75.5c.869 0 1.304-.25 1.74-.499q.096-.056.195-.11"/></svg>
Sailboat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:sailboat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:sailboat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:sailboat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--sailboat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:sailboat"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:sailboat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sailboat.svg" alt="Sailboat アイコン" width="24" height="24">
Sailboat アイコン のよくある質問
Sailboat アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sailboat アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:sailboat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sailboat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sailboat.svg" alt="Sailboat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
