أيقونة Rails Wordmark

devicon:rails-wordmark

أيقونة Rails Wordmark (devicon:rails-wordmark) أيقونة SVG مجانية من مجموعة Devicon من تصميم konpa. مرسومة على شبكة 128 × 128. تُنشر Devicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Devicon
المؤلف: konpa
الترخيص: MIT
الحجم: 128 × 128
الوسوم: railswordmark، rail

تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:rails-wordmark"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/devicon/rails-wordmark.svg" alt="أيقونة Rails Wordmark" width="24" height="24">

أيقونة Rails Wordmark في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Rails Wordmark

هل أيقونة Rails Wordmark مجانية للاستخدام التجاري؟

نعم. تُنشر Devicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Rails Wordmark في React؟

ثبّت @iconify/react واعرض <Icon icon="devicon:rails-wordmark" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Rails Wordmark إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/devicon/rails-wordmark.svg" alt="أيقونة Rails Wordmark">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Devicon →