[Home](/index.md) › [Icons](/icons.md) › Railway

# Railway

Railway is a cloud deployment platform for web apps, servers and databases, with automatic scaling, monitoring and security for full-stack projects.

## At a glance

- **Page**: https://devicons.io/icons/railway/
- **Website**: https://railway.com/
- **Also known as**: Railway.app, Railway App
- **Tags**: [Cloud](/icons/tag/cloud/), [Infrastructure](/icons/tag/infrastructure/), [Developer Tools](/icons/tag/developer-tools/), [Hosting](/icons/tag/hosting/), [Deployment](/icons/tag/deployment/)
- **Version added**: 1.2.0
- **Contrast**: needs a light backdrop on dark backgrounds

## Files

Each file is one variant of this logo. The component name is derived from the file name.

| File | Component | Color SVG | Monochrome SVG | Font class |
| --- | --- | --- | --- | --- |
| `railway-icon` | `RailwayIcon` | https://devicons.io/devicons/icons/railway-icon.svg | https://devicons.io/devicons/font/railway-icon.svg | `devicons devicons-railway-icon` |
| `railway` | `Railway` | https://devicons.io/devicons/icons/railway.svg | https://devicons.io/devicons/font/railway.svg | `devicons devicons-railway` |

## Install and use

```bash
npm install @dev.icons/react  # or @dev.icons/vue, @dev.icons/svelte
```

### React

```tsx
import { RailwayIcon } from "@dev.icons/react";
// Monochrome (inherits currentColor):
// import { RailwayIcon } from "@dev.icons/react/mono";

<RailwayIcon size={32} alt="Railway logo" />
```

### Vue

```vue
<script setup>
import { RailwayIcon } from "@dev.icons/vue";
</script>

<template>
  <RailwayIcon :size="32" alt="Railway logo" />
</template>
```

### Svelte

```svelte
<script>
  import { RailwayIcon } from "@dev.icons/svelte";
</script>

<RailwayIcon size={32} alt="Railway logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/railway-icon.svg" alt="Railway logo" width="48" height="48" />
```

### Icon font

```css
@import "devicons/css"; /* npm install devicons */
```

```html
<i class="devicons devicons-railway-icon"></i>
```

## About the Railway logo

The Railway symbol is a circle with the side view of a streamlined train nose cut into it. Horizontal speed lines run through it, and a single rail runs under it. The full logo pairs the symbol with a clean sans-serif "Railway" wordmark. Both files come from the vector logo in the header of railway.com, and the symbol matches the logo files Railway hosts under railway.com/brand.

The official logo is a single near-black color (#100F13), with an all-white version for dark backgrounds. Use the monochrome file in dark themes, because the dark logo almost disappears there.

## When to use this logo

Use the Railway logo in deployment target pickers, hosting and PaaS comparison tables, "Deploy on Railway" buttons and template galleries, architecture diagrams, and CI/CD docs. It pairs naturally with Vercel, Render, Fly.io, Heroku, Netlify and DigitalOcean, and with the databases it hosts, such as PostgreSQL, MySQL, Redis and MongoDB.

## Related icons

- [Convox](/icons/convox.md)
- [Netlify](/icons/netlify.md)
- [Vercel](/icons/vercel.md)
- [Amazon Web Services](/icons/aws.md)
- [Akamai](/icons/akamai.md)
- [Architect](/icons/architect.md)
- [AWS EC2](/icons/aws-ec2.md)
- [AWS Lightsail](/icons/aws-lightsail.md)

## Browse the catalog
- Previous: [Rails](/icons/rails.md)
- Next: [Ramda](/icons/ramda.md)
- [All icons](/icons.md)