Rails Wordmark ikonu
devicon:rails-wordmark
Rails Wordmark ikonu (devicon:rails-wordmark), Devicon setinden ücretsiz bir SVG ikondur (yapımcı: konpa). 128 × 128 ızgara üzerinde çizilmiştir. Devicon icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
SVG kodu
<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 ikonu nasıl kullanılır
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 bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/devicon/rails-wordmark.svg" alt="Rails Wordmark ikonu" width="24" height="24">Diğer ikon setlerinde Rails Wordmark ikonu
Rails Wordmark ikonu: sık sorulan sorular
Rails Wordmark ikonu ticari kullanım için ücretsiz mi?
Evet. Devicon icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Rails Wordmark ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="devicon:rails-wordmark" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Rails Wordmark ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/devicon/rails-wordmark.svg" alt="Rails Wordmark ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.