Ruby logo

The Ruby logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

Brand color: #a80d00
Categories: Languages
Variants: 3 SVG files
Website: ruby-lang.org
Source: gilbarbara/logos · CC0

Your brand here$40 / 30 days

Use the Ruby logo

shadcn CLI

npx shadcn@latest add @logoforge/ruby

First time? Add the @logoforge registry to components.json, or use the MCP server.

React

import { RubyLogo } from "@/components/logos/ruby";

<RubyLogo className="size-8" />
<RubyLogo variant="mono" />          {/* currentColor */}

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 255"><defs><linearGradient id="ruby-a" x1="84.75%" x2="58.254%" y1="111.399%" y2="64.584%"><stop offset="0%" stop-color="#fb7655"/><stop offset="0%" stop-color="#fb7655"/><stop offset="41%" stop-color="#e42b1e"/><stop offset="99%" stop-color="#900"/><stop offset="100%" stop-color="#900"/></linearGradient><linearGradient id="ruby-b" x1="116.651%" x2="1.746%" y1="60.89%" y2="19.288%"><stop offset="0%" stop-color="#871101"/><stop offset="0%" stop-color="#871101"/><stop offset="99%" stop-color="#911209"/><stop offset="100%" stop-color="#911209"/></linearGradient><linearGradient id="ruby-c" x1="75.774%" x2="38.978%" y1="219.327%" y2="7.829%"><stop offset="0%" stop-color="#871101"/><stop offset="0%" stop-color="#871101"/><stop offset="99%" stop-color="#911209"/><stop offset="100%" stop-color="#911209"/></linearGradient><linearGradient id="ruby-d" x1="50.012%" x2="66.483%" y1="7.234%" y2="79.135%"><stop offset="0%" stop-color="#fff"/><stop offset="0%" stop-color="#fff"/><stop offset="23%" stop-color="#e57252"/><stop offset="46%" stop-color="#de3b20"/><stop offset="99%" stop-color="#a60003"/><stop offset="100%" stop-color="#a60003"/></linearGradient><linearGradient id="ruby-e" x1="46.174%" x2="49.932%" y1="16.348%" y2="83.047%"><stop offset="0%" stop-color="#fff"/><stop offset="0%" stop-color="#fff"/><stop offset="23%" stop-color="#e4714e"/><stop offset="56%" stop-color="#be1a0d"/><stop offset="99%" stop-color="#a80d00"/><stop offset="100%" stop-color="#a80d00"/></linearGradient><linearGradient id="ruby-f" x1="36.965%" x2="49.528%" y1="15.594%" y2="92.478%"><stop offset="0%" stop-color="#fff"/><stop offset="0%" stop-color="#fff"/><stop offset="18%" stop-color="#e46342"/><stop offset="40%" stop-color="#c82410"/><stop offset="99%" stop-color="#a80d00"/><stop offset="100%" stop-color="#a80d00"/></linearGradient><linearGradient id="ruby-g" x1="13.609%" x2="85.764%" y1="58.346%" y2="-46.717%"><stop offset="0%" stop-color="#fff"/><stop offset="0%" stop-color="#fff"/><stop offset="54%" stop-color="#c81f11"/><stop offset="99%" stop-color="#bf0905"/><stop offset="100%" stop-color="#bf0905"/></linearGradient><linearGradient id="ruby-h" x1="27.624%" x2="50.745%" y1="21.135%" y2="79.056%"><stop offset="0%" stop-color="#fff"/><stop offset="0%" stop-color="#fff"/><stop offset="31%" stop-color="#de4024"/><stop offset="99%" stop-color="#bf190b"/><stop offset="100%" stop-color="#bf190b"/></linearGradient><linearGradient id="ruby-i" x1="-20.667%" x2="104.242%" y1="122.282%" y2="-6.342%"><stop offset="0%" stop-color="#bd0012"/><stop offset="0%" stop-color="#bd0012"/><stop offset="7%" stop-color="#fff"/><stop offset="17%" stop-color="#fff"/><stop offset="27%" stop-color="#c82f1c"/><stop offset="33%" stop-color="#820c01"/><stop offset="46%" stop-color="#a31601"/><stop offset="72%" stop-color="#b31301"/><stop offset="99%" stop-color="#e82609"/><stop offset="100%" stop-color="#e82609"/></linearGradient><linearGradient id="ruby-j" x1="58.792%" x2="11.964%" y1="65.205%" y2="50.128%"><stop offset="0%" stop-color="#8c0c01"/><stop offset="0%" stop-color="#8c0c01"/><stop offset="54%" stop-color="#990c00"/><stop offset="99%" stop-color="#a80d0e"/><stop offset="100%" stop-color="#a80d0e"/></linearGradient><linearGradient id="ruby-k" x1="79.319%" x2="23.088%" y1="62.754%" y2="17.888%"><stop offset="0%" stop-color="#7e110b"/><stop offset="0%" stop-color="#7e110b"/><stop offset="99%" stop-color="#9e0c00"/><stop offset="100%" stop-color="#9e0c00"/></linearGradient><linearGradient id="ruby-l" x1="92.88%" x2="59.841%" y1="74.122%" y2="39.704%"><stop offset="0%" stop-color="#79130d"/><stop offset="0%" stop-color="#79130d"/><stop offset="99%" stop-color="#9e120b"/><stop offset="100%" stop-color="#9e120b"/></linearGradient><linearGradient id="ruby-o" x1="56.57%" x2="3.105%" y1="101.717%" y2="11.993%"><stop offset="0%" stop-color="#8b2114"/><stop offset="0%" stop-color="#8b2114"/><stop offset="43%" stop-color="#9e100a"/><stop offset="99%" stop-color="#b3100c"/><stop offset="100%" stop-color="#b3100c"/></linearGradient><linearGradient id="ruby-p" x1="30.87%" x2="92.471%" y1="35.599%" y2="100.694%"><stop offset="0%" stop-color="#b31000"/><stop offset="0%" stop-color="#b31000"/><stop offset="44%" stop-color="#910f08"/><stop offset="99%" stop-color="#791c12"/><stop offset="100%" stop-color="#791c12"/></linearGradient><radialGradient id="ruby-m" cx="32.001%" cy="40.21%" r="69.573%" fx="32.001%" fy="40.21%"><stop offset="0%" stop-color="#a80d00"/><stop offset="0%" stop-color="#a80d00"/><stop offset="99%" stop-color="#7e0e08"/><stop offset="100%" stop-color="#7e0e08"/></radialGradient><radialGradient id="ruby-n" cx="13.549%" cy="40.86%" r="88.386%" fx="13.549%" fy="40.86%"><stop offset="0%" stop-color="#a30c00"/><stop offset="0%" stop-color="#a30c00"/><stop offset="99%" stop-color="#800e08"/><stop offset="100%" stop-color="#800e08"/></radialGradient></defs><path fill="url(#ruby-a)" d="m197.467 167.764-145.52 86.41 188.422-12.787L254.88 51.393z"/><path fill="url(#ruby-b)" d="M240.677 241.257 224.482 129.48l-44.113 58.25z"/><path fill="url(#ruby-c)" d="m240.896 241.257-118.646-9.313-69.674 21.986z"/><path fill="url(#ruby-d)" d="m52.744 253.955 29.64-97.1L17.16 170.8z"/><path fill="url(#ruby-e)" d="M180.358 188.05 153.085 81.226l-78.047 73.16z"/><path fill="url(#ruby-f)" d="m248.693 82.73-73.777-60.256-20.544 66.418z"/><path fill="url(#ruby-g)" d="M214.191.99 170.8 24.97 143.424.669z"/><path fill="url(#ruby-h)" d="m0 203.372 18.177-33.151-14.704-39.494z"/><path fill="#fff" d="m2.496 129.48 14.794 41.963 64.283-14.422 73.39-68.207 20.712-65.787L143.063 0 87.618 20.75c-17.469 16.248-51.366 48.396-52.588 49-1.21.618-22.384 40.639-32.534 59.73"/><path fill="url(#ruby-i)" d="M54.442 54.094c37.86-37.538 86.667-59.716 105.397-40.818 18.72 18.898-1.132 64.823-38.992 102.349-37.86 37.525-86.062 60.925-104.78 42.027-18.73-18.885.515-66.032 38.375-103.558"/><path fill="url(#ruby-j)" d="m52.744 253.916 29.408-97.409 97.665 31.376c-35.312 33.113-74.587 61.106-127.073 66.033"/><path fill="url(#ruby-k)" d="m155.092 88.622 25.073 99.313c29.498-31.016 55.972-64.36 68.938-105.603z"/><path fill="url(#ruby-l)" d="M248.847 82.833c10.035-30.282 12.35-73.725-34.966-81.791l-38.825 21.445z"/><path fill="#9e1209" d="M0 202.935c1.39 49.979 37.448 50.724 52.808 51.162l-35.48-82.86z"/><path fill="url(#ruby-m)" d="M155.232 88.777c22.667 13.932 68.35 41.912 69.276 42.426 1.44.81 19.695-30.784 23.838-48.64z"/><path fill="url(#ruby-n)" d="m82.113 156.507 39.313 75.848c23.246-12.607 41.45-27.967 58.121-44.42z"/><path fill="url(#ruby-o)" d="m17.174 171.34-5.57 66.328c10.51 14.357 24.97 15.605 40.136 14.486-10.973-27.311-32.894-81.92-34.566-80.814"/><path fill="url(#ruby-p)" d="m174.826 22.654 78.1 10.96c-4.169-17.662-16.969-29.06-38.787-32.623z"/></svg>

Download

Related logos

Ruby and the Ruby logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Ruby; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.