outline
1. Renk
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
2. Tuval arka plani ve donusumler
3. Canli vektör animasyon ayarları
SVG çıktısina dahil
Dashboard Icons
|
Markalar ve Teknoloji Logoları
|
viewBox="0 0 198.13 197.58"
|
Sahibinin ticari markasıdır — yalnızca markaya atıfta bulunmak için kullanın
Ruby SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Ruby - Sahibinin ticari markasıdır — yalnızca markaya atıfta bulunmak için kullanın. Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Ticari marka bildirimi
Bu logo, sahibinin ticari markasıdır. Bu dosyayı yalnızca o markaya atıfta bulunmak için, örneğin makalelerde, incelemelerde veya kılavuzlarda kullanın. Onay, ortaklık veya bağlılık ima edecek şekilde kullanmayın ve kendi logonuz gibi satmayın veya yeniden dağıtmayın.
Apache-2.0 - Dosya lisansı yalnızca SVG dosyası için geçerlidir — ticari marka hakları dahil değildir
Anında vektör ve yüksek çözünürlük indirme
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
Kredilerle paket
ruby.svg (8.865 B)
Geliştiriciler ve arayüz çerçeveleri için hizli kopya
Canli kod çıktısi
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="visible" viewBox="0 0 198.13 197.58" width="36" height="36" role="img" aria-label="Ruby icon"><title>Ruby - Dashboard Icons icon</title><desc>Free Ruby vector icon from the Dashboard Icons open-source icon library; brand style, Apache-2.0 licence, viewBox 0 0 198.13 197.58, 8340 bytes.</desc><defs><linearGradient id="nx45879_a" x1="174.074" x2="132.276" y1="215.549" y2="141.753" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#fb7655"/><stop offset="0" style="stop-color:#fb7655"/><stop offset=".41" style="stop-color:#e42b1e"/><stop offset=".99" style="stop-color:#900"/><stop offset="1" style="stop-color:#900"/></linearGradient><linearGradient id="nx45879_c" x1="194.895" x2="141.028" y1="153.558" y2="117.409" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#871101"/><stop offset="0" style="stop-color:#871101"/><stop offset=".99" style="stop-color:#911209"/><stop offset="1" style="stop-color:#911209"/></linearGradient><linearGradient id="nx45879_d" x1="151.795" x2="97.93" y1="217.785" y2="181.638" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#871101"/><stop offset="0" style="stop-color:#871101"/><stop offset=".99" style="stop-color:#911209"/><stop offset="1" style="stop-color:#911209"/></linearGradient><linearGradient id="nx45879_e" x1="38.696" x2="47.047" y1="127.391" y2="181.661" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#fff"/><stop offset="0" style="stop-color:#fff"/><stop offset=".23" style="stop-color:#e57252"/><stop offset=".46" style="stop-color:#de3b20"/><stop offset=".99" style="stop-color:#a60003"/><stop offset="1" style="stop-color:#a60003"/></linearGradient><linearGradient id="nx45879_f" x1="96.133" x2="99.21" y1="76.715" y2="132.102" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#fff"/><stop offset="0" style="stop-color:#fff"/><stop offset=".23" style="stop-color:#e4714e"/><stop offset=".56" style="stop-color:#be1a0d"/><stop offset=".99" style="stop-color:#a80d00"/><stop offset="1" style="stop-color:#a80d00"/></linearGradient><linearGradient id="nx45879_g" x1="147.103" x2="156.314" y1="25.521" y2="65.216" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#fff"/><stop offset="0" style="stop-color:#fff"/><stop offset=".18" style="stop-color:#e46342"/><stop offset=".4" style="stop-color:#c82410"/><stop offset=".99" style="stop-color:#a80d00"/><stop offset="1" style="stop-color:#a80d00"/></linearGradient><linearGradient id="nx45879_h" x1="118.976" x2="158.669" y1="11.541" y2="-8.305" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#fff"/><stop offset="0" style="stop-color:#fff"/><stop offset=".54" style="stop-color:#c81f11"/><stop offset=".99" style="stop-color:#bf0905"/><stop offset="1" style="stop-color:#bf0905"/></linearGradient><linearGradient id="nx45879_i" x1="3.903" x2="7.17" y1="113.555" y2="146.263" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#fff"/><stop offset="0" style="stop-color:#fff"/><stop offset=".31" style="stop-color:#de4024"/><stop offset=".99" style="stop-color:#bf190b"/><stop offset="1" style="stop-color:#bf190b"/></linearGradient><linearGradient id="nx45879_j" x1="-18.556" x2="135.015" y1="155.105" y2="-2.809" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#bd0012"/><stop offset="0" style="stop-color:#bd0012"/><stop offset=".07" style="stop-color:#fff"/><stop offset=".17" style="stop-color:#fff"/><stop offset=".27" style="stop-color:#c82f1c"/><stop offset=".33" style="stop-color:#820c01"/><stop offset=".46" style="stop-color:#a31601"/><stop offset=".72" style="stop-color:#b31301"/><stop offset=".99" style="stop-color:#e82609"/><stop offset="1" style="stop-color:#e82609"/></linearGradient><linearGradient id="nx45879_k" x1="99.075" x2="52.818" y1="171.033" y2="159.617" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#8c0c01"/><stop offset="0" style="stop-color:#8c0c01"/><stop offset=".54" style="stop-color:#990c00"/><stop offset=".99" style="stop-color:#a80d0e"/><stop offset="1" style="stop-color:#a80d0e"/></linearGradient><linearGradient id="nx45879_l" x1="178.526" x2="137.433" y1="115.515" y2="78.684" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#7e110b"/><stop offset="0" style="stop-color:#7e110b"/><stop offset=".99" style="stop-color:#9e0c00"/><stop offset="1" style="stop-color:#9e0c00"/></linearGradient><linearGradient id="nx45879_m" x1="193.624" x2="173.154" y1="47.937" y2="26.054" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#79130d"/><stop offset="0" style="stop-color:#79130d"/><stop offset=".99" style="stop-color:#9e120b"/><stop offset="1" style="stop-color:#9e120b"/></linearGradient><linearGradient id="nx45879_p" x1="26.67" x2="9.989" y1="197.336" y2="140.742" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#8b2114"/><stop offset="0" style="stop-color:#8b2114"/><stop offset=".43" style="stop-color:#9e100a"/><stop offset=".99" style="stop-color:#b3100c"/><stop offset="1" style="stop-color:#b3100c"/></linearGradient><linearGradient id="nx45879_q" x1="154.641" x2="192.039" y1="9.798" y2="26.306" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#b31000"/><stop offset="0" style="stop-color:#b31000"/><stop offset=".44" style="stop-color:#910f08"/><stop offset=".99" style="stop-color:#791c12"/><stop offset="1" style="stop-color:#791c12"/></linearGradient><linearGradient xlink:href="#nx45879_a" id="nx45879_b" x1="174.074" x2="132.276" y1="215.549" y2="141.753" gradientUnits="userSpaceOnUse"/><radialGradient id="nx45879_n" cx="143.832" cy="79.388" r="50.358" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#a80d00"/><stop offset="0" style="stop-color:#a80d00"/><stop offset=".99" style="stop-color:#7e0e08"/><stop offset="1" style="stop-color:#7e0e08"/></radialGradient><radialGradient id="nx45879_o" cx="74.092" cy="145.751" r="66.944" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#a30c00"/><stop offset="0" style="stop-color:#a30c00"/><stop offset=".99" style="stop-color:#800e08"/><stop offset="1" style="stop-color:#800e08"/></radialGradient></defs><path d="M153.5 130.41 40.38 197.58l146.469-9.939L198.13 39.95z" clip-rule="evenodd" style="fill:url(#nx45879_b);fill-rule:evenodd"/><path d="M187.089 187.54 174.5 100.65l-34.291 45.28z" clip-rule="evenodd" style="fill:url(#nx45879_c);fill-rule:evenodd"/><path d="M187.259 187.54 95.03 180.3l-54.16 17.091z" clip-rule="evenodd" style="fill:url(#nx45879_d);fill-rule:evenodd"/><path d="m41 197.41 23.04-75.48-50.7 10.841z" clip-rule="evenodd" style="fill:url(#nx45879_e);fill-rule:evenodd"/><path d="M140.2 146.18 119 63.14l-60.67 56.87z" clip-rule="evenodd" style="fill:url(#nx45879_f);fill-rule:evenodd"/><path d="m193.32 64.31-57.35-46.84L120 69.1z" clip-rule="evenodd" style="fill:url(#nx45879_g);fill-rule:evenodd"/><path d="m166.5.77-33.73 18.64L111.49.52z" clip-rule="evenodd" style="fill:url(#nx45879_h);fill-rule:evenodd"/><path d="m0 158.09 14.13-25.77-11.43-30.7z" clip-rule="evenodd" style="fill:url(#nx45879_i);fill-rule:evenodd"/><path d="m1.94 100.65 11.5 32.62 49.97-11.211 57.05-53.02 16.1-51.139L111.209 0l-43.1 16.13C54.53 28.76 28.18 53.75 27.23 54.22c-.94.48-17.4 31.59-25.29 46.43" clip-rule="evenodd" style="fill:#fff;fill-rule:evenodd"/><path d="M42.32 42.05c29.43-29.18 67.37-46.42 81.93-31.73 14.551 14.69-.88 50.39-30.31 79.56s-66.9 47.36-81.45 32.67c-14.56-14.68.4-51.33 29.83-80.5" clip-rule="evenodd" style="fill:url(#nx45879_j);fill-rule:evenodd"/><path d="m41 197.38 22.86-75.72 75.92 24.39c-27.45 25.74-57.98 47.5-98.78 51.33" clip-rule="evenodd" style="fill:url(#nx45879_k);fill-rule:evenodd"/><path d="m120.56 68.89 19.49 77.2c22.93-24.11 43.51-50.03 53.589-82.09z" clip-rule="evenodd" style="fill:url(#nx45879_l);fill-rule:evenodd"/><path d="M193.44 64.39c7.8-23.54 9.6-57.31-27.181-63.58l-30.18 16.67z" clip-rule="evenodd" style="fill:url(#nx45879_m);fill-rule:evenodd"/><path d="M0 157.75c1.08 38.851 29.11 39.43 41.05 39.771L13.47 133.11z" clip-rule="evenodd" style="fill:#9e1209;fill-rule:evenodd"/><path d="M120.669 69.01c17.62 10.83 53.131 32.58 53.851 32.98 1.119.63 15.31-23.93 18.53-37.81z" clip-rule="evenodd" style="fill:url(#nx45879_n);fill-rule:evenodd"/><path d="m63.83 121.66 30.56 58.96c18.07-9.8 32.22-21.74 45.18-34.53z" clip-rule="evenodd" style="fill:url(#nx45879_o);fill-rule:evenodd"/><path d="m13.35 133.19-4.33 51.56c8.17 11.16 19.41 12.13 31.2 11.26-8.53-21.23-25.57-63.68-26.87-62.82" clip-rule="evenodd" style="fill:url(#nx45879_p);fill-rule:evenodd"/><path d="m135.9 17.61 60.71 8.52C193.37 12.4 183.42 3.54 166.46.77z" clip-rule="evenodd" style="fill:url(#nx45879_q);fill-rule:evenodd"/></svg>
Kaynak ve lisans doğrulama
LICENSE.txt
Library: Dashboard Icons | Author: Homarr Labs and contributors | License: Apache-2.0 | Source: https://github.com/homarr-labs/dashboard-icons | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#ruby
#dashboard
#brands
#brand
Ruby - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Ruby
| Temel dosya kimligi | dashboard-icons/ruby |
|---|---|
| Kaynak kütüphane paketi | Dashboard Icons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 198.13 197.58" |
| Sıkıştırılmamış boyut | 8.865 bytes (~4.876 bytes gzipped) |
| SPDX lisansı ve ticari kullanım | Apache-2.0 - Dosya lisansı yalnızca SVG dosyası için geçerlidir — ticari marka hakları dahil değildir |
| Upstream Source | https://github.com/homarr-labs/dashboard-icons |
| Desteklenen çıktı biçimleri | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Güvenlik ve gizlilik garantisi | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme |
Bu ikon nasıl kullanılır ve özellestirilir: Ruby
- Görsel olarak özellestirin: Renk, Otomatik (çizgi ve dolgu), Çizgi kalınligi (
0.5px-4px), Canli vektör animasyon ayarları - Vektöru veya gorseli indirin: SVG İndir, PNG (şeffaf), WebP (iyilestirilmis) (
2048x2048 px) - Çerçeve kodunu kopyalayın: React, Next.js, Vue 3, Svelte, Angular, HTML ve CSS maskeleri için hazir kod kopyalayın.
- İleri vektör düzenleme: SVG duzenleyicide duzenle (77.087)
Erişilebilirlik ipucu (WCAG 2.1): Süsleme amaçlı ikonlari aria-hidden ve focusable false ile gizleyin. Yalnızca ikon iceren dugmelere net bir aria-label verin. Sağdan sola diller için okları yatay olarak çevirin.
ruby.svg aria-hidden="true" focusable="false"
Diğer kütüphanelerdeki eşleşmeler ("Ruby")
Bu ikonu diger açık kaynak vektör kütüphaneleriyle karsilastirin.
Daha fazla Markalar ve Teknoloji Logoları
Gözatoutline
Ruby
SVG Icons Collection|interfacebrand
Ruby
Authentic Brand Logos|brandsbrand
Shellhub
selfh.st Icons|brandsbrand
Sidero Talos
selfh.st Icons|brandsbrand
Agnesai
LobeHub Icons|brandsbrand
Apachekafka
Simple Icons|brands
Apacheparquet
Simple Icons|brands
Assemblyai Text
LobeHub Icons|brands
Brand Blender
3D Vector Icons|brands
Brand Caddy
3D Vector Icons|brands
Slashdot Dark
selfh.st Icons|brands
Debian
Simple Icons|brands
Browserless Text
LobeHub Icons|brands
Brand Cloudflare
3D Vector Icons|brands
Apple Podcasts Logo
Phosphor Icons|brands
Google Photos Logo
Phosphor Icons|brands
Steam Logo
Phosphor Icons|brands
Detaspace
Devicon|brands
Grafana
Devicon|brands
Apple Intelligence
MingCute Icons Fill|brands
Lua
Devicon|brands
Agriculture Apple
Domain Icons|brands
Brand Facebook
Tabler Icons|brands
Brand Opera
Tabler Icons|brandsDaha fazlasını keşet
Sıkça Sorulan Sorular
Ruby - Sıkça Sorulan Sorular
Ruby simgesini hangi biçimlerde indirebilirim? +
Ruby, brand stilinde bir vektördür (viewBox 0 0 198.13 197.58). SVG, PNG, WebP veya ICO indirin ya da bu sayfadan React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask veya Base64 kodunu kopyalayın.
Ruby simgesi nereden geliyor? +
Ruby, Dashboard Icons kütüphanesinin bir parçasıdır; oluşturan: Homarr Labs and contributors, kategori: Markalar ve Teknoloji Logoları. Lisansın tam metni, bu sayfada bağlantısı verilen kütüphane bildirim dosyasındadır.
%100 Tarayıcı Tabanlı İşleme | 77.087 ikon
SVG Düzenleyici
Yollari, katmanlari, renkleri ve animasyonlari tarayıcında duzenleyin; sonra temiz SVG, PNG veya çerçeve kodu aktarın.