SYMBOLBIBLIOTHEK FÜR ELEMENTOR

Elementor-Symbolbibliothek: 8 zusätzliche Symbolpakete, 5.300+ Symbole

Master Addons fügt dem eigenen Icon-Picker von Elementor acht Icon-Packs hinzu: Elementor Icons (eicons), Google Material Icons, Remix Icon, Feather Icons, Linearicons, Simple Line Icons, iconic Font und Teenyicons von iconmonstr Das sind 5.344 Icons, die Sie in jedem Widget mit einem Icon-Feld auswählen können.

Elementor-Symbolbibliothek-Popup mit den acht Master-Addons-Symbolpaketen, die unter Meine Bibliotheken aufgeführt sind, neben einer Karte, die die Symbolanzahl für jedes Paket anzeigt

Sehen Sie sich das 35-sekündige Setup-Video an

WAS DU BEKOMMST

Jedes Elementor-Symbolpaket in einem Picker

Der Icon Picker von Elementor wird mit Font Awesome in drei Sätzen ausgeliefert: Regular, Solid und Brands Master Addons fügt dem gleichen Popup acht weitere Packs hinzuJedes bekommt unter Meine Bibliotheken einen eigenen Tab, markiert mit einem kleinen “M” - Abzeichen.

Sie laden nichts herunter oder laden ZIP-Dateien hoch, und es gibt kein separates Symbol-Widget zum Lernen Verwenden Sie weiterhin die Widgets Icon, Icon Box, Icon List, Button und Social Icons von Elementor wie jetzt. Das Suchfeld des Popups durchsucht jedes Paket, das Sie eingeschaltet haben.

Suchergebnisse für Rakete in der Ansicht Alle Symbole, mit Übereinstimmungen aus mehreren Symbolpaketen
DIE PACKUNGEN

Die 8 Symbolpakete und wie viele Symbole jedes hat

Zahlen sind die Symbole im Picker-Tab jedes Pakets. Zusammen fügen sie Elementor 5.344 Symbole hinzu.

PackSymboleStilGut für
Remix-Symbol (Pro)2.271Linien - und FüllpaareMenüs, Hover und aktive Zustände, Dashboards
Google Material Symbole1.144GefülltKlare Schnittstellenaktionen und Websites im App-Stil
Teenyicons (Pro)600Kleine, minimale UmrisslinieKompakte Menüs, Etiketten und dichte Layouts
Elementor-Symbole (Eicons)398Grenzflächenglyphen von ElementorPassend zum eigenen Look von Elementor
Ikonische Schriftart (iconmonstr)300FestPfeile, Pflegen und Alltagssymbole
Federsymbole (Pro)272Leichte Linie, abgerundete EndenSaubere, moderne Schnittstellen
Einfache Zeilensymbole189Dünne LinieMinimal- und Portfolioseiten
Linearicons170LinieGeschäfts - und Dienstleistungsstandorte
Insgesamt5.344Font Awesome bleibt neben allen acht Packungen verfügbar

Die Symbolanzahl stammt aus den Paketdateien in Master Addons 3.2.

DURCHSUCHEN

Entdecken Sie jedes Symbolpaket

Ein Muster aus jeder Packung, gerendert mit der gleichen Farbe und Größe, damit Sie ihre Stile nebeneinander vergleichen können.

Sechzehn Beispielsymbole aus dem Remix Icon-Paket, einschließlich Haus, Benutzer, Herz und Warenkorb

Remix-Ikone (Pro)

2.271 Symbole · Zeile + Füllung · Remixicon

Die größte Packung Die meisten Formen gibt es zweimal: a -line Version und ein -fill Version, so kann ein Symbol im Hover von Umriss zu Vollton wechseln oder den aktiven Menüpunkt markieren.

Sechs Remix-Symbolformen werden als Linien- und Füllpaare angezeigt: Zuhause, Herz, Stern, Lesezeichen, Benachrichtigung und Chat
Sechzehn Beispielsymbole aus Google Material Icons, einschließlich Home, Stern, Cloud und Einstellungen

