BIBLIOTECA DE ICONOS PARA ELEMENTOR

Biblioteca de iconos de Elementor: 8 paquetes de iconos adicionales, más de 5300 iconos

Master Addons agrega ocho paquetes de íconos al selector de íconos del propio Elementor: Elementor Icons (eicons), Google Material Icons, Remix Icon, Feather Icons, Linearicons, Simple Line Icons, Iconic Font de iconmonstr y Teenyicons. Son 5.344 iconos que puedes elegir en cualquier widget con un campo de iconos.

Ventana emergente de la biblioteca de íconos de Elementor con los ocho paquetes de íconos de complementos maestros enumerados en Mis bibliotecas, junto a una tarjeta que muestra el recuento de íconos para cada paquete

~ Mire el vídeo de configuración de 35 segundos

LO QUE OBTIENES

Cada paquete de íconos de Elementor en un selector

El selector de iconos de Elementor se envía con Font Awesome en tres conjuntos: Regular, Sólido y Marcas. Master Addons agrega ocho paquetes más a la misma ventana emergente. Cada uno tiene su propia pestaña debajo de Mis bibliotecas, marcada con una pequeña insignia “M”.

No descargas nada ni cargas archivos ZIP, y no hay ningún widget de iconos separado para aprender. Sigue usando los widgets Icon, Icon Box, Icon List, Button y Social Icons de Elementor como lo haces ahora. El cuadro de búsqueda de la ventana emergente analiza cada paquete que hayas activado.

Resultados de búsqueda de cohetes en la vista Todos los iconos, con coincidencias de varios paquetes de iconos
LOS PAQUETES

Los paquetes de 8 iconos y cuántos iconos tiene cada uno

Los números son los íconos en la pestaña del selector de cada paquete. Juntos agregan 5344 íconos a Elementor.

PaqueteIconosEstiloBueno para
Icono de remezcla (Pro)2.271Alinear y llenar paresMenús, estados de desplazamiento y activos, paneles
Iconos de materiales de Google1.144LlenoAcciones de interfaz claras y sitios estilo aplicación
Teenyicons (Pro)600Esquema pequeño y minimalistaMenús compactos, etiquetas y diseños densos
Iconos elementales (eicons)398Glifos de interfaz de ElementorA juego con la propia apariencia de Elementor
Fuente icónica (iconmonstr)300SólidoFlechas, caretes y símbolos cotidianos
Iconos de plumas (Pro)272Línea ligera, extremos redondeadosInterfaces limpias y modernas
Iconos de línea simples189Línea delgadaSitios mínimos y de cartera
Linealicones170LíneaSitios comerciales y de servicios
Total5.344Font Awesome permanece disponible junto a los ocho paquetes

Los recuentos de iconos provienen de los archivos del paquete en Master Addons 3.2.

NAVEGAR

Explora cada paquete de iconos

Una muestra de cada paquete, renderizada con el mismo color y tamaño, para que puedas comparar sus estilos uno al lado del otro.

Dieciséis iconos de muestra del paquete Remix Icon, incluidos el hogar, el usuario, el corazón y el carrito de compras

Icono de remezcla (Pro)

2.271 iconos · Línea + relleno · Remixicon

El paquete más grande. La mayoría de las formas vienen dos veces: a -line versión y a -fill versión, por lo que un ícono puede cambiar de contorno a sólido al pasar el cursor o marcar el elemento del menú activo.

Seis formas de íconos de remezcla que se muestran como pares de líneas y rellenos: hogar, corazón, estrella, marcador, notificación y chat
Dieciséis iconos de muestra de Google Material Icons, incluidos inicio, estrella, nube y configuración

Iconos de materiales de Google

1.144 iconos · Relleno · Diseño de materiales

Iconos de materiales de Google en el estilo Material Design completo. El conjunto cubre alertas, controles de medios, comercio y las acciones cotidianas que la gente conoce en las aplicaciones de Android y Google.

Una buena combinación para sitios similares a aplicaciones, donde cada ícono debe leerse como una acción de un vistazo.

Dieciséis iconos de muestra del paquete Teenyicons, incluidos el hogar, el carrito, la campana y el globo terráqueo

Teenyicons (Pro)

600 iconos · Scriere mică

Iconos de contorno pequeños y mínimos diseñados para mantenerse claros en tamaños pequeños.

Se adapta a barras laterales, tablas, insignias y cualquier lugar donde se encuentre un ícono junto a texto de 13 o 14 px.

Dieciséis iconos de muestra de Elementor Icons (eicons), incluidos el corazón, el carro, el código y el logotipo de Elementor

Iconos elementales (eicons)

