Icono de shadcn/ui
PNG transparente de alta calidad de shadcn/ui para web e impresión.
Código vectorial SVG de shadcn/ui optimizado para desarrolladores.
Componente de icono de React de shadcn/ui listo para usar.
Cómo usar el icono de shadcn/ui
Copia el icono de shadcn/ui como SVG en línea, código React, incrustación HTML o máscara CSS.
SVG en línea
Pega el SVG de shadcn/ui directamente en HTML o JSX.
Componente React
Usa shadcn/ui como un componente de icono de React tipado.
import React from 'react';
export const shadcnuiIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Incrustación HTML
Usa una URL alojada del icono de shadcn/ui con atribución.
Máscara CSS
Usa shadcn/ui como un icono de máscara CSS que permite cambiar el color.
.shadcnui-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #000000;
mask: url("https://www.aiuidesigner.com/icons/shadcnui.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/shadcnui.svg") center / contain no-repeat;
}Detalles del icono de shadcn/ui
Color de marca
Categoría
Desarrollo
Formatos
SVG, PNG, React, HTML, máscara CSS
SVG viewBox
0 0 24 24
Archivo SVG
415 B · 1 trazado
Licencia
Consultar guía de marca
Fuente
ui.shadcn.comAcerca del icono de shadcn/ui
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 shadcn/ui en proyectos comerciales, documentación, maquetas de UI o páginas de marketing.
Preguntas frecuentes sobre el icono de shadcn/ui
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