Suspension Railway アイコン
noto-v1:suspension-railway
Suspension Railway アイコン(noto-v1:suspension-railway)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
- タグ
- suspensionrailway
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#78a3ad" d="M.27 23.33h127.45v9.51H.27z"/><path fill="#2f2f2f" d="M.27 25.51h127.45v2.44H.27z"/><g fill="#78a3ad"><circle cx="59.85" cy="20.6" r="4.13"/><circle cx="68.12" cy="20.6" r="4.13"/><path d="M59.22 15.37h9.53V37.1h-9.53z"/></g><g fill="#78a3ad"><circle cx="89.63" cy="20.6" r="4.13"/><circle cx="97.89" cy="20.6" r="4.13"/><path d="M89 15.37h9.53V37.1H89z"/></g><g fill="#78a3ad"><path d="M34.22 20.6c0 2.28-1.86 4.13-4.13 4.13a4.131 4.131 0 0 1 0-8.26c2.27 0 4.13 1.85 4.13 4.13"/><circle cx="38.35" cy="20.6" r="4.13"/><path d="M29.46 15.37h9.53V37.1h-9.53z"/></g><g fill="#f79329"><path d="M17.12 42.37c-1.86 0-3.38 1.52-3.38 3.37v35.44c0 1.86 1.37 4.03 3.05 4.83l6.3 3.01c1.67.81 4.57 1.46 6.42 1.46h68.98c1.85 0 4.74-.65 6.42-1.46l6.3-3.01c1.67-.8 3.05-2.97 3.05-4.83V45.75a3.38 3.38 0 0 0-3.38-3.37H17.12z"/><path d="M17.26 36.02h93.48v9.03H17.26z"/></g><path fill="#fff" d="M89.71 69.05c0 1.29 1.05 2.34 2.34 2.34h12.08c1.29 0 2.34-1.05 2.34-2.34V51.47a2.35 2.35 0 0 0-2.34-2.34H92.05c-1.29 0-2.34 1.05-2.34 2.34zM69.32 49.13c-1.29 0-2.34 1.05-2.34 2.34v17.58c0 1.29 1.05 2.34 2.34 2.34H81.4c1.29 0 2.34-1.05 2.34-2.34V51.47a2.35 2.35 0 0 0-2.34-2.34zm-22.72 0c-1.29 0-2.34 1.05-2.34 2.34v17.58c0 1.29 1.05 2.34 2.34 2.34h12.07c1.29 0 2.34-1.05 2.34-2.34V51.47a2.35 2.35 0 0 0-2.34-2.34zm-22.73 0c-1.29 0-2.34 1.05-2.34 2.34v17.58c0 1.29 1.05 2.34 2.34 2.34h12.07c1.29 0 2.34-1.05 2.34-2.34V51.47a2.35 2.35 0 0 0-2.34-2.34z"/></svg>
Suspension Railway アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:suspension-railway" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:suspension-railway" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:suspension-railway" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--suspension-railway]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:suspension-railway"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:suspension-railway"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/suspension-railway.svg" alt="Suspension Railway アイコン" width="24" height="24">
他のアイコンセットの Suspension Railway アイコン
Suspension Railway アイコン のよくある質問
Suspension Railway アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Suspension Railway アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:suspension-railway" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Suspension Railway アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/suspension-railway.svg" alt="Suspension Railway アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
