69 íconos en uso
AlertTriangleDescargar SVGCopiar <AlertTriangle /> ArrowDownDescargar SVGCopiar <ArrowDown /> ArrowLeftDescargar SVGCopiar <ArrowLeft /> ArrowRightDescargar SVGCopiar <ArrowRight /> BarChart3Descargar SVGCopiar <BarChart3 /> BellDescargar SVGCopiar <Bell /> BookmarkDescargar SVGCopiar <Bookmark /> BookOpenDescargar SVGCopiar <BookOpen /> BriefcaseDescargar SVGCopiar <Briefcase /> Building2Descargar SVGCopiar <Building2 /> BusDescargar SVGCopiar <Bus /> CalendarClockDescargar SVGCopiar <CalendarClock /> CalendarDaysDescargar SVGCopiar <CalendarDays /> CheckDescargar SVGCopiar <Check /> ChevronDownDescargar SVGCopiar <ChevronDown /> ChevronLeftDescargar SVGCopiar <ChevronLeft /> ChevronRightDescargar SVGCopiar <ChevronRight /> ClipboardCheckDescargar SVGCopiar <ClipboardCheck /> ClipboardListDescargar SVGCopiar <ClipboardList /> ClockDescargar SVGCopiar <Clock /> CloudDescargar SVGCopiar <Cloud /> CloudRainDescargar SVGCopiar <CloudRain /> CloudSunDescargar SVGCopiar <CloudSun /> CreditCardDescargar SVGCopiar <CreditCard /> DollarSignDescargar SVGCopiar <DollarSign /> DoorOpenDescargar SVGCopiar <DoorOpen /> DownloadDescargar SVGCopiar <Download /> DumbbellDescargar SVGCopiar <Dumbbell /> ExternalLinkDescargar SVGCopiar <ExternalLink /> FileCheck2Descargar SVGCopiar <FileCheck2 /> FileEditDescargar SVGCopiar <FileEdit /> FileSpreadsheetDescargar SVGCopiar <FileSpreadsheet /> FileTextDescargar SVGCopiar <FileText /> FileWarningDescargar SVGCopiar <FileWarning /> FolderOpenDescargar SVGCopiar <FolderOpen /> GlobeDescargar SVGCopiar <Globe /> GripVerticalDescargar SVGCopiar <GripVertical /> HandshakeDescargar SVGCopiar <Handshake /> HeadsetDescargar SVGCopiar <Headset /> HelpCircleDescargar SVGCopiar <HelpCircle /> IdCardDescargar SVGCopiar <IdCard /> InboxDescargar SVGCopiar <Inbox /> LayoutGridDescargar SVGCopiar <LayoutGrid /> LockDescargar SVGCopiar <Lock /> LogInDescargar SVGCopiar <LogIn /> LogOutDescargar SVGCopiar <LogOut /> MailDescargar SVGCopiar <Mail /> MapPinDescargar SVGCopiar <MapPin /> MegaphoneDescargar SVGCopiar <Megaphone /> MessageCircleDescargar SVGCopiar <MessageCircle /> PencilDescargar SVGCopiar <Pencil /> PhoneDescargar SVGCopiar <Phone /> PlayCircleDescargar SVGCopiar <PlayCircle /> PlusDescargar SVGCopiar <Plus /> SaveDescargar SVGCopiar <Save /> SearchDescargar SVGCopiar <Search /> SettingsDescargar SVGCopiar <Settings /> ShieldAlertDescargar SVGCopiar <ShieldAlert /> SparklesDescargar SVGCopiar <Sparkles /> UploadDescargar SVGCopiar <Upload /> UserDescargar SVGCopiar <User /> UserCheckDescargar SVGCopiar <UserCheck /> UserCircleDescargar SVGCopiar <UserCircle /> UserCogDescargar SVGCopiar <UserCog /> UsersDescargar SVGCopiar <Users /> VideoDescargar SVGCopiar <Video /> WalletDescargar SVGCopiar <Wallet /> WrenchDescargar SVGCopiar <Wrench /> XDescargar SVGCopiar <X /> Cómo usarlos
import { BookOpen } from "@/lib/icons";
<BookOpen size={16} />
- Importar siempre desde
@/lib/icons, nunca desde lucide-react: el envoltorio fija el trazo en 1,5. - Tamaños usados: 12 y 14 px en filas y botones pequeños; 16 a 18 px en encabezados; 24 px en el bloque del Botón de tarjeta.
- Color heredado (currentColor); en filas y encabezados, celeste hsl(var(--accent)).
- Para un ícono nuevo, agregar una línea en
src/lib/icons.tsx: aparece aquí automáticamente.
Íconos con significado fijo
| Etiqueta | Ícono |
|---|
| certificados | |
| solicitudes | |
| pagos | |
| estado financiero | |
| preguntas frecuentes | |
| horario de salas | |
| deportes | |
| actividades | |
| talleres | |
| comunidad | |
| colaboradores uai | |
| horario de buses | |
| mesa de servicio | |
| biblioteca | |
| abrir canal | |
Se asignan automáticamente a los botones de tarjeta según su etiqueta.