Google Material Symbole

1.144 Symbole · Gefülltes · Materialdesign

Googles Material-Symbole im gefüllten Material Design-Stil Das Set umfasst Warnungen, Medienkontrollen, Handel und die alltäglichen Aktionen, die Menschen aus Android- und Google-Apps kennen.

Eine gute Übereinstimmung für App-ähnliche Seiten, bei denen jedes Symbol als Aktion auf einen Blick gelesen werden muss.

Sechzehn Beispielsymbole aus der Teenyicons-Packung, darunter Haus, Wagen, Glocke und Globus

Teenyicons (Pro)

600 Symbole · Kleiner Umriss

Kleine, minimale Umriss-Icons, die so gestaltet sind, dass sie bei kleinen Größen klar bleiben.

Es passt auf Seitenleisten, Tische, Abzeichen und jede Stelle, an der ein Symbol neben 13- oder 14-px-Text steht.

Sechzehn Beispielsymbole von Elementor-Symbolen (Eicons), darunter Herz, Warenkorb, Code und das Elementor-Logo

Elementor-Symbole (Eicons)

398 Symbole · Elementor-Benutzeroberfläche

Elementors eigene Symbolschrift, die Glyphen, die der Editor für Textformatierung, Layout und Widgetsymbole verwendet Der Standard-Picker von Elementor listet keine Eicons auf. Master Addons fügt alle 398 als Registerkarte hinzu, aus der Sie auswählen können.

Praktisch auf Tutorial- und Agenturseiten, die zur Elementor-Oberfläche passen sollten.

Sechzehn Beispielsymbole aus der iconic-Schriftart von iconmonstr, darunter Zuhause, Benutzer, Rakete und Globus

Ikonische Schriftart (iconmonstr)

300 Symbole · Solide · von iconmonstr

Die Iconic Font von iconmonstr eingestellt Dies ist eine andere Bibliothek als Ionicons Ein großer Teil davon sind Pfeile, Winkel und Pfeile in einfachen und eingekreisten Versionen.

Verwenden Sie es für Schaltflächen, Schieberegler und Navigationspfeile, die eine kräftige, solide Form benötigen.

Sechzehn Beispielsymbole von Feather Icons, darunter Home, Kamera, Karte und Ebenen

Federsymbole (Pro)

272 Symbole · 24 px Gitter · Lichtlinie

Symbole, gezeichnet auf einem 24 px Gitter mit leichtem, gleichmäßigem Hub und abgerundeten Enden.

Die leichten Schlaganzüge verfügen über Listen, Preistabellen und Navigationsmenüs.

Sechzehn Beispielsymbole von Simple Line Icons, darunter Heim, Benutzer, Rakete und Trophäe

Einfache Zeilensymbole

189 Symbole · Dünne Linie

Dünne Umriss-Icons für Personen, Telefone, Karten, Navigation und andere alltägliche Symbole.

Wählen Sie es für minimale und Portfolio-Layouts, bei denen ein schweres Symbol zu viel Aufmerksamkeit erregen würde.

Sechzehn Beispielsymbole von Linearicons, darunter Haus, Warenkorb, Cloud und Geschenk

Linearicons

170 Symbole ·-Linie

Liniensymbole von Linearicons wie Haus, Wolke, Schloss, Zahnrad und Herz.

Es funktioniert gut für Servicelisten und Kontaktbereiche auf Geschäftsseiten.

EINRICHTUNG

So fügen Sie Elementor weitere Symbole hinzu (3 Schritte)

Es dauert etwa eine Minute Ausführliche Angaben sind in der Dokumente der Symbolbibliothek.

Schritt 1

Schalten Sie die gewünschten Packungen ein

Gehen Sie zu Master Addons > Einstellungen > Erweiterungen und klicken Sie auf den Icon Library Filter Jedes Paket hat einen eigenen Schalter, und Aktiviert Alle schaltet jedes Paket auf einmal ein Klicken Sie auf Änderungen speichern.

