Icono Ruby Wordmark
devicon:ruby-wordmark
El icono Ruby Wordmark (devicon:ruby-wordmark) es un icono SVG gratuito de la colección Devicon de konpa. Está dibujado en una cuadrícula de 128 × 128. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/devicon/ruby-wordmark.svg" alt="Icono Ruby Wordmark" width="24" height="24">Iconos relacionados en Devicon
El icono Ruby Wordmark en otras colecciones
Preguntas frecuentes sobre Icono Ruby Wordmark
¿El icono Ruby Wordmark es gratis para uso comercial?
Sí. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Ruby Wordmark en React?
Instala @iconify/react y renderiza <Icon icon="devicon:ruby-wordmark" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ruby Wordmark a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/devicon/ruby-wordmark.svg" alt="Icono Ruby Wordmark">, o pega el código SVG en línea para darle estilo con CSS.