Icono Rails Wordmark
devicon:rails-wordmark
El icono Rails Wordmark (devicon:rails-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 fill="#a62c39" d="M17.444 125.054s.188-29.538.188-59.564c0-58.159-4.901-62.491 21.194-62.491h72.635v83.889c0 27.615 5.162 38.433-23.859 38.433c-29.021.001-70.158-.267-70.158-.267"/><g transform="translate(-273.273 -435.955)"><linearGradient id="SVG47PPAbtM" x1="681.437" x2="703.949" y1="2170.426" y2="2182.218" gradientTransform="matrix(1 0 0 -1 -320.773 2656.956)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#c0815e"/></linearGradient><path fill="url(#SVG47PPAbtM)" d="M350.603 449.926s4.655.932 8.688 7.757c4.034 6.826 25.444 59.886 25.444 59.886v-43.131l-19.858-32.27l5.585 6.827l10.55-8.689l-13.653-.93z"/></g><g transform="translate(-273.273 -435.955)"><radialGradient id="SVGS0uqQbuJ" cx="668.118" cy="1679.3" r="38.406" gradientTransform="matrix(1 0 0 -1.582 -320.773 3155.877)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#a94436"/></radialGradient><path fill="url(#SVGS0uqQbuJ)" d="M309.335 439.686s30.719 20.479 45.613 24.513a4340 4340 0 0 1 30.408 8.378l-35.373 86.88l15.204.621l19.86-49.026l-.622-71.676z" opacity=".668"/><path fill="#fff" fill-opacity=".44" d="m337.881 531.221l31.956 30.733l-59.571-1.256s-1.861-18.927-1.241-28.856l3.723-9.929z"/></g><path fill-opacity=".362" d="M94.085 125.365L65.229 95.577l-26.375-9.929l-20.479-45.612L40.096 3.732l-14.584-.621l-5.896 5.586l-2.172 4.344l-1.552 112.945z"/><path fill="#83222d" d="M111.773 77.89S82.606 87.199 65.23 95.887s-26.685 29.787-26.685 29.787s37.234-1.861 51.197-1.241c13.963.621 20.479.621 21.72-18.927s.311-27.616.311-27.616" opacity=".5"/><path fill="#fff" d="M26.435 96.422v18.326h4.674v-4.773l4.254 4.254h7.172l-5.688-5.688s4.093-.067 4.402-5.984c0-5.43-4.097-6.134-8.83-6.134h-5.984zm4.897 4.971h4.031v3.265h-4.031zm20.23-4.897c-2.559-.015-6.108.223-6.108 5.045v12.737h4.797v-3.116h4.65v3.042h4.822V100.85c0-4.189-4.654-4.353-7.147-4.353zm-1.237 4.6h4.501v5.021h-4.501zm14.206-4.589h4.964v17.531h-4.964zm10.161.234v17.531h11.947v-4.654H79.58V96.663zm27.771-.156v4.732h-7.99v1.707h3.413c1.785 0 5.508-.077 5.508 5.508s-2.561 5.896-7.758 5.896h-6.283v-4.267h7.214c2.172 0 2.292-.708 2.292-1.324c0-.615-1.11-.902-3.369-.902s-6.447-1.11-6.447-5.454s2.172-5.973 6.516-5.973c4.345-.001 6.904.077 6.904.077"/><g fill="#fff"><path d="M30.787 91.233h41.269S62.902 70.444 65.23 51.36c2.326-19.082 17.376-27.771 25.909-28.702s13.187 4.344 13.187 4.344l1.861-2.792S93.931 11.798 78.416 13.195C62.902 14.59 52.197 24.83 45.526 37.241c-6.671 12.412-10.55 21.101-13.188 34.132c-2.637 13.033-1.551 19.86-1.551 19.86m-8.222-20.789l8.066.62l-1.396 8.068l-7.602-.931zm12.721-17.067l2.172-6.05l-7.137-2.793l-2.327 6.516zM45.37 32.588l4.189-4.965l-5.43-3.568l-4.343 4.81zm11.015-19.237l3.724 4.499l5.12-2.947l-3.724-4.189zm18.153-5.12l.93 4.499l6.361-.155l-.62-4.034z"/><path d="m96.102 13.04l-.155 2.792l4.343 2.328l.931-1.396zm-.93 11.946v2.327l4.189.465v-1.861zm-13.343 2.016l2.017 3.724l2.948-2.327l-.621-2.482zm-6.361 4.81l3.103 4.655l-1.862 3.257l-4.499-4.965zM69.262 44.69l-2.017 4.033l5.275 4.5l1.241-5.121zM67.09 58.807l-.31 5.43l6.516 2.792l-.311-5.119zm1.862 19.238l1.552 5.586l8.223.465l-2.949-6.051z"/></g><path fill="none" stroke="#5e000e" stroke-width="3" d="M17.444 125.054s.188-29.538.188-59.564c0-58.159-4.901-62.491 21.194-62.491h72.635v83.889c0 27.615 3.921 38.433-23.859 38.433c-27.78.001-70.158-.267-70.158-.267z"/></svg>Cómo usar el icono Rails Wordmark
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:rails-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:rails-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:rails-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--rails-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:rails-wordmark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:rails-wordmark"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/devicon/rails-wordmark.svg" alt="Icono Rails Wordmark" width="24" height="24">El icono Rails Wordmark en otras colecciones
Preguntas frecuentes sobre Icono Rails Wordmark
¿El icono Rails 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 Rails Wordmark en React?
Instala @iconify/react y renderiza <Icon icon="devicon:rails-wordmark" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Rails Wordmark a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/devicon/rails-wordmark.svg" alt="Icono Rails Wordmark">, o pega el código SVG en línea para darle estilo con CSS.