Registerkarte Master Addons Extensions in Symbolbibliothek gefiltert, zeigt Schalter für alle acht Symbolpakete an
Schritt 2

Öffnen Sie ein beliebiges Symbolfeld in Elementor

Fügen Sie ein Symbol, eine Symbolbox, eine Symbolliste, eine Schaltfläche oder ein anderes Widget mit einem Symbol hinzu. Bewegen Sie den Mauszeiger über die Symbolvorschau auf der Registerkarte Inhalt und klicken Sie auf Symbolbibliothek.

Elementor-Symbol-Widget-Panel mit hervorgehobener Symbolbibliothek-Schaltfläche in der Symbolvorschau
Schritt 3

Wählen Sie eine Packung aus oder suchen Sie sie und fügen Sie sie dann ein

Die neuen Packs sitzen unter Meine Bibliotheken Klicken Sie auf ein Paket, um es zu durchsuchen, oder geben Sie Filter nach Namen ein, um jedes Paket auf einmal zu durchsuchen Wählen Sie ein Symbol aus und klicken Sie auf Einfügen.

Ein Remix-Raketensymbol, das im Icon Library-Popup mit hervorgehobener Einfügetaste ausgewählt wurde
KOMPATIBILITÄT

Funktioniert in jedem Elementor-Symbolfeld

Die Packs werden in das Standard-Popup der Icon Library von Elementor integriert und werden daher überall dort angezeigt, wo dieses Popup geöffnet wird:

Die Icons-Steuerung von Widget Builder verwendet dieselben Packs, sodass auch benutzerdefinierte Widgets diese erhalten. Siehe Symbolsteuerung im Widget Builder.

Farbe, Größe, Drehung und Hover-Farbe stammen von der Style-Registerkarte jedes Widgets, den gleichen Steuerelementen, die Sie bereits für Font Awesome-Symbole verwenden.

Registerkarte Symbolbox-Stil mit geöffnetem Symbolabschnitt neben Symbolfeldern, die jedes der acht Pakete verwenden
LEISTUNG

Laden Sie nur die Packungen, die Sie verwenden

Bewahren Sie die Pakete auf, die Ihre Website benötigt, und lassen Sie den Rest ausgeschaltet.

Ein Schalter pro Packung

Schalten Sie ein Paket aus und seine Registerkarte verlässt das Icon Library-Popup. Seine Schriftartendateien werden im Editor nicht mehr geladen.

Ihrer Mediathek nichts hinzugefügt

Die Packs sind Icon-Schriftarten, somit ist jedes Icon ein einzelnes <i> Tag und deine Mediathek bleibt unberührt.

Eine kürzere Liste zum Suchen

Suche und die Ansicht Alle Symbole beinhalten nur die Pakete, die Sie eingeschaltet haben, wodurch sich die Ergebnisse kurz halten.

VERGLEICHEN

Master Addons Icon Library vs. Elementors integrierte Symbole vs. benutzerdefinierte Symbole

Drei Möglichkeiten, Symbole in Elementor zu integrieren und was Ihnen jeder bietet.

Elementor eingebautElementor Pro Benutzerdefinierte SymboleMaster Addons Icon Library
SymbolsätzeFont Awesome Regular, Solid und MarkenJedes Set, das Sie hochladenFont Awesome plus 8 Packungen
Verwendbare SymboleNur Schriftart AwesomeKeine, bis Sie ein Set hochladen5.344 weitere
Benötigt einen ZIP von Fontello, IcoMoon oder FontasticNeinJaNein
Eicons im PflückerNeinNeinJa, 398 Symbole
Schalten Sie die Sets ein und ausNeinLöschen Sie das hochgeladene SetEin Schalter pro Packung
Setübergreifend suchenJaJaJa, jedes Pack auf einmal

Brauchen Sie die eigene Symbolschriftart Ihrer Marke? Laden Sie sie mit den benutzerdefinierten Symbolen von Elementor Pro hoch. Es erscheint unter Meine Bibliotheken neben den Master Addons-Paketen.

