Cómo usar los iconos del blog

Mar 16 2025 · 5min

Iconos

Por defecto, los iconos se cargan gracias a la biblioteca @iconify/json Esta biblioteca dispone de multitud de colecciones de conjuntos de iconos por ejemplo carbon. Pero, si quieres buscar más colecciones puedes usar la página de colecciones. Si quieres usar un icono debes primer incluirlo en el fichero uno.config.ts, dentro de la sección safelist, inluyendo el nombre del texto representativo del icono. Luego si quieres incluirlo en cualquier otro elemento HTML deberás incluir su clase dentro del elemento con el mismo nombre que incluiste en el fichero de configuración de unocss. Por ejemplo, échale un vistazo al fichero pages/projects/data.ts y verás cómo usarlo por ejemplo en el listado de proyectos.