Agrega Iconos a tu blog fácil y rápido
Hoy en día las páginas web o blogs tienen íconos para llamar la atención del lector y hoy te quiero compartir como hacerlo. Existe un sin fin de páginas que podemos usar para incrustar íconos en nuestra página web o Blog. Ejemplo: Fontawesome, Google Icons, etc. Pero no utilizaremos ninguno de esos ya existente, hoy utilizaremos Tabler Icons.
Ventajas
- Variedades de iconos para diferentes temáticas
- Fácil de implementar
- Multiples formas de usar
- Entre muchas otras ventajas y usos
Instalación
En nuestro panel, vamos a Tema > Editor Html y buscamos lo siguiente:
</body> justo encima pegamos lo siguiente:<link rel="stylesheet" href="https://unpkg.com/@tabler/icons@latest/iconfont/tabler-icons.min.css">
Así de simple ya tendremos instalado nuestro set de íconos en nuestro proyecto.
Uso
El modo de uso es muy sencillo y fácil de entender. Antes que nada, nos dirigiremos a la página oficial de Tabler Icons. Allí encontraremos todos los iconos en la página principal (Home), pero podemos buscar por tema o simplemente escribiendo lo que necesitemos en el cuadro de busqueda.
Cuando ya hayas elegido el ícono a utilizar, pinchamos sobre este, éste nos llevará a una nueva página como la que se muestra a continuación.
Aquí solo debemos de copiar el contenido que se ve marcado en la imagen. Esto nos copiará en nuestro porta papeles el código HTML del ícono que deseamos utilizar.
NOTA: las etiquetas <i> son netamente opcionales, podemos usar la clase "ti ti-{nombre-icono}"en cualquier etiqueta html que deseemos.