Speedboat アイコン
streamline-emojis:speedboat
Speedboat アイコン(streamline-emojis:speedboat)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline Emojis
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#ff8a14" d="M32.62 19.88s3-4.67 3.45-5a2.28 2.28 0 0 1 2.06.31c.35.3-.61 5.22-.61 5.22Z"/><path fill="#ffaa54" d="M36.07 16.88a2.3 2.3 0 0 1 2 .25a4.7 4.7 0 0 0 .06-2a2.28 2.28 0 0 0-2.06-.31c-.48.35-3.45 5-3.45 5l1.22.13a28 28 0 0 1 2.23-3.07"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.62 19.88s3-4.67 3.45-5a2.28 2.28 0 0 1 2.06.31c.35.3-.61 5.22-.61 5.22Z"/><path fill="#45413c" d="M8.12 32.92a17.34 1.58 0 1 0 34.68 0a17.34 1.58 0 1 0-34.68 0" opacity=".15"/><path fill="#00b8f0" d="M21.58 19.06a39 39 0 0 1 2.94-4.4a1 1 0 0 1 1.1-.34A52 52 0 0 1 34.45 18a10.7 10.7 0 0 1 1.42 2.14Z"/><path fill="#4acfff" d="m24.54 19.28l3.87.29l3.05-3.05c-.88-.39-1.89-.81-2.94-1.21Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.58 19.06a39 39 0 0 1 2.94-4.4a1 1 0 0 1 1.1-.34A52 52 0 0 1 34.45 18a10.7 10.7 0 0 1 1.42 2.14Zm21.81 2.76v-5.06"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m43.39 12.67l3.55 1.56a.53.53 0 0 1 0 1l-3.55 1.57Z"/><path fill="#ffe500" d="M3.42 19.67a1 1 0 0 0-.84 1.43c.94 2.36 3.46 7.51 8.05 9.57c5.4 2.43 28.95.86 33.87.5a1 1 0 0 0 1-1a18 18 0 0 0-.07-3.42a24.6 24.6 0 0 0-2-4.95s-6.57-2.56-21.81-2.76c-10.77-.12-16.02.35-18.2.63"/><path fill="#ebcb00" d="M44.46 27.82c-5.11.36-29.53 1.93-35.14-.5a15.57 15.57 0 0 1-6.81-6.5a1 1 0 0 0 .07.28c.94 2.36 3.46 7.51 8.05 9.57c5.4 2.43 28.95.86 33.87.5a1 1 0 0 0 1-1a20 20 0 0 0 0-3.16a1.07 1.07 0 0 1-1.04.81"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M3.42 19.67a1 1 0 0 0-.84 1.43c.94 2.36 3.46 7.51 8.05 9.57c5.4 2.43 28.95.86 33.87.5a1 1 0 0 0 1-1a18 18 0 0 0-.07-3.42a24.6 24.6 0 0 0-2-4.95s-6.57-2.56-21.81-2.76c-10.77-.12-16.02.35-18.2.63"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M45.19 25.92a23 23 0 0 0-.91-2.26a145 145 0 0 0-15-1.31c-12.22-.59-26.45-.53-26.45-.53a23 23 0 0 0 1.05 2.1c3.49 0 15.15 0 25.4.53a128 128 0 0 1 15.91 1.47"/></svg>
Speedboat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:speedboat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:speedboat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:speedboat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--speedboat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:speedboat"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:speedboat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/speedboat.svg" alt="Speedboat アイコン" width="24" height="24">
他のアイコンセットの Speedboat アイコン
Speedboat アイコン のよくある質問
Speedboat アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Speedboat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:speedboat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Speedboat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/speedboat.svg" alt="Speedboat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Streamline Emojis アイコン をすべて見る →
ICONYZ
