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
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 公共交通
- タグ
- boatrailway、railwaysharp、boatrailwaysharp
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 コードをページに直接貼り付けます。