Railway Track アイコン
fluent-emoji-flat:railway-track
Railway Track アイコン(fluent-emoji-flat:railway-track)は、Fluent Emoji Flat セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
- タグ
- railwaytrack
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#50e2ff" d="M26.5 2h-21A3.5 3.5 0 0 0 2 5.5v12.483h28V5.5A3.5 3.5 0 0 0 26.5 2"/><path fill="#00d26a" d="M2 12.003V26.5c0 .842.297 1.614.792 2.218c.642.782 1.617.416 2.708.416h21c1.1 0 2.083.358 2.725-.437c.484-.6.774-1.363.775-2.193V12c-3.494.005-5.24 1.093-6.985 2.18s-3.492 2.175-6.99 2.175c-3.497 0-5.258-1.088-7.018-2.177S5.49 12.003 2 12.003"/><path fill="#1c1c1c" d="m27.88 28l-9.84-11.815c-.56.07-3.55.16-4.12.09L4.057 28z"/><path fill="#8c5543" d="M5.5 30h21c1.11 0 2.1-.517 2.741-1.323l-1.139-1.3a1.24 1.24 0 0 0-.82-.377H4.868c-.28 0-.65.158-.84.366l-1.252 1.33A3.5 3.5 0 0 0 5.5 30m12.71-13.006c.27 0 .5-.08.5-.169s-.12-.318-.27-.497s-.49-.328-.77-.328h-3.25c-.28 0-.63.15-.8.328s-.3.407-.3.497c0 .1.22.169.5.169zm3 2.676c0 .18-.23.33-.5.33h-9.42c-.27 0-.5-.15-.5-.33s.15-.5.34-.7l.55-.6c.19-.2.56-.37.84-.37h7.07c.28 0 .64.17.82.38l.48.57c.18.22.32.54.32.72m4.2 4.832c0 .269-.23.498-.5.498H7.06a.5.5 0 0 1-.5-.498c0-.27.15-.658.34-.867l1.19-1.266c.19-.2.57-.369.84-.369H23.2c.28 0 .65.17.82.379l1.06 1.236c.18.219.33.618.33.887"/><path fill="#6d4534" d="M18.21 16.655c.27 0 .5.08.5.17s-.22.159-.5.169h-4.39c-.28 0-.5-.08-.5-.17c0-.1.22-.169.5-.169zm3 3.006c0-.185-.23-.34-.5-.34h-9.42c-.27 0-.5.155-.5.34s.22.339.5.339h9.42c.28 0 .5-.154.5-.34m4.29 4.84a.51.51 0 0 0-.504-.5H7.004a.503.503 0 0 0-.504.5c0 .27.232.5.504.5h17.992c.272 0 .504-.22.504-.5"/><path fill="#9b9b9b" d="M5.5 30h1l9.3-14h-.61zm21.04 0h-1l-9.27-14h.62z"/><path fill="#d3d3d3" d="M5 30h1l9.65-14h-.61zm22.04 0h-1l-9.62-14h.62z"/></g></svg>Railway Track アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:railway-track" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:railway-track" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:railway-track" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--railway-track]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:railway-track"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:railway-track"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/railway-track.svg" alt="Railway Track アイコン" width="24" height="24">Fluent Emoji Flat の関連アイコン
他のアイコンセットの Railway Track アイコン
Railway Track アイコン のよくある質問
Railway Track アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Railway Track アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:railway-track" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Railway Track アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/railway-track.svg" alt="Railway Track アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。