Saltar al contenido principal

Iconos

Cuando instalas Eolo también se instala la librería de iconos remixicon, por lo que puedes importar el archivo css.

@import 'remixicon/fonts/remixicon.css';

Y luego usarlo de esta manera:

  <i class="ri-store-2-line"></i>

  <i class="ri-mail-unread-line"></i>

  <i class="ri-bookmark-3-line"></i>

Tamaños de icons​

Puedes modificar el tamaño de los iconos valiendote de las clases que provee la librería

<i class="ri-admin-line ri-fw"></i> <!-- fixed width -->
<i class="ri-admin-line ri-xxs"></i> <!-- 0.5em -->
<i class="ri-admin-line ri-xs"></i> <!-- 0.75em -->
<i class="ri-admin-line ri-sm"></i> <!-- 0.875em -->
<i class="ri-admin-line ri-1x"></i> <!-- 1em -->
<i class="ri-admin-line ri-lg"></i> <!-- 1.3333em -->
<i class="ri-admin-line ri-xl"></i> <!-- 1.5em -->
<i class="ri-admin-line ri-2x"></i> <!-- 2em -->
<i class="ri-admin-line ri-3x"></i> <!-- 3em -->
<i class="ri-admin-line ri-4x"></i> <!-- 4em -->
<i class="ri-admin-line ri-5x"></i> <!-- 5em -->
<i class="ri-admin-line ri-6x"></i> <!-- 6em -->
<i class="ri-admin-line ri-7x"></i> <!-- 7em -->
<i class="ri-admin-line ri-8x"></i> <!-- 8em -->
<i class="ri-admin-line ri-9x"></i> <!-- 9em -->
<i class="ri-admin-line ri-10x"></i> <!-- 10em -->

Para ver la lista completa de iconos consulta su sitio web remixicon.com.