AI UI Designer Logo
AI UI Designer

Icono de tRPC

Desarrollo#2596BE

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

Código vectorial SVG de tRPC optimizado para desarrolladores.

Componente de icono de React de tRPC listo para usar.

Cómo usar el icono de tRPC

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

SVG en línea

Pega el SVG de tRPC directamente en HTML o JSX.

Componente React

Usa tRPC como un componente de icono de React tipado.

import React from 'react';

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

Incrustación HTML

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

Máscara CSS

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

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

Detalles del icono de tRPC

Color de marca

#2596BE

Categoría

Desarrollo

Formatos

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

SVG viewBox

0 0 24 24

Archivo SVG

1.4 KB · 1 trazado

Licencia

Consultar guía de marca

Acerca del icono de tRPC

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

Etiquetas:typescriptapiframework

Preguntas frecuentes sobre el icono de tRPC

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

tRPC Iconos relacionados