High Speed Rail icon
icon-park:high-speed-rail
The High Speed Rail icon (icon-park:high-speed-rail) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Travel
- Tags
- highspeed, speedrail, highspeedrail
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M9 20V30C9 34.4183 12.5817 38 17 38H31C35.4183 38 39 34.4183 39 30V20"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M34 38V42"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M14 38V42"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M20 44L28 44"/><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M9 16.3609C9 13 15 4 24 4C33 4 39 13 39 16.3609C39 19.7218 39 20 39 20H9C9 20 9 19.7218 9 16.3609Z"/><path fill="#000" stroke="#000" d="M20.5 32C20.5 32.8284 19.8284 33.5 19 33.5C18.1716 33.5 17.5 32.8284 17.5 32C17.5 31.1716 18.1716 30.5 19 30.5C19.8284 30.5 20.5 31.1716 20.5 32Z"/><path fill="#000" stroke="#000" d="M30.5 32C30.5 32.8284 29.8284 33.5 29 33.5C28.1716 33.5 27.5 32.8284 27.5 32C27.5 31.1716 28.1716 30.5 29 30.5C29.8284 30.5 30.5 31.1716 30.5 32Z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M22 11L26 11"/></g></svg>How to use the High Speed Rail icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:high-speed-rail" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:high-speed-rail" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:high-speed-rail" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--high-speed-rail]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:high-speed-rail"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:high-speed-rail"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/high-speed-rail.svg" alt="High Speed Rail icon" width="24" height="24">Related icons in IconPark
High Speed Rail icon in other icon sets
High Speed Rail icon FAQ
Is the High Speed Rail icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the High Speed Rail icon in React?
Install @iconify/react and render <Icon icon="icon-park:high-speed-rail" />, or use “Copy code” on this page to get a standalone React component.
How do I add the High Speed Rail icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/high-speed-rail.svg" alt="High Speed Rail icon">, or paste the SVG code inline to style it with CSS.