Ruby Wordmark icon
devicon:ruby-wordmark
The Ruby Wordmark icon (devicon:ruby-wordmark) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path d="M30.217 109.422v8.547h-4.724V95.692h6.491q4.54 0 6.719 1.653t2.179 5.02q0 1.967-1.083 3.497q-1.081 1.532-3.063 2.401l6.552 9.705h-5.242l-5.317-8.547h-2.512zm0-3.84h1.524q2.239 0 3.306-.747q1.066-.747 1.066-2.346q0-1.585-1.089-2.255t-3.375-.671h-1.432zm27.578 12.387l-.625-2.179h-.244q-.748 1.189-2.118 1.836q-1.373.647-3.124.647q-3.002 0-4.526-1.607q-1.524-1.608-1.524-4.624v-11.108h4.648v9.95q0 1.843.656 2.766q.654.922 2.086.921q1.951 0 2.819-1.302q.869-1.303.869-4.319v-8.015h4.647v17.035h-3.564zm17.918-17.356q3.017 0 4.725 2.355q1.706 2.353 1.706 6.453q0 4.22-1.759 6.535q-1.76 2.317-4.793 2.316q-3 0-4.708-2.18h-.32l-.776 1.875h-3.551V94.26h4.647v5.516q0 1.051-.184 3.368h.184q1.63-2.53 4.829-2.531m-1.493 3.719q-1.72 0-2.513 1.059q-.793 1.06-.823 3.498v.502q0 2.743.814 3.932q.816 1.188 2.583 1.188q1.431 0 2.278-1.318q.846-1.317.846-3.832q-.001-2.514-.854-3.772q-.852-1.257-2.331-1.257m9.021-3.398h5.088l3.215 9.584q.412 1.25.564 2.956h.092q.166-1.57.654-2.956l3.154-9.584h4.983l-7.207 19.214q-.99 2.666-2.826 3.992q-1.837 1.325-4.29 1.325q-1.205 0-2.361-.259v-3.687a8 8 0 0 0 1.828.197q1.233 0 2.156-.754q.922-.753 1.44-2.277l.274-.839z"/><linearGradient id="SVG4gpEQdVH" x1="143.917" x2="125.854" y1="2125.439" y2="2157.331" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><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="1" stop-color="#900"/></linearGradient><path fill="url(#SVG4gpEQdVH)" d="M87.524 58.767L38.638 87.795l63.3-4.294l4.875-63.828z"/><linearGradient id="SVGj7cFQc3G" x1="152.913" x2="129.634" y1="2152.229" y2="2167.85" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#871101"/><stop offset="0" stop-color="#871101"/><stop offset=".99" stop-color="#911209"/><stop offset="1" stop-color="#911209"/></linearGradient><path fill="url(#SVGj7cFQc3G)" d="M102.041 83.457L96.6 45.905l-14.818 19.57z"/><linearGradient id="SVGbUWElenV" x1="134.287" x2="111.008" y1="2124.472" y2="2140.093" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#871101"/><stop offset="0" stop-color="#871101"/><stop offset=".99" stop-color="#911209"/><stop offset="1" stop-color="#911209"/></linearGradient><path fill="url(#SVGbUWElenV)" d="m102.114 83.457l-39.858-3.129l-23.405 7.385z"/><linearGradient id="SVGtpVRpbUL" x1="85.411" x2="89.02" y1="2163.54" y2="2140.086" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><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="1" stop-color="#a60003"/></linearGradient><path fill="url(#SVGtpVRpbUL)" d="m38.906 87.722l9.957-32.62l-21.91 4.686z"/><linearGradient id="SVGP3sZlcVV" x1="110.233" x2="111.563" y1="2185.439" y2="2161.502" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><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="1" stop-color="#a80d00"/></linearGradient><path fill="url(#SVGP3sZlcVV)" d="m81.777 65.582l-9.162-35.887l-26.219 24.577z"/><linearGradient id="SVGPsuB6uHG" x1="132.261" x2="136.242" y1="2207.563" y2="2190.407" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="0" stop-color="#fff"/><stop offset=".18" stop-color="#e46342"/><stop offset=".4" stop-color="#c82410"/><stop offset=".99" stop-color="#a80d00"/><stop offset="1" stop-color="#a80d00"/></linearGradient><path fill="url(#SVGPsuB6uHG)" d="M104.734 30.201L79.949 9.958l-6.901 22.313z"/><linearGradient id="SVGZchqGdDl" x1="120.105" x2="137.258" y1="2213.604" y2="2222.18" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><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="1" stop-color="#bf0905"/></linearGradient><path fill="url(#SVGZchqGdDl)" d="m93.142 2.741l-14.576 8.056l-9.197-8.164z"/><linearGradient id="SVG76qnol5g" x1="70.375" x2="71.787" y1="2169.518" y2="2155.382" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><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="1" stop-color="#bf190b"/></linearGradient><path fill="url(#SVG76qnol5g)" d="m21.188 70.73l6.107-11.137l-4.941-13.267z"/><path fill="#fff" d="m22.026 45.905l4.97 14.098l21.595-4.845l24.655-22.913l6.958-22.1l-10.955-7.737l-18.627 6.971c-5.868 5.458-17.256 16.258-17.667 16.461c-.406.208-7.519 13.653-10.929 20.065"/><linearGradient id="SVGR2v6SciJ" x1="60.669" x2="127.036" y1="2151.563" y2="2219.806" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bd0012"/><stop offset="0" stop-color="#bd0012"/><stop offset=".07" 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="1" stop-color="#e82609"/></linearGradient><path fill="url(#SVGR2v6SciJ)" d="M39.477 20.581C52.196 7.97 68.592.52 74.884 6.869c6.289 6.348-.38 21.776-13.099 34.382C49.067 53.858 32.873 61.719 26.586 55.37c-6.294-6.344.173-22.183 12.891-34.789"/><linearGradient id="SVGY6fpEcFz" x1="111.505" x2="91.514" y1="2144.677" y2="2149.611" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><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="1" stop-color="#a80d0e"/></linearGradient><path fill="url(#SVGY6fpEcFz)" d="m38.906 87.709l9.879-32.724l32.811 10.541c-11.864 11.125-25.058 20.528-42.69 22.183"/><linearGradient id="SVG1qxK7bZL" x1="145.839" x2="128.08" y1="2168.67" y2="2184.586" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7e110b"/><stop offset="0" stop-color="#7e110b"/><stop offset=".99" stop-color="#9e0c00"/><stop offset="1" stop-color="#9e0c00"/></linearGradient><path fill="url(#SVG1qxK7bZL)" d="m73.289 32.181l8.423 33.363c9.91-10.419 18.804-21.621 23.159-35.476z"/><linearGradient id="SVGiJXuObJV" x1="152.364" x2="143.518" y1="2197.874" y2="2207.331" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#79130d"/><stop offset="0" stop-color="#79130d"/><stop offset=".99" stop-color="#9e120b"/><stop offset="1" stop-color="#9e120b"/></linearGradient><path fill="url(#SVGiJXuObJV)" d="M104.785 30.236c3.371-10.174 4.148-24.768-11.746-27.477L79.996 9.963z"/><path fill="#9e1209" d="M21.188 70.583c.467 16.789 12.581 17.04 17.741 17.188l-11.92-27.837z"/><radialGradient id="SVGiQfX3dMH" cx="130.847" cy="2184.281" r="21.762" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a80d00"/><stop offset="0" stop-color="#a80d00"/><stop offset=".99" stop-color="#7e0e08"/><stop offset="1" stop-color="#7e0e08"/></radialGradient><path fill="url(#SVGiQfX3dMH)" d="M73.337 32.232c7.615 4.68 22.96 14.08 23.271 14.253c.484.272 6.617-10.342 8.008-16.34z"/><radialGradient id="SVGErjAYdQx" cx="100.707" cy="2155.602" r="28.932" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a30c00"/><stop offset="0" stop-color="#a30c00"/><stop offset=".99" stop-color="#800e08"/><stop offset="1" stop-color="#800e08"/></radialGradient><path fill="url(#SVGErjAYdQx)" d="m48.772 54.986l13.207 25.48c7.81-4.235 13.924-9.395 19.526-14.922z"/><linearGradient id="SVGo64khJUm" x1="80.214" x2="73.005" y1="2133.309" y2="2157.766" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><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="1" stop-color="#b3100c"/></linearGradient><path fill="url(#SVGo64khJUm)" d="m26.957 59.969l-1.872 22.282c3.532 4.823 8.389 5.241 13.485 4.866c-3.687-9.175-11.051-27.521-11.613-27.148"/><linearGradient id="SVG24bEQcoc" x1="135.518" x2="151.68" y1="2214.356" y2="2207.222" gradientTransform="matrix(1 0 0 -1 -47.5 2221)" gradientUnits="userSpaceOnUse"><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="1" stop-color="#791c12"/></linearGradient><path fill="url(#SVG24bEQcoc)" d="m79.919 10.02l26.237 3.683c-1.401-5.935-5.701-9.763-13.03-10.961z"/></svg>How to use the Ruby Wordmark icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:ruby-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:ruby-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:ruby-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--ruby-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:ruby-wordmark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:ruby-wordmark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/ruby-wordmark.svg" alt="Ruby Wordmark icon" width="24" height="24">Related icons in Devicon
Ruby Wordmark icon in other icon sets
Ruby Wordmark icon FAQ
Is the Ruby Wordmark icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Ruby Wordmark icon in React?
Install @iconify/react and render <Icon icon="devicon:ruby-wordmark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ruby Wordmark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/ruby-wordmark.svg" alt="Ruby Wordmark icon">, or paste the SVG code inline to style it with CSS.