AI UI Designer Logo
AI UI Designer

Icono de Ruff

Desarrollo#D7FF64

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

Código vectorial SVG de Ruff optimizado para desarrolladores.

Componente de icono de React de Ruff listo para usar.

Cómo usar el icono de Ruff

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

SVG en línea

Pega el SVG de Ruff directamente en HTML o JSX.

Componente React

Usa Ruff como un componente de icono de React tipado.

import React from 'react';

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

Incrustación HTML

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

Máscara CSS

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

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

Detalles del icono de Ruff

Color de marca

#D7FF64

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 Ruff

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 Ruff en proyectos comerciales, documentación, maquetas de UI o páginas de marketing.

Etiquetas:pythonlinterformatter

Preguntas frecuentes sobre el icono de Ruff

Probar el generador de iconos con IA

¿Necesitas un icono completamente único? Utiliza nuestro generador de SVG con tecnología de inteligencia artificial para crear iconos personalizados y profesionales en segundos.

Probar el generador de iconos con IA

Ruff Iconos relacionados