Ikon Ruby
PNG transparan Ruby berkualitas tinggi untuk web & cetak.
Kode vektor SVG Ruby yang dioptimalkan untuk pengembang.
Komponen ikon React Ruby yang siap digunakan.
Use Ruby in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Ruby
Salin ikon Ruby sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Ruby langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Ruby sebagai komponen ikon React yang bertipe.
import React from 'react';
export const RubyIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Ruby yang di-host dengan atribusi.
CSS Mask
Gunakan Ruby sebagai ikon CSS mask yang warnanya bisa diubah.
.ruby-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #cc342d;
mask: url("https://www.aiuidesigner.com/icons/ruby.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/ruby.svg") center / contain no-repeat;
}Detail Ikon Ruby
Warna merek
Kategori
Pengembangan
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
535 B · 1 path
Lisensi
CC-BY-SA-2.5
Sumber
ruby-lang.orgTentang Ikon Ruby
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Ruby dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Ruby Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Ruby icon
Generate a complete page that already uses this icon, color, and brand context.