1. Introducción
Este manual explica las técnicas utilizadas para crear iconos únicamente con HTML y CSS. Está diseñado para estudiantes, profesorado e investigadores que desean comprender cómo se construyen sistemas visuales sin imágenes ni SVG.
2. Formas básicas
Las formas básicas son la base de toda iconografía digital.
Estas formas permiten construir señales, botones, indicadores y estructuras visuales.
3. Pseudo-elementos ::before y ::after
Los pseudo-elementos permiten añadir detalles sin modificar el HTML. Son esenciales para crear iconos complejos con capas.
4. clip-path · Formas complejas
clip-path permite recortar elementos con formas avanzadas, útiles para insignias, cintas y elementos institucionales.
5. Gradientes como pintura
Los gradientes permiten simular volumen, luz y profundidad.
6. Animaciones
Las animaciones aportan dinamismo y vida a los iconos.
7. Iconos científicos y tecnológicos
El sistema incluye iconos avanzados para centros de investigación y portales educativos.
8. Conclusión
Este manual forma parte del Recurso Institucional de Iconografía CSS. Puede ser ampliado con nuevas técnicas, iconos y protocolos según las necesidades de investigación y formación.