Home/Libraries/SVG Logos (Iconify)/rails

SVG Logos (Iconify)

Rails

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 180"><g fill="#818cf8"><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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. RailsIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.