Boat Railway Rounded アイコン
material-symbols-light:boat-railway-rounded
Boat Railway Rounded アイコン(material-symbols-light:boat-railway-rounded)は、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、railwayrounded、boatrailwayrounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.971 12.17Q21 13.11 21 14.616v3q0 .69-.501 1.19t-1.191.502l.996.996q.192.192.096.444t-.37.252h-5.484q-.273 0-.369-.252t.096-.444l.996-.996q-.69 0-1.191-.501t-.501-1.191v-3q0-1.506 1.048-2.446t2.683-.94t2.663.94m-2.302 5.48q.197-.196.197-.477t-.197-.477t-.477-.196t-.476.196q-.197.196-.197.477t.197.477t.476.196t.477-.196m-3.207-2.188h5.654v-.846q0-.237-.041-.439q-.04-.202-.121-.408h-5.331q-.08.206-.121.408t-.04.439zm-9.956 5.532q-.214.006-.36-.14T4 20.494t.14-.356q.14-.144.354-.144q1.008-.05 1.815-.288t1.67-.727q.142-.075.284-.084q.143-.008.28.078q.436.279.95.483t1.02.317q.208.068.307.247t.026.388q-.067.202-.247.319t-.388.05q-.525-.125-1.004-.293t-.95-.403q-.966.463-1.815.673q-.848.21-1.936.24M10.135 5V3.808q0-.348.23-.578t.577-.23h2.039q.348 0 .578.23t.23.578V5h3.038q.671 0 1.143.472t.472 1.143V8.39q0 .214-.143.357q-.143.144-.357.144t-.356-.144t-.144-.357V6.538q0-.23-.163-.384T16.885 6H7.039q-.231 0-.395.154q-.163.154-.163.385v3.978l4.698-1.44q.323-.106.615.062t.398.49l.22.692q.075.243.012.482q-.062.24-.205.45q-.517.707-.772 1.555t-.255 1.783v2.098q0 .292-.239.46q-.24.168-.52.038q-.594-.316-1.148-.809t-1.073-1.109q-.533.585-1.003.996q-.47.41-.95.704q-.378.239-.802.056t-.555-.644l-1.173-4.189q-.087-.31.065-.592t.462-.388l1.225-.4V6.616q0-.672.472-1.144T7.096 5z"/></svg>
Boat Railway Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:boat-railway-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:boat-railway-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:boat-railway-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--boat-railway-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:boat-railway-rounded"></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-rounded"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/boat-railway-rounded.svg" alt="Boat Railway Rounded アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの Boat Railway Rounded アイコン
Boat Railway Rounded アイコン のよくある質問
Boat Railway Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Boat Railway Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:boat-railway-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Boat Railway Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/boat-railway-rounded.svg" alt="Boat Railway Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
ICONYZ