398 iconos · UI de Elementor

Fuente de icono propia de Elementor, los glifos que utiliza el editor para formatear texto, diseñar y símbolos de widgets. El selector predeterminado de Elementor no incluye eicons. Master Addons agrega todos los 398 como una pestaña entre la que puede elegir.

Útil en sitios de agencias y tutoriales que deberían coincidir con la interfaz de Elementor.

Dieciséis íconos de muestra de Iconic Font de iconmonstr, incluidos hogar, usuario, cohete y globo terráqueo

Fuente icónica (iconmonstr)

300 iconos · Sólido · por iconmonstr

La fuente icónica establecida por iconmonstr. Esta es una biblioteca diferente a la de Ionicons. Gran parte son flechas, ángulos y caretes en versiones simples y circulares.

Úselo para botones, controles deslizantes y flechas de navegación que necesitan una forma sólida y audaz.

Dieciséis iconos de muestra de Feather Icons, incluidos el hogar, la cámara, el mapa y las capas

Iconos de plumas (Pro)

272 iconos · Rejilla 24 px · Línea ligera

Iconos dibujados en una cuadrícula de 24 px con un trazo ligero y uniforme y extremos redondeados.

Los trajes de trazo ligero incluyen listas de funciones, tablas de precios y menús de navegación.

Dieciséis iconos de muestra de Simple Line Icons, incluidos hogar, usuario, cohete y trofeo

Iconos de línea simples

189 iconos · Linie fină

Iconos de contorno fino para personas, teléfonos, mapas, navegación y otros símbolos cotidianos.

Elija para diseños mínimos y de cartera, donde un ícono pesado atraería demasiada atención.

Dieciséis iconos de muestra de Linearicons, incluidos hogar, carrito, nube y regalo

Linealicones

170 iconos · Línea

Iconos de líneas de Linearicons, como hogar, nube, cerradura, engranaje y corazón.

Funciona bien para listas de servicios y secciones de contacto en sitios comerciales.

CONFIGURACIÓN

Cómo agregar más íconos a Elementor (3 pasos)

Se tarda aproximadamente un minuto. Todos los detalles están en el Documentos de la biblioteca de iconos.

Paso 1

Enciende los paquetes que quieras

Vaya a Complementos maestros > Configuración > Extensiones y haga clic en el filtro Biblioteca de iconos. Cada paquete tiene su propio interruptor y Habilitado todo enciende cada paquete a la vez. Haga clic en Guardar cambios.

Pestaña Extensiones de complementos maestros filtrada a la biblioteca de iconos, que muestra los interruptores para los ocho paquetes de iconos
Paso 2

Abra cualquier campo de icono en Elementor

Agregue un ícono, cuadro de íconos, lista de íconos, botón o cualquier otro widget con un ícono. Pase el cursor sobre la vista previa del ícono en la pestaña Contenido y haga clic en Biblioteca de íconos.

Panel de widgets de Elementor Icon con el botón Biblioteca de iconos resaltado en la vista previa del icono
Paso 3

Elija un paquete o busque, luego insértelo

Los nuevos paquetes se encuentran debajo de Mis bibliotecas. Haga clic en un paquete para explorarlo o escriba Filtrar por nombre para buscar en cada paquete a la vez. Seleccione un icono y haga clic en Insertar.

Un ícono de cohete Remix seleccionado en la ventana emergente Biblioteca de íconos con el botón Insertar resaltado
COMPATIBILIDAD

Funciona en todos los campos de iconos de Elementor

Los paquetes se conectan a la ventana emergente de la biblioteca de iconos estándar de Elementor, por lo que aparecen dondequiera que se abra esa ventana emergente:

El control de iconos de Widget Builder utiliza los mismos paquetes, por lo que los widgets personalizados también los obtienen. Ver Control de iconos en Widget Builder.

El color, el tamaño, la rotación y el color flotante provienen de la pestaña Estilo de cada widget, los mismos controles que ya usas para los íconos de Font Awesome.

Pestaña Estilo de cuadro de iconos con la sección Icono abierta junto a los cuadros de iconos que utilizan cada uno de los ocho paquetes
RENDIMIENTO

Cargue únicamente los paquetes que utilice

Mantenga los paquetes que su sitio necesita y deje el resto apagado.

Un interruptor por paquete

Desactive un paquete y su pestaña saldrá de la ventana emergente Biblioteca de iconos. Sus archivos de fuente dejan de cargarse en el editor.

No se agregó nada a su biblioteca multimedia

Los paquetes son fuentes de iconos, por lo que cada icono es una única etiqueta <i> y su biblioteca multimedia permanece intacta.