IM EINSATZ

Symbolpakete in echten Layouts

Vier Beispielabschnitte, jeweils mit einem Paket erstellt, um zu zeigen, wie die Stile auf einer Seite aussehen.

Beispiel-Feature-Grid mit sechs Karten, die jeweils ein Remix-Icon-Zeilensymbol verwenden
Funktionsraster mit Remix-Symbolleitungssymbolen
Beispiel-Preistabelle mit zwei Plänen mit Federcheck- und Kreuzsymbolen
Preistabelle mit Federsymbolen
Beispiel Kontaktabschnitt mit Telefon-, E-Mail-, Karten- und Uhrsymbolen von Google Material Icons
Kontaktbereich mit Google Material Icons
Beispiel-Dashboard mit kompaktem Seitenleistenmenü und Statistiken mit Teenyicons
Kompaktes Seitenleistenmenü mit Teenyicons

Häufig gestellte Fragen zur Elementor-Ikonenbibliothek

Erfahren Sie die am häufigsten gestellten Fragen der Benutzer zur Symbolbibliothek und finden Sie Antworten an einem Ort.
Wie füge ich Elementor weitere Symbole hinzu?

Master Addons installieren, auf Master Addons > Einstellungen > Erweiterungen > Symbolbibliothek gehen und die gewünschten Packs einschalten Sie erscheinen dann unter Meine Bibliotheken im Icon Library Popup jedes Elementor-Symbolfelds.

Nr. Alle acht Pakete werden innerhalb des Plugins versendet, sodass keine ZIP-Dateien importiert und keine SVGs hochgeladen werden müssen.

5.344 Symbole in acht Paketen: Remix Icon 2.271, Google Material Icons 1.144, Teenyicons 600, Elementor Icons 398, Iconic Font 300, Feather Icons 272, Simple Line Icons 189 und Linearicons 170.

Feather Icons, Remix Icon und Teenyicons sind Teil von Master Addons Pro. Sie erscheinen im Picker, sobald Pro mit einer gültigen Lizenz aktiv ist.

Es sind Icon-Schriftarten, wenn man eine eigene SVG-Datei für ein einzelnes Icon verwenden möchte, funktioniert die Option Upload SVG von Elementor im Icon-Feld weiterhin wie gewohnt.

Kann ich die Eicons von Elementor in meinen Widgets verwenden?

Ja. Der Standard-Picker von Elementor listet nur Font Awesome auf, aber Master Addons fügt die 398 Eicons als eigene Registerkarte hinzu, sodass Sie sie in jedem Symbolfeld platzieren können.

No. Iconic Font ist ein 300-Icon-Set von iconmonstr Ionicons ist eine separate Bibliothek und nicht Teil von Master Addons.

Ja. Setzt Sie hochladen mit Benutzerdefinierte Symbole und die Master Addons Packs alle erscheinen in dem gleichen Popup, und Font Awesome bleibt, wo es ist.

Stellen Sie sicher, dass der Schalter des Pakets eingeschaltet ist und Sie auf Änderungen speichern geklickt haben, und laden Sie dann den Editor neu. Wenn Symbole als leere Quadrate angezeigt werden, löschen Sie den Cache von Elementor unter Elementor > Extras > Allgemein (Dateien & Daten löschen), dann löschen Sie Ihren Seitencache und Ihr CDN.

Erhalten Sie 5.300+ Symbole in Ihrem Elementor-Symbol-Picker

Alle acht Packs sitzen in Elementors eigenem Popup, jedes mit eigenem Switch Die Icon Library ist Teil von Master Addons for Elementor, das auf mehr als 30.000 Seiten läuft.

Dokumente der Symbolbibliothek

Einstellungen, CSS-Präfixe, Fehlerbehebung

Steuerung der Widget Builder-Symbole

Verwenden Sie die Packs in benutzerdefinierten Widgets

Vorlagenbibliothek

Fertige Seiten und Abschnitte

Preisgestaltung

Pläne für Master Addons Pro