ICONYZ
日本語
Material Symbols Light の Boat Railway Sharp アイコン

Boat Railway Sharp アイコン

material-symbols-light:boat-railway-sharp

Boat Railway Sharp アイコン(material-symbols-light:boat-railway-sharp)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols Light
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
公共交通
タグ
boatrailway、railwaysharp、boatrailwaysharp
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.275 18.823q.69.425 1.376.703t1.478.391l-.887.881q-.517-.12-1.006-.292t-.973-.425q-.97.469-1.97.694T4.262 21H4v-1h.262q1.046 0 2.037-.301t1.976-.876M13.577 21l1.692-1.692q-.69 0-1.191-.501t-.501-1.192v-3q0-1.506 1.048-2.445q1.048-.94 2.683-.94t2.663.94T21 14.616v3q0 .69-.501 1.19t-1.191.502L21 21zm4.092-3.35q.197-.196.197-.477t-.197-.477t-.477-.196t-.476.196q-.197.196-.197.477t.197.477t.476.196t.477-.196m-3.207-2.189h5.654v-.846q0-.236-.041-.438q-.04-.202-.121-.408h-5.331q-.08.206-.121.408t-.04.439zM10.135 3h3.654v2h4.653v3.933q-.25-.042-.49-.067t-.51-.014V6H6.481v4.517l5.48-1.67l2.33.695q-1.483.716-2.291 2.052t-.808 2.997v2.894q-.828-.216-1.549-.802t-1.431-1.414q-.816.887-1.487 1.4t-1.506.829L3.5 11.442l1.98-.63V5h4.655z"/></svg>

Boat Railway Sharp アイコンの使い方

React

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

<Icon icon="material-symbols-light:boat-railway-sharp" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:boat-railway-sharp" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:boat-railway-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--boat-railway-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:boat-railway-sharp"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:boat-railway-sharp"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/boat-railway-sharp.svg" alt="Boat Railway Sharp アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Boat Railway Sharp アイコン

Boat Railway Sharp アイコン のよくある質問

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

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Boat Railway Sharp アイコンを使うには?

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

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

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

Material Symbols Light アイコン をすべて見る →