Integrando Iconify en la web

 

Quiero usar iconos en las presentaciones de mi proyectos, sobre todo para resaltar las tecnologías con las que he trabajado. He estado investigando y sin duda el go-to es Iconify Design. He logrado integrarlo en mi web.

Para usar los iconos de Iconify, la mejor opción es añadirlos como un componente web. En mi caso, la manera más rápida de implementarlo es añadiendo un script en mi documento: un script de JavaScript sobre mi documento Markdown, que cuando Jekyll lo renderiza a HTML en GitHub Pages, me permite usar los iconos de Iconify Design.

La implementación en este documento es la siguiente:

---
#Front matter
tittle: Título 
---
<!--Añado el script en la primera línea-->
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<!--Y cuando quiero un icono añado el componenete-->
<iconify-icon icon="mdi:home"></iconify-icon>

Para elegir iconos, el catálogo: https://icon-sets.iconify.design/