Speedboat アイコン
noto:speedboat
Speedboat アイコン(noto:speedboat)は、Noto Emoji セットの無料 SVG アイコンです(作者: Google Inc)。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#455A64" d="m118 95.43l-7.74-2.88l-5.33-1.86l1.09-9.79c.24-1.88 1.98-3.24 3.95-3.09l8.57.67c2.04.16 3.57 1.87 3.41 3.83l-.6 7.7c-.11 1.35-.68 3.52-1.72 4.44z"/><path fill="#F4511E" d="M3.15 85.59s4.37 16.22 25.33 25.38C58.43 124.04 115.69 124 115.69 124s4.05-.12 5-2.94c-.02-.61 4.17-18.5 4.17-18.5S90.61 98.8 64 95.43S3.15 85.59 3.15 85.59"/><path fill="#FFCA28" d="M122.21 96.37L97.05 82.5s-37.57-1.55-61.3-1.99c-16.85-.32-27.3 2.28-31.95 3.81c-.86.28-.81 1.55.07 1.75c8.22 1.92 31.98 7.36 45.04 9.33c14.71 2.22 67.63 6.8 75.94 7.15z"/><path fill="#A12524" d="M78.47 110.47c-.06.2 7.17-5.77 7.17-5.77c-49.02-1.64-73.01-12.22-73.01-12.22s8.42 8.96 45.18 13.48c3.96.49 15.46 1.79 15.46 1.79l-5.49 5.63c11.46 2.51 53.42 4.59 53.42 4.59l1.63-6.56c-30.5.84-44.36-.94-44.36-.94"/><path fill="#82AEC0" d="M114.61 76.54c5.02.24 7.35 3.11 7.16 4.37c-.02.12-3.16.55-7.62.23c-3.9-.28-7.12-1.2-7.63-1.64c0 0 .98-3.29 8.09-2.96"/><path fill="#EF6C00" d="m74.7 91.29l27.78 2.17c.91.07 1.31-1.12.54-1.61l-10.52-5.8c-.85-.47-1.79-.74-2.75-.78l-23.73-1.2z"/><path fill="#BF360C" d="m90.63 85.37l-.55 7.12l-15.38-1.2l-8.68-7.22z"/><path fill="#82AEC0" d="m47.14 81.09l9.23-5.88s12.44 4.78 18.65 12.85c1.23 1.6 3.53 5.1 1.7 4.66c-4.49-1.09-13.8-3.77-18.37-5.84c-8.38-3.81-11.21-5.79-11.21-5.79"/><path fill="#FFCA28" d="M44.44 81.66c.12-.4 3.46-1.15 3.46-1.15s11.58 8.41 29.84 11.27v1.55s-13.67-1-22.43-5.06c-8.75-4.07-10.87-6.61-10.87-6.61"/><path fill="#FCE8B2" d="M45.07 81.92c1.13-.46 2.14-.2 2.51.1c.67.56 3.51 2.53 5.69 3.53c2.8 1.28 3.47 3.93-2.95 2.09c-2.33-.67-4.2-1.78-5.58-2.83c-1.25-.95-1.14-2.29.33-2.89"/><path fill="#94D1E0" d="m51.06 82.39l10.01-5.03s3.39 1.75 4.47 2.54l-9.64 4.96c-3.43-1.56-4.84-2.47-4.84-2.47"/></svg>Speedboat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto:speedboat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:speedboat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:speedboat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--speedboat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:speedboat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:speedboat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto/speedboat.svg" alt="Speedboat アイコン" width="24" height="24">他のアイコンセットの Speedboat アイコン
Speedboat アイコン のよくある質問
Speedboat アイコンは商用利用でも無料ですか?
はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Speedboat アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto:speedboat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Speedboat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/speedboat.svg" alt="Speedboat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。