Rails icon
logos:rails
The Rails icon (logos:rails) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 180 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 180
- Tags
- rail
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="180" viewBox="0 0 512 180"><g fill="#c00"><path d="M219.115 150.634s22.57-1.935 22.57-31.081s-27.341-31.855-27.341-31.855h-49.266v91.953h24.762V157.47l21.408 22.182h36.627zm-9.543-18.83H189.84v-21.021h19.86s5.546 2.063 5.546 10.446s-5.674 10.576-5.674 10.576m93.243-43.461h-25.149c-17.926 0-23.987 16.25-23.987 23.987v67.321h25.148v-16.12h23.601v16.12h24.375v-67.32c0-19.604-17.797-23.988-23.988-23.988m-.387 49.136h-23.73v-22.311s0-5.03 7.867-5.03h8.641c6.964 0 7.093 5.03 7.093 5.03v22.311zm35.853-49.136h26.18v91.308h-26.18zm62.936 67.707V88.343h-26.051v91.308h61.259v-23.6zm43.849.258v23.343h42.172c8.641 0 23.472-6.319 23.988-23.988v-9.027c0-15.09-12.38-23.988-23.988-23.988h-21.021v-10.833h41.656V88.343h-39.98c-10.317 0-24.117 8.511-24.117 24.374v8.125c0 15.863 13.67 23.988 24.117 23.988c29.018.13-6.964 0 19.861 0v11.35z"/><path d="M9.028 179.522h101.884s-19.474-88.858 45.01-124.84c14.057-6.835 58.808-32.37 132.062 21.796c2.321-1.935 4.514-3.483 4.514-3.483S225.435 6.061 150.763 13.542c-37.53 3.353-83.7 37.529-110.783 82.668c-27.083 45.138-30.952 83.312-30.952 83.312m212.28-158.758l.516-8.641c-1.161-.645-4.385-2.193-12.51-4.514l-.516 8.512a207 207 0 0 1 12.51 4.643m-12.252 27.34l-.516 8.126q6.384.194 12.768 1.547l.516-7.996c-4.385-.902-8.641-1.418-12.768-1.676M161.338 7.868h1.29L160.048 0q-5.997 0-12.38.774l2.45 7.609c3.74-.387 7.48-.516 11.22-.516m6.19 47.46l2.967 8.899c3.74-1.806 7.48-3.353 11.22-4.514l-2.837-8.512a94 94 0 0 0-11.35 4.127m-58.55-33.918l-5.804-8.9c-3.224 1.677-6.578 3.483-10.06 5.546l5.933 9.028c3.353-2.063 6.577-3.998 9.93-5.674m26.438 58.035l6.19 9.285c2.192-3.224 4.772-6.19 7.61-9.156l-5.804-8.77a71.4 71.4 0 0 0-7.996 8.64m-18.7 41.527l10.446 8.254q.773-7.545 2.708-15.089l-9.286-7.351c-1.676 4.772-2.837 9.543-3.869 14.186M60.226 59.71l-9.157-7.995c-3.353 3.224-6.577 6.448-9.544 9.672l9.93 8.512c2.71-3.482 5.675-6.964 8.77-10.188m-38.948 57.65l-14.832-5.417C3.998 117.489 1.29 123.938 0 127.42l14.831 5.416c1.677-4.385 4.385-10.704 6.449-15.476m93.5 36.368c.259 6.835.904 12.38 1.548 16.25l15.477 5.545c-1.161-5.03-2.322-10.704-3.096-16.765z"/></g></svg>How to use the Rails icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:rails" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:rails" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:rails" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rails]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:rails"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:rails"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/rails.svg" alt="Rails icon" width="24" height="24">Rails icon in other icon sets
Rails icon FAQ
Is the Rails icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Rails icon in React?
Install @iconify/react and render <Icon icon="logos:rails" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Rails icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/rails.svg" alt="Rails icon">, or paste the SVG code inline to style it with CSS.