AI UI Designer Logo
AI UI Designer

Ruby-ikon

Utvikling#CC342D

Høykvalitets gjennomsiktig Ruby PNG for web og trykk.

Optimalisert Ruby SVG-vektorkode for utviklere.

Klar til bruk Ruby React-ikonkomponent.

Use Ruby in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Slik bruker du Ruby-ikonet

Kopier Ruby-ikonet som inline SVG, React-kode, HTML-innbygging eller CSS-maske.

Inline SVG

Lim Ruby SVG direkte inn i HTML eller JSX.

React-komponent

Bruk Ruby som en typet React-ikonkomponent.

import React from 'react';

export const RubyIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML-innbygging

Bruk en hostet URL for Ruby-ikonet med kreditering.

CSS-maske

Bruk Ruby som et fargeleggbart CSS-maskeikon.

.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;
}

Detaljer om Ruby-ikonet

Merkevarefarge

#CC342D

Kategori

Utvikling

Formater

SVG, PNG, React, HTML, CSS-maske

SVG viewBox

0 0 24 24

SVG-fil

535 B · 1 bane

Lisens

CC-BY-SA-2.5

Om Ruby-ikonet

Ruby-ikonet er tilgjengelig her som en merkevareressurs i SVG-format. Det er kategorisert under Utvikling og bruker merkevarefargen #CC342D. Du kan laste det ned som en gjennomsiktig PNG, kopiere inline SVG, kopiere en React-komponent eller bygge det inn med HTML.

Bruk lenkene til kilde og merkevareveiledning på denne siden for å verifisere gjeldende regler for bruk av varemerker før du bruker Ruby-logoen i kommersielle prosjekter, dokumentasjon, UI-skisser eller markedsføringssider.

Tags:languagebackend

Ruby Ikon Ofte Stilte Spørsmål

Design a UI with the Ruby icon

Generate a complete page that already uses this icon, color, and brand context.

Ruby Relaterte ikoner