AI UI Designer Logo
AI UI Designer

Icono de RuboCop

Desarrollo#000000

PNG transparente de alta calidad de RuboCop para web e impresión.

Código vectorial SVG de RuboCop optimizado para desarrolladores.

Componente de icono de React de RuboCop listo para usar.

Use RuboCop in a generated UI

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

Cómo usar el icono de RuboCop

Copia el icono de RuboCop como SVG en línea, código React, incrustación HTML o máscara CSS.

SVG en línea

Pega el SVG de RuboCop directamente en HTML o JSX.

Componente React

Usa RuboCop como un componente de icono de React tipado.

import React from 'react';

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

Incrustación HTML

Usa una URL alojada del icono de RuboCop con atribución.

Máscara CSS

Usa RuboCop como un icono de máscara CSS que permite cambiar el color.

.rubocop-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #000000;
  mask: url("https://www.aiuidesigner.com/icons/rubocop.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/rubocop.svg") center / contain no-repeat;
}

Detalles del icono de RuboCop

Color de marca

#000000

Categoría

Desarrollo

Formatos

SVG, PNG, React, HTML, máscara CSS

SVG viewBox

Desconocido

Archivo SVG

Desconocido · 0 trazados

Licencia

Consultar guía de marca

Acerca del icono de RuboCop

icons.aboutParagraph1

Utiliza los enlaces de la fuente y la guía de marca en esta página para verificar las reglas actuales de uso de la marca registrada antes de usar el logotipo de RuboCop en proyectos comerciales, documentación, maquetas de UI o páginas de marketing.

Etiquetas:rubylintercode-quality

Preguntas frecuentes sobre el icono de RuboCop

Design a UI with the RuboCop icon

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

RuboCop Iconos relacionados