Íconos Personalizados con Elementor

Íconos Personalizados con Elementor

Califica este artículo
5/5

Cuando nos encontramos desarrollando nuestros diseños de páginas web, constantemente estamos recurriendo al uso de íconos ya que estos nos ayudan a darle un mejor estilo a las diferentes secciones del sitio, Elementor incorpora una galería de íconos muy conocida como lo es Awesome Font, pero hay ocaciones en los que requerimos de íconos que no están contenidos en la galería de Awesome Font y en este artículo queremos darles una opción que nos permite ampliar la galería de íconos de Elementor.

Para agregar íconos personalizados a nuestros diseños debemos tener tener en cuenta las siguientes herramientas:

  1. Plugin Custom Icons for Elementor.
  2. Fontello
  3. Flat Icon

ÍCONOS PERSONALIZADOS CON ELEMENTOR

1. Instalamos el Plugin Custom Icons for Elementor, despues de instalado y activado vamos a poder acceder por medio del menú Elementor de nuestro backend de WordPress.

Menú Elementor

Menu WordPress

2. Ingresamos al sitio Fontello.com, buscamos y seleccionamos los íconos que deseamos agregar a nuestra librería, luego los descargamos y el sitio nos descargará un archivo zip.

Fontello.com

Después de descargado el archivo comprimido, debemos cargarlo a nuestro diseño mediante el Plugin Custom Icons for Elementor.

Subir Íconos

Podemos arrastrar el zip y soltarlo en el área que dice DRAG & DROP.

3. Los diseñadores web tenemos el sitio web de íconos Flat Icons, que nos amplía la gama de posibilidades, podemos crear nuestra colección de íconos.

Flat Icons

La colección se descarga en formato SVG, para cargarlo en la sección de íconos personalizados en Fontello.

Fontello Nuevos Íconos

Y se realizan los pasos descritos en el numeral 2.

 

 

 

No Comment.