rubyonrails logo

rubyonrails from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
rubyonrails
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the rubyonrails logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.741 19.365h8.36s-1.598-7.291 3.693-10.243l.134-.066c1.286-.637 4.907-2.431 10.702 1.854c.19-.159.37-.286.37-.286s-5.503-5.492-11.63-4.878c-3.079.275-6.867 3.079-9.09 6.783S.741 19.365.741 19.365m8.804-.783a11 11 0 0 1-.127-1.333l1.143.412c.063.498.159.963.254 1.376zm-7.799-4.317L.529 13.82c-.201.455-.423.984-.529 1.27l1.217.444c.137-.359.36-.878.529-1.269m7.831.296l.857.677q.063-.619.222-1.238l-.762-.603c-.137.391-.233.783-.317 1.164m2.042-2.646l-.508-.762c.191-.243.413-.486.656-.709l.476.72a6 6 0 0 0-.624.751M4.19 8.878l.752.656c-.254.265-.498.551-.72.836l-.815-.698c.244-.265.508-.529.783-.794m9.799 1.027l-.243-.73c.265-.117.571-.233.931-.339l.233.698a7 7 0 0 0-.921.371m3.122-.656l.042-.667c.339.021.688.064 1.048.138l-.042.656a6 6 0 0 0-1.048-.127M8.942 6.392l-.476-.731c-.265.138-.54.286-.826.455l.487.741c.275-.169.54-.328.815-.465m9.217-.053l.042-.709c-.095-.053-.36-.18-1.026-.371l-.043.699c.349.116.688.243 1.027.381M13.238 5.28h.106l-.212-.645q-.492 0-1.016.063l.201.625a9 9 0 0 1 .921-.043"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsRubyonrails(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.741 19.365h8.36s-1.598-7.291 3.693-10.243l.134-.066c1.286-.637 4.907-2.431 10.702 1.854c.19-.159.37-.286.37-.286s-5.503-5.492-11.63-4.878c-3.079.275-6.867 3.079-9.09 6.783S.741 19.365.741 19.365m8.804-.783a11 11 0 0 1-.127-1.333l1.143.412c.063.498.159.963.254 1.376zm-7.799-4.317L.529 13.82c-.201.455-.423.984-.529 1.27l1.217.444c.137-.359.36-.878.529-1.269m7.831.296l.857.677q.063-.619.222-1.238l-.762-.603c-.137.391-.233.783-.317 1.164m2.042-2.646l-.508-.762c.191-.243.413-.486.656-.709l.476.72a6 6 0 0 0-.624.751M4.19 8.878l.752.656c-.254.265-.498.551-.72.836l-.815-.698c.244-.265.508-.529.783-.794m9.799 1.027l-.243-.73c.265-.117.571-.233.931-.339l.233.698a7 7 0 0 0-.921.371m3.122-.656l.042-.667c.339.021.688.064 1.048.138l-.042.656a6 6 0 0 0-1.048-.127M8.942 6.392l-.476-.731c-.265.138-.54.286-.826.455l.487.741c.275-.169.54-.328.815-.465m9.217-.053l.042-.709c-.095-.053-.36-.18-1.026-.371l-.043.699c.349.116.688.243 1.027.381M13.238 5.28h.106l-.212-.645q-.492 0-1.016.063l.201.625a9 9 0 0 1 .921-.043"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.741 19.365h8.36s-1.598-7.291 3.693-10.243l.134-.066c1.286-.637 4.907-2.431 10.702 1.854c.19-.159.37-.286.37-.286s-5.503-5.492-11.63-4.878c-3.079.275-6.867 3.079-9.09 6.783S.741 19.365.741 19.365m8.804-.783a11 11 0 0 1-.127-1.333l1.143.412c.063.498.159.963.254 1.376zm-7.799-4.317L.529 13.82c-.201.455-.423.984-.529 1.27l1.217.444c.137-.359.36-.878.529-1.269m7.831.296l.857.677q.063-.619.222-1.238l-.762-.603c-.137.391-.233.783-.317 1.164m2.042-2.646l-.508-.762c.191-.243.413-.486.656-.709l.476.72a6 6 0 0 0-.624.751M4.19 8.878l.752.656c-.254.265-.498.551-.72.836l-.815-.698c.244-.265.508-.529.783-.794m9.799 1.027l-.243-.73c.265-.117.571-.233.931-.339l.233.698a7 7 0 0 0-.921.371m3.122-.656l.042-.667c.339.021.688.064 1.048.138l-.042.656a6 6 0 0 0-1.048-.127M8.942 6.392l-.476-.731c-.265.138-.54.286-.826.455l.487.741c.275-.169.54-.328.815-.465m9.217-.053l.042-.709c-.095-.053-.36-.18-1.026-.371l-.043.699c.349.116.688.243 1.027.381M13.238 5.28h.106l-.212-.645q-.492 0-1.016.063l.201.625a9 9 0 0 1 .921-.043"/></svg>
</template>

