Ikona Ruby
Wysokiej jakości przezroczysty plik PNG Ruby do sieci i druku.
Zoptymalizowany wektorowy kod SVG Ruby dla programistów.
Gotowy do użycia komponent ikony React Ruby.
Use Ruby in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony Ruby
Skopiuj ikonę Ruby jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Ruby bezpośrednio do HTML lub JSX.
Komponent React
Użyj Ruby jako typowanego komponentu ikony React.
import React from 'react';
export const RubyIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Ruby z przypisaniem autorstwa.
Maska CSS
Użyj Ruby jako ikony maski CSS, której można zmieniać kolor.
.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;
}Szczegóły ikony Ruby
Kolor marki
Kategoria
Programowanie
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
535 B · 1 ścieżka
Licencja
CC-BY-SA-2.5
Źródło
ruby-lang.orgO ikonie Ruby
icons.aboutParagraph1
Przed użyciem logo Ruby w projektach komercyjnych, dokumentacji, makietach UI lub na stronach marketingowych, skorzystaj z linków do źródła i wytycznych marki na tej stronie, aby zweryfikować aktualne zasady użytkowania znaków towarowych.
Ikona Ruby - Najczęściej Zadawane Pytania
Design a UI with the Ruby icon
Generate a complete page that already uses this icon, color, and brand context.