/*
* Sistema de Iconos - Universidad del Pacifico
* Generado desde Iconify (https://iconify.design)
*
* Usa mask-image con SVG data URIs para renderizar iconos.
* Los iconos heredan currentColor via background-color.
* Equivalente al plugin @iconify/tailwind4 con scale: 1.6
*
* Para agregar un nuevo icono:
* 1. Busca el SVG en https://api.iconify.design/{coleccion}/{nombre}.svg
* 2. Copia la regla CSS de un icono existente
* 3. Reemplaza el nombre de clase y el SVG en mask-image
* 4. Reemplaza # por %23 en el SVG
*/
/* ============================
Base: propiedades compartidas por todos los iconos
============================ */
[class*="icon-["] {
display: inline-block;
width: 1.6em;
height: 1.6em;
background-color: currentColor;
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
vertical-align: middle;
}
/* ============================
Lucide Icons
============================ */
/* lucide--x */
.icon-\[lucide--x\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* lucide--menu */
.icon-\[lucide--menu\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* lucide--chevron-down */
.icon-\[lucide--chevron-down\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* lucide--home */
.icon-\[lucide--home\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* lucide--calendar */
.icon-\[lucide--calendar\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* lucide--chevron-left */
.icon-\[lucide--chevron-left\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* lucide--clock */
.icon-\[lucide--clock\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* lucide--mail */
.icon-\[lucide--mail\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* lucide--map-pin */
.icon-\[lucide--map-pin\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* ============================
Remix Icons (ri)
============================ */
/* ri--facebook-fill */
.icon-\[ri--facebook-fill\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* ri--instagram-fill */
.icon-\[ri--instagram-fill\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* ri--linkedin-fill */
.icon-\[ri--linkedin-fill\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* ri--tiktok-fill */
.icon-\[ri--tiktok-fill\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* ri--twitter-x-line */
.icon-\[ri--twitter-x-line\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* ============================
TDesign Icons
============================ */
/* tdesign--arrow-left */
.icon-\[tdesign--arrow-left\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* tdesign--arrow-right */
.icon-\[tdesign--arrow-right\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* ============================
Radix Icons
============================ */
/* radix-icons--arrow-top-right */
.icon-\[radix-icons--arrow-top-right\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
/* ============================
Mage Icons
============================ */
/* mage--phone-call */
.icon-\[mage--phone-call\] {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}