Speedboat アイコン
fluent-emoji-high-contrast:speedboat
Speedboat アイコン(fluent-emoji-high-contrast:speedboat)は、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"><g fill="currentColor"><path d="m3.38 15.153l7.694 1.262l3.307-2.825c.184-.158.398-.282.595-.368a2.2 2.2 0 0 1 1.154-.214c.34.03.67.14.97.34l4.89 3.2c.6.39.946 1.08.917 1.809l1.296.213l2.577-4.318c.11-.17.3-.27.5-.25l1.32.12c.34.03.56.37.45.69l-1.454 4.314l.58.095c.952.15 1.832 1.004 1.832 1.916L3.225 16.353l1.08 2.02l23.573 4.313q-.113.08-.203.148l-.023.017c-.228.17-.364.267-.524.338c-.14.063-.33.118-.637.118c-.302 0-.49-.055-.63-.117c-.158-.071-.294-.168-.523-.339l-.02-.015c-.21-.156-.506-.377-.884-.545A3.5 3.5 0 0 0 22.983 22c-.573 0-1.04.109-1.448.292c-.376.168-.67.388-.879.544l-.021.016c-.228.17-.363.267-.522.338a1.5 1.5 0 0 1-.63.117c-.302 0-.49-.055-.629-.117c-.158-.07-.293-.168-.521-.338l-.022-.016a4.6 4.6 0 0 0-.878-.544A3.5 3.5 0 0 0 15.985 22a3.5 3.5 0 0 0-1.448.292c-.375.168-.67.388-.878.544l-.022.016c-.228.17-.363.267-.521.338a1.5 1.5 0 0 1-.63.117c-.302 0-.49-.055-.63-.117c-.158-.07-.293-.168-.52-.338l-.022-.016a4.6 4.6 0 0 0-.879-.544A3.5 3.5 0 0 0 8.988 22c-.573 0-1.04.109-1.448.292c-.377.168-.671.39-.88.546l-.02.015l-.122.09a17.5 17.5 0 0 1-2.808-3.595L3 18.134h.002l-.006-.009l-.94-1.838a.5.5 0 0 1-.053-.152H2a1 1 0 0 1-.003-.112c.01-.62.51-.889 1.192-.889c.053 0 .105.007.165.015zm13.3.175c.27-.32.2-.81-.15-1.04l-.19-.122c-.343-.188-.787-.067-.976-.015l-.039.01a1.4 1.4 0 0 0-.294.188l-2.666 2.278l2.34.384zm4.6 2.01l-2.33-1.52a1 1 0 0 0-.49-.17c-.27-.03-.57.06-.8.25l-1.57 1.34l5.655.928a1.03 1.03 0 0 0-.465-.828"/><path d="M28.962 23.204c-.273.122-.492.285-.71.448c-.44.327-.88.655-1.76.655c-.874 0-1.312-.326-1.75-.652c-.439-.327-.879-.655-1.76-.655c-.874 0-1.311.327-1.749.653c-.437.327-.875.654-1.75.654c-.874 0-1.311-.327-1.749-.654c-.437-.326-.874-.653-1.749-.653s-1.312.327-1.75.653l-.164.122c-.389.282-.82.532-1.585.532c-.874 0-1.312-.327-1.75-.654C10.3 23.327 9.863 23 8.989 23c-.856 0-1.293.312-1.72.632l-.03.023c-.436.326-.87.652-1.74.652c-.874 0-1.311-.327-1.749-.654C3.312 23.327 2.875 23 2 23v7h27.99l.01-7q-.204 0-.38.023a2.3 2.3 0 0 0-.658.18"/></g></svg>
Speedboat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:speedboat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:speedboat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:speedboat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--speedboat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:speedboat"></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:speedboat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/speedboat.svg" alt="Speedboat アイコン" width="24" height="24">
他のアイコンセットの Speedboat アイコン
Speedboat アイコン のよくある質問
Speedboat アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Speedboat アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:speedboat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Speedboat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/speedboat.svg" alt="Speedboat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