Una lista más corta para buscar

La búsqueda y la vista Todos los iconos solo incluyen los paquetes que ha activado, lo que mantiene los resultados breves.

COMPARAR

Biblioteca de iconos de complementos maestros frente a iconos integrados de Elementor frente a iconos personalizados

Tres formas de introducir iconos en Elementor y lo que te ofrece cada una.

Elementor incorporadoIconos personalizados de Elementor ProBiblioteca de iconos de complementos maestros
Conjuntos de iconosFuente impresionante Regular, Sólido y MarcasCualquier configuración que subasFuente impresionante más 8 paquetes
Iconos listos para usarFuente impresionante únicamenteNinguno hasta que subas un conjunto5.344 mai mult
Necesita un ZIP de Fontello, IcoMoon o FontasticNoSíNo
eicons en el recolectorNoNoSí, 398 iconos
Enciende y apaga los conjuntosNoElimina el conjunto cargadoUn interruptor por paquete
Buscar entre conjuntosSíSíSí, cada paquete a la vez

¿necesita la fuente de iconos propia de su marca? Cárguelo con los iconos personalizados de Elementor Pro. Aparece en Mis bibliotecas junto a los paquetes de complementos maestros.

EN USO

Paquetes de iconos en diseños reales

Cuatro secciones de ejemplo, cada una construida con un paquete, para mostrar cómo se ven los estilos en una página.

Cuadro de características de ejemplo con seis tarjetas, cada una usando un ícono de línea Remix Icon
Cuadrícula de funciones con iconos de línea de Remix Icon
Tabla de precios de ejemplo con dos planes que utilizan iconos cruzados y de verificación de plumas
Tabla de precios con iconos de plumas
Ejemplo de sección de contacto con íconos de teléfono, correo electrónico, mapas y relojes de Google Material Icons
Sección de contacto con Google Material Icons
Panel de ejemplo con un menú de barra lateral compacto y estadísticas usando Teenyicons
Menú de barra lateral compacto con Teenyicons

Preguntas frecuentes sobre la biblioteca de iconos de Elementor

Conozca las consultas más solicitadas que tienen los usuarios sobre Icon Library y encuentre respuestas en un solo lugar.
¿cómo agrego más íconos a Elementor?

Instale complementos maestros, vaya a Complementos maestros > Configuración > Extensiones > Biblioteca de íconos y active los paquetes que desee. Luego aparecen en Mis bibliotecas en la ventana emergente Biblioteca de íconos de cada campo de íconos de Elementor.

No. Los ocho paquetes se envían dentro del complemento, por lo que no hay archivos ZIP para importar ni SVG para cargar.

5344 íconos en ocho paquetes: Remix Icon 2271, Google Material Icons 1144, Teenyicons 600, Elementor Icons 398, Iconic Font 300, Feather Icons 272, Simple Line Icons 189 y Linearicons 170.

Feather Icons, Remix Icon y Teenyicons son parte de Master Addons Pro. Aparecen en el selector una vez que Pro está activo con una licencia válida.

Son fuentes de iconos. Si desea utilizar su propio archivo SVG para un solo icono, la opción Cargar SVG de Elementor en el campo de iconos sigue funcionando como de costumbre.

¿puedo usar los eicons de Elementor en mis widgets?

Sí. El selector predeterminado de Elementor solo enumera Font Awesome, pero Master Addons agrega los 398 eicons como su propia pestaña, para que pueda colocarlos en cualquier campo de ícono.

No. Iconic Font es un conjunto de 300 iconos de iconmonstr. Ionicons es una biblioteca separada y no forma parte de Master Addons.

Sí. Establece su carga con iconos personalizados y los paquetes de complementos maestros aparecen en la misma ventana emergente, y Font Awesome permanece donde está.

Asegúrese de que el interruptor del paquete esté encendido y haya hecho clic en Guardar cambios, luego recargue el editor. Si los íconos se muestran como cuadrados vacíos, borre el caché de Elementor en Elementor > Herramientas > General (Borrar archivos y datos), luego borre el caché de su página y CDN.

Obtenga más de 5300 íconos en su selector de íconos Elementor

Los ocho paquetes se encuentran en la ventana emergente propia de Elementor, cada uno con su propio conmutador. La biblioteca de iconos es parte de Master Addons for Elementor, que se ejecuta en más de 30.000 sitios.

Documentos de la biblioteca de iconos

Configuración, prefijos CSS, solución de problemas

Control de iconos del creador de widgets

Utilice los paquetes en widgets personalizados

Biblioteca de plantillas

Páginas y secciones ya preparadas

Precios

Planes para Master Addons Pro