Railway Track アイコン
fluent-emoji-high-contrast:railway-track
Railway Track アイコン(fluent-emoji-high-contrast:railway-track)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- 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="currentColor"><path d="m13.585 16.674l-.006.006a.45.45 0 0 0-.259.145c-.027.035-.032.096.007.155L12.469 18h1.137l.964-1.345h-.75a1.4 1.4 0 0 0-.236.018m3.924-.018l.96 1.345h1.084l-.85-1.02a.15.15 0 0 0 .008-.155c-.036-.065-.125-.118-.26-.147a1.3 1.3 0 0 0-.24-.023zM27.047 27l-1.718-2.063a.7.7 0 0 0 .171-.437a.5.5 0 0 0-.186-.384a.5.5 0 0 0-.318-.116h-2.242l2.143 3zM7.151 27l2.152-3H7.004a.507.507 0 0 0-.504.5c0 .137.06.293.154.413L4.898 27zm3.586-5H9.104l1.682-2h.077a.4.4 0 0 1-.03-.055c-.043-.095-.043-.203-.043-.284c0-.185.23-.34.5-.34h1.368zm10.589 0h1.557l-1.666-2h-.08a.3.3 0 0 0 .032-.058c.041-.095.041-.2.041-.281c0-.185-.23-.34-.5-.34h-1.298z"/><path d="M5.7 1A4.7 4.7 0 0 0 1 5.7v20.6A4.7 4.7 0 0 0 5.7 31h20.6a4.7 4.7 0 0 0 4.7-4.7V5.7A4.7 4.7 0 0 0 26.3 1zM29 12.033V26.2a2.8 2.8 0 0 1-2.8 2.8h-1.284l-7.323-11h.001l-.89-1.345h-1.34L7.152 29H5.8A2.8 2.8 0 0 1 3 26.2V12.035c2.843.186 4.425 1.164 6.007 2.143c1.342.83 2.684 1.66 4.796 2.008c.18-.11.416-.186.617-.186h3.25c.198 0 .427.075.597.182c2.095-.35 3.421-1.176 4.749-2.002c1.57-.978 3.14-1.957 5.984-2.147M23.473 29H8.585l1.204-2h12.475zm-9.063-9.679L15.206 18h1.62l.798 1.321zM12.798 22h6.445l1.208 2h-8.856z"/></g></svg>
Railway Track アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:railway-track" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:railway-track" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:railway-track" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--railway-track]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast: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-high-contrast:railway-track"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/railway-track.svg" alt="Railway Track アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Railway Track アイコン
Railway Track アイコン のよくある質問
Railway Track アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Railway Track アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:railway-track" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Railway Track アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/railway-track.svg" alt="Railway Track アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