CSS

.icon-rubyonrails {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.741%2019.365h8.36s-1.598-7.291%203.693-10.243l.134-.066c1.286-.637%204.907-2.431%2010.702%201.854c.19-.159.37-.286.37-.286s-5.503-5.492-11.63-4.878c-3.079.275-6.867%203.079-9.09%206.783S.741%2019.365.741%2019.365m8.804-.783a11%2011%200%200%201-.127-1.333l1.143.412c.063.498.159.963.254%201.376zm-7.799-4.317L.529%2013.82c-.201.455-.423.984-.529%201.27l1.217.444c.137-.359.36-.878.529-1.269m7.831.296l.857.677q.063-.619.222-1.238l-.762-.603c-.137.391-.233.783-.317%201.164m2.042-2.646l-.508-.762c.191-.243.413-.486.656-.709l.476.72a6%206%200%200%200-.624.751M4.19%208.878l.752.656c-.254.265-.498.551-.72.836l-.815-.698c.244-.265.508-.529.783-.794m9.799%201.027l-.243-.73c.265-.117.571-.233.931-.339l.233.698a7%207%200%200%200-.921.371m3.122-.656l.042-.667c.339.021.688.064%201.048.138l-.042.656a6%206%200%200%200-1.048-.127M8.942%206.392l-.476-.731c-.265.138-.54.286-.826.455l.487.741c.275-.169.54-.328.815-.465m9.217-.053l.042-.709c-.095-.053-.36-.18-1.026-.371l-.043.699c.349.116.688.243%201.027.381M13.238%205.28h.106l-.212-.645q-.492%200-1.016.063l.201.625a9%209%200%200%201%20.921-.043%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.741%2019.365h8.36s-1.598-7.291%203.693-10.243l.134-.066c1.286-.637%204.907-2.431%2010.702%201.854c.19-.159.37-.286.37-.286s-5.503-5.492-11.63-4.878c-3.079.275-6.867%203.079-9.09%206.783S.741%2019.365.741%2019.365m8.804-.783a11%2011%200%200%201-.127-1.333l1.143.412c.063.498.159.963.254%201.376zm-7.799-4.317L.529%2013.82c-.201.455-.423.984-.529%201.27l1.217.444c.137-.359.36-.878.529-1.269m7.831.296l.857.677q.063-.619.222-1.238l-.762-.603c-.137.391-.233.783-.317%201.164m2.042-2.646l-.508-.762c.191-.243.413-.486.656-.709l.476.72a6%206%200%200%200-.624.751M4.19%208.878l.752.656c-.254.265-.498.551-.72.836l-.815-.698c.244-.265.508-.529.783-.794m9.799%201.027l-.243-.73c.265-.117.571-.233.931-.339l.233.698a7%207%200%200%200-.921.371m3.122-.656l.042-.667c.339.021.688.064%201.048.138l-.042.656a6%206%200%200%200-1.048-.127M8.942%206.392l-.476-.731c-.265.138-.54.286-.826.455l.487.741c.275-.169.54-.328.815-.465m9.217-.053l.042-.709c-.095-.053-.36-.18-1.026-.371l-.043.699c.349.116.688.243%201.027.381M13.238%205.28h.106l-.212-.645q-.492%200-1.016.063l.201.625a9%209%200%200%201%20.921-.043%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/rubyonrails.svg?color=%231a73e8&size=48