Ikon Ruby Wordmark

devicon:ruby-wordmark

Ikon Ruby Wordmark (devicon:ruby-wordmark) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Devicon
Pembuat: konpa
Lisensi: MIT
Ukuran: 128 × 128
Tag: rubywordmark

Download SVG

Kode SVG

<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>

Cara memakai ikon Ruby Wordmark

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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon/ruby-wordmark.svg" alt="Ikon Ruby Wordmark" width="24" height="24">

Ikon terkait di Devicon

Ikon Ruby Wordmark di set ikon lain

FAQ Ikon Ruby Wordmark

Apakah ikon Ruby Wordmark gratis untuk penggunaan komersial?

Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Ruby Wordmark di React?

Pasang @iconify/react lalu render <Icon icon="devicon:ruby-wordmark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Ruby Wordmark ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/ruby-wordmark.svg" alt="Ikon Ruby Wordmark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon →