IKONBIBLIOTEK FOR ELEMENTOR

Elementor Icon Library: 8 ekstra ikonpakker, 5.300+ ikoner

Master Addons tilføjer otte ikonpakker til Elementors egen ikonvælger: Elementor Icons (eicons), Google Material Icons, Remix Icon, Feather Icons, Linearicons, Simple Line Icons, iconmonstrs Iconic Font og Teenyicons. Det er 5.344 ikoner, du kan vælge i enhver widget med et ikonfelt.

Elementor Icon Library popup med de otte Master Addons ikonpakker, der er angivet under Mine biblioteker, ved siden af et kort, der viser ikonantallet for hver pakke

▶ Se 35-sekunders opsætning video

HVAD DU FÅR

Hver Elementor-ikonpakke i én vælger

Elementors ikonvælger leveres med Font Awesome i tre sæt: Regular, Solid og Brands. Master Addons tilføjer otte flere pakker til den samme popup. Hver enkelt får sin egen fane under Mine biblioteker, markeret med et lille “M”-mærke.

Du downloader ikke noget eller uploader ZIP-filer, og der er ingen separat ikon-widget at lære. Fortsæt med at bruge Elementors ikon, ikonboks, ikonliste, knap og sociale ikoner-widgets, som du gør nu. Popup'ens søgefelt ser gennem hver pakke, du har tændt.

Søgeresultater for raket i visningen Alle ikoner, med matches fra flere ikonpakker
PAKKERNE

De 8 ikonpakker og hvor mange ikoner hver har

Tal er ikonerne i hver pakkes plukkerfane. Sammen tilføjer de 5.344 ikoner til Elementor.

PackIkonerStyleGodt for
Remix ikon (Pro)2.271Linje og fyld parMenuer, svæve- og aktive tilstande, dashboards
Google Materiale Ikoner1.144FyldtRyd grænsefladehandlinger og app-stil websteder
Teenyicons (Pro)600Lille, minimal konturKompakte menuer, etiketter og tætte layouts
Elementorikoner (eicons)398Elementors grænsefladeglyfferMatchende Elementors eget look
Ikonisk skrifttype (ikonmonstr)300SolidPile, carets og hverdagssymboler
Feather Icons (Pro)272Lys linje, afrundede enderRene, moderne grænseflader
Simple Line Ikoner189Tynd linjeMinimale og portefølje sider
Linearicons170LineForretnings- og servicesteder
Total5.344Font Awesome forbliver tilgængelig ved siden af alle otte pakker

Ikonantal er fra pakkefilerne i Master Addons 3.2.

GENNEMSE

Udforsk hver ikonpakke

En prøve fra hver pakke, gengivet med samme farve og størrelse, så du kan sammenligne deres stilarter side om side.

Seksten prøveikoner fra Remix Icon-pakken, inklusive hjem, bruger, hjerte og indkøbskurv

Remix-ikon (Pro)

2.271 ikoner · Linje + fyld · Remixicon

Den største pakke. De fleste former kommer to gange: a -line version og en -fill version, så et ikon kan skifte fra disposition til solid på hover eller markere det aktive menupunkt.

Seks Remix Icon figurer vist som linje og fyld par: hjem, hjerte, stjerne, bogmærke, meddelelse og chat
Seksten prøveikoner fra Google Materialeikoner, herunder hjem, stjerne, sky og indstillinger

Google Materiale Ikoner

1.144 ikoner · Fyldt · Materiale Design

Googles Materialeikoner i den fyldte Materialedesign-stil. Sættet dækker advarsler, mediekontroller, handel og de daglige handlinger, folk kender fra Android- og Google-apps.

Et godt match til app-lignende websteder, hvor hvert ikon skal læses som en handling på et øjeblik.

Seksten prøveikoner fra Teenyicons-pakken, inklusive hjem, vogn, klokke og globus

Teenyicons (Pro)

600 ikoner · Lille disposition

Små, minimale konturikoner designet til at forblive klare i små størrelser.

Det passer til sidebjælker, tabeller, badges og ethvert sted, hvor et ikon sidder ved siden af 13 eller 14 px tekst.

Seksten prøveikoner fra Elementor Icons (eicons), inklusive hjerte, vogn, kode og Elementor-logoet

Elementorikoner (eicons)

398 ikoner · Elementor UI

Elementors egen ikonskrifttype, de glyffer, som editoren bruger til tekstformatering, layout og widgetsymboler. Elementors standardvælger viser ikke eicons. Master Addons tilføjer alle 398 som en fane, du kan vælge fra.

Praktisk på tutorial og agentur sites, der skal matche Elementor interface.

Seksten prøveikoner fra iconmonstrs Iconic Font, inklusive hjem, bruger, raket og globus

Ikonisk skrifttype (ikonmonstr)

300 ikoner · Solid · af iconmonstr

Den Ikoniske Font sat af iconmonstr. Dette er et andet bibliotek fra Ionicons. En stor del af det er pile, vinkler og carets i almindelige og cirklede versioner.

Brug den til knapper, skydere og navigationspile, der har brug for en fed, solid form.

Seksten prøveikoner fra Feather Icons, herunder hjem, kamera, kort og lag

Fjer ikoner (Pro)

272 ikoner · 24 px gitter · Lyslinje

Ikoner tegnet på et 24 px gitter med et let, jævnt slag og afrundede ender.

Lysstreg passer til funktionslister, pristabeller og navigationsmenuer.

Seksten prøveikoner fra Simple Line Icons, inklusive hjem, bruger, raket og trofæ

Simple Line Ikoner

189 ikoner · Tynd linje

Tynde dispositionsikoner til personer, telefoner, kort, navigation og andre hverdagssymboler.

Vælg det for minimale og portefølje layouts, hvor et tungt ikon ville trække for meget opmærksomhed.

Seksten prøveikoner fra Linearicons, inklusive hjem, vogn, sky og gave

Linearicons

170 ikoner · Linje

Linjeikoner fra Linearicons, såsom hjem, sky, lås, tandhjul og hjerte.

Det fungerer godt for servicelister og kontaktsektioner på forretningswebsteder.

SETUP

Sådan tilføjes flere ikoner til Elementor (3 trin)

Det tager cirka et minut. Fuldstændige detaljer er i Icon Library docs.

Trin 1

Tænd for de pakker, du ønsker

Gå til Master-tilføjelser > Indstillinger > Udvidelser, og klik på filteret Ikonbibliotek. Hver pakke har sin egen switch, og Aktiveret alle tænder hver pakke på én gang. Klik på Gem ændringer.

Master Addons Extensions fanen filtreret til Icon Library, der viser switches for alle otte ikonpakker
Trin 2

Åbn et hvilket som helst ikonfelt i Elementor

Tilføj et ikon, ikonboks, ikonliste, knap eller en hvilken som helst anden widget med et ikon. Hold markøren over ikoneksemplet på fanen Indhold, og klik på Ikonbibliotek.

Elementor Icon widgetpanel med knappen Icon Library fremhævet på ikoneksemplet
Trin 3

Vælg en pakke eller søg, og indsæt derefter

De nye pakker sidder under Mine biblioteker. Klik på en pakke for at gennemse den, eller skriv Filter by name for at søge i hver pakke på én gang. Vælg et ikon, og klik på Indsæt.

Et Remix-raketikon valgt i popup-vinduet Icon Library med knappen Indsæt fremhævet
KOMPATIBILITET

Fungerer i hvert Elementor-ikonfelt

Pakkerne tilsluttes Elementors standard Icon Library popup, så de dukker op, uanset hvor den popup åbner:

Widget Builders Ikoner kontrol bruger de samme pakker, så brugerdefinerede widgets får dem også. Se Ikoner kontrol i Widget Builder.

Farve, størrelse, rotation og svævefarve kommer fra hver widgets Style-fane, de samme kontroller, som du allerede bruger til Font Awesome-ikoner.

Fanen Icon Box Style med sektionen Icon åben ved siden af ikonbokse, der bruger hver af de otte pakker
PERFORMANCE

Indlæs kun de pakker, du bruger

Behold de pakker, dit websted har brug for, og lad resten være slukket.

Én switch pr. pakke

Sluk en pakke, og dens fane forlader Icon Library popup. Dens skrifttypefiler stopper med at indlæse i editoren.

Intet tilføjet til dit mediebibliotek

Pakkerne er ikonskrifttyper, så hvert ikon er et enkelt <i>-tag, og dit mediebibliotek forbliver uberørt.

En kortere liste at søge

Søg og visningen Alle ikoner inkluderer kun de pakker, du har slået til, hvilket holder resultaterne korte.

SAMMENLIGNE

Master Addons Icon Library vs Elementors indbyggede ikoner vs Custom Icons

Tre måder at få ikoner ind i Elementor, og hvad hver enkelt giver dig.

Elementor indbyggetElementor Pro Custom IconsMaster Addons ikonbibliotek
IkonsætFont Awesome Regular, Solid og BrandsEthvert sæt du uploaderFont Awesome plus 8 pakker
Ikoner klar til brugSkrifttype Kun fantastiskIngen før du uploader et sæt5.344 mere
Har brug for en ZIP fra Fontello, IcoMoon eller FontasticNoJaNo
eicons i plukkerenNoNoJa, 398 ikoner
Slå sæt til og fraNoSlet det uploadede sætÉn switch pr. pakke
Søg på tværs af sætJaJaJa, hver pakke på én gang

Har du brug for dit brands egen ikonskrifttype? Upload det med Elementor Pros brugerdefinerede ikoner. Det vises under Mine biblioteker ved siden af Master Addons-pakkerne.

I BRUG

Ikonpakker i rigtige layouts

Fire eksempelsektioner, hver bygget med én pakke, for at vise, hvordan stilarterne ser ud på en side.

Eksempel funktion gitter med seks kort, hver ved hjælp af en Remix Icon linje ikon
Funktionsgitter med Remix Icon linjeikoner
Eksempel prissætning tabel med to planer ved hjælp af Feather check og kryds ikoner
Prissætningstabel med Feather Icons
Eksempel på kontaktsektion med telefon-, e-mail-, kort- og urikoner fra Google Material Icons
Kontaktsektion med Google Material Icons
Eksempel på instrumentbræt med en kompakt sidebjælkemenu og statistik ved hjælp af Teenyicons
Kompakt sidebjælkemenu med Teenyicons

Ofte stillede spørgsmål til Elementor Icon Library

Lær de mest stillede forespørgsler, brugerne har om Icon Library, og find svar på ét sted.
Hvordan tilføjer jeg flere ikoner til Elementor?

Installer Master Addons, gå til Master Addons > Indstillinger > Udvidelser > Ikonbibliotek og tænd for de pakker, du ønsker. De vises derefter under Mine biblioteker i Ikonbibliotek popup af hvert Elementor ikonfelt.

Nej. Alle otte pakker sendes inde i plugin'et, så der er ingen ZIP-filer at importere og ingen SVG'er at uploade.

5.344 ikoner på tværs af otte pakker: Remix Icon 2.271, Google Material Icons 1.144, Teenyicons 600, Elementor Icons 398, Iconic Font 300, Feather Icons 272, Simple Line Icons 189 og Linearicons 170.

Feather Icons, Remix Icon og Teenyicons er en del af Master Addons Pro. De vises i plukkeren, når Pro er aktiv med en gyldig licens.

De er ikonskrifttyper. Hvis du vil bruge din egen SVG-fil til et enkelt ikon, fungerer Elementors Upload SVG-indstilling i ikonfeltet stadig som normalt.

Kan jeg bruge Elementors eicons i mine widgets?

Ja. Elementors standardvælger viser kun Font Awesome, men Master Addons tilføjer de 398 eicons som deres egen fane, så du kan placere dem i et hvilket som helst ikonfelt.

Nej. Iconic Font er et 300-ikon sat af iconmonstr. Ionicons er et separat bibliotek og er ikke en del af Master Addons.

Ja. Indstiller, du uploader med brugerdefinerede ikoner, og Master Addons-pakkerne vises alle i den samme popup, og Font Awesome bliver, hvor den er.

Sørg for, at pakkens switch er tændt, og du klikkede på Gem ændringer, og genindlæs derefter editoren. Hvis ikoner vises som tomme firkanter, skal du rydde Elementors cache under Elementor > Værktøjer > Generelt (Ryd filer og data), og derefter rydde din sidecache og CDN.

Få 5.300+ ikoner i din Elementor-ikonvælger

Alle otte pakker sidder i Elementors egen popup, hver med sin switch. Icon Library er en del af Master Addons for Elementor, som kører på mere end 30.000 sites.

Icon Library docs

Indstillinger, CSS-præfikser, fejlfinding

Widget Builder Ikoner kontrol

Brug pakkerne i brugerdefinerede widgets

Skabelonbibliotek

Færdiglavede sider og sektioner

Prissætning

Planer for Master Addons Pro