--- title: Icon Library Settings description: "**What is Icon Library Settings?** The Icon Library extension in Master Addons adds eight icon packs to Elementor's Icon Library popup. This guide covers turning the packs on, picking and styling an icon in a widget, and fixing common problems.…" url: "https://master-addons.com/docs/extensions/icon-library/" updated: "2026-09-24" category: Extensions --- # Icon Library Settings **What is Icon Library Settings?** The Icon Library extension in Master Addons adds eight icon packs to Elementor's Icon Library popup. This guide covers turning the packs on, picking and styling an icon in a widget, and fixing common problems. For an overview of every pack and what each one… The **Icon Library** extension in Master Addons adds eight icon packs to Elementor's Icon Library popup. This guide covers turning the packs on, picking and styling an icon in a widget, and fixing common problems. For an overview of every pack and what each one suits, see the [Elementor icon library](https://master-addons.com/icon-library/) page. ## Before you start You need Elementor and Master Addons installed and active. Feather Icons, Remix Icons and Teeny Icons are Pro packs, so they appear only when Master Addons Pro is active with a valid license. ## Step 1: Turn on the icon packs 1. In your WordPress dashboard, go to Master Addons > Settings. 2. Open the Extensions tab. 3. Click the Icon Library filter to show only the icon packs. 4. Switch on the packs you want. The Enabled All switch turns all eight on or off at once. 5. Click Save Changes. ![Master Addons Extensions tab filtered to Icon Library, showing switches for all eight icon packs](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053014/icon-library-enable-icon-packs.webp) The settings card calls one pack "Ionic Font". In the Elementor popup the same pack is listed as "Iconic Font Icons". It is the Iconic Font set by iconmonstr. Only switch on the packs you plan to use. A pack that is off does not appear in the popup, and its font files are not loaded in the editor. ## Step 2: Open the Icon Library in a widget 1. Edit a page with Elementor. 2. Add any widget that has an icon field, such as Icon, Icon Box, Icon List, Button or Social Icons. 3. In the Content tab, hover over the icon preview and click Icon Library. ![Elementor Icon widget panel with the Icon Library button highlighted on the icon preview](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053018/icon-library-open-picker-in-widget.webp) ## Step 3: Choose a pack under My Libraries The popup lists Elementor's Font Awesome sets at the top. The Master Addons packs sit below them under My Libraries, and each one has a small "M" badge. Click a pack to browse its icons. ![Elementor Icon Library popup showing the eight Master Addons packs under My Libraries, with Remix Icons open](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053022/icon-library-my-libraries-tabs.webp) ## Step 4: Search across every pack Click All Icons and type a word in the Filter by name box. The results include Font Awesome and every Master Addons pack you have switched on. Searching for "rocket", for example, returns icons from Font Awesome, Simple Line Icons, Iconic Font Icons, Linear Icons and Remix Icons. ![Search results for rocket in the All Icons view, with matches from several icon packs](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053026/icon-library-search-all-packs.webp) ## Step 5: Insert the icon Click the icon you want so it is selected, then click Insert. The icon appears in the widget straight away. ![A Remix rocket icon selected in the Icon Library popup with the Insert button highlighted](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053029/icon-library-select-and-insert.webp) ## Step 6: Style the icon Icons from these packs use the widget's normal style controls. Open the Style tab and expand the Icon section to set the primary color, size and rotation. Use the Hover tab to change the color on hover. ![Icon Box Style tab with the Icon section open next to icon boxes that use each of the eight packs](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053032/icon-library-style-icon-size-color.webp) The example below uses one icon from each pack in Icon Box widgets with the same color and size. ![Eight icon boxes, one icon from each pack: Elementor Icons, Simple Line Icons, Iconic Font Icons, Linear Icons, Material Icons, Feather Icons, Remix Icons and Teeny Icons](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053036/icon-library-icons-from-every-pack.webp) ## Icon pack reference | Name in settings | Name in the popup | Icons | CSS class prefix | Plan | | --- | --- | --- | --- | --- | | Elementor Icons | Elementor Icons | 398 | `eicon-` | | | Simple Line Icons | Simple Line Icons | 189 | `icon-` | | | Ionic Font | Iconic Font Icons | 300 | `im-` | | | Linear Icons | Linear Icons | 170 | `lnr-` | | | Material Icons | Material Icons | 1,144 | `jltma-material-icon-` | | | Feather Icons | Feather Icons | 272 | `jltma-feather-icon-` | Pro | | Remix Icons | Remix Icons | 2,271 | `jltma-ri-` | Pro | | Teeny Icons | Teeny Icons | 600 | `jltma-ti-` | Pro | Each icon is output as an `` element with the pack class and the icon class, for example ``. You can target these classes in custom CSS. ## What each pack looks like ### Elementor Icons Elementor's own icon font: the 398 glyphs the Elementor editor uses for text formatting, layout and widget symbols. Pick it when you want icons that match the Elementor interface. ![Elementor Icons pack in the Icon Library popup](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053039/icon-pack-elementor-icons.webp) ### Simple Line Icons 189 thin outline icons for people, phones, maps, navigation and other everyday symbols. The light stroke works well in minimal layouts. ![Simple Line Icons pack in the Icon Library popup](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053041/icon-pack-simple-line-icons.webp) ### Iconic Font Icons iconmonstr's Iconic Font, with 300 solid icons. Arrows, angles and carets make up a large part of the set, most in both a plain and a circled version. ![Iconic Font Icons pack in the Icon Library popup](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053043/icon-pack-iconic-font-icons.webp) ### Linear Icons 170 line icons from Linearicons, including home, cloud, lock, cog and heart. ![Linear Icons pack in the Icon Library popup](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053045/icon-pack-linear-icons.webp) ### Material Icons Google's Material Icons: 1,144 filled icons in the Material Design style, covering alerts, media controls and common interface actions. ![Material Icons pack in the Icon Library popup](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053048/icon-pack-material-icons.webp) ### Feather Icons (Pro) 272 icons drawn on a 24 px grid with a light, even stroke and rounded ends. ![Feather Icons pack in the Icon Library popup](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053050/icon-pack-feather-icons.webp) ### Remix Icons (Pro) The largest pack, with 2,271 icons. Most shapes come in a line version and a fill version, so you can switch from outline to solid on hover or to mark an active item. ![Remix Icons pack with line and fill versions in the Icon Library popup](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053052/icon-pack-remix-icons.webp) ### Teeny Icons (Pro) 600 small, minimal outline icons designed to stay clear at small sizes. ![Teeny Icons pack in the Icon Library popup](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/24053054/icon-pack-teeny-icons.webp) ## Using the packs in Widget Builder The same packs are available in the icon picker of Widget Builder's Icons control. See [Icons control in Widget Builder](https://master-addons.com/docs/widget-builder/icons/) for setup. ## Troubleshooting ### A pack is missing from the popup Check that its switch is on under Master Addons > Settings > Extensions > Icon Library, click Save Changes, then reload the Elementor editor. ### Feather, Remix or Teeny Icons are missing These packs need Master Addons Pro with an active license. Check the license under Master Addons > Account. ### Icons show as empty squares or do not appear on the page Go to Elementor > Tools > General and click Clear Files & Data under Elementor Cache. Then clear any caching plugin and your CDN. If your fonts are served from a CDN on another domain, make sure it allows cross origin requests for font files. ### Turning a pack off Before you switch a pack off, check that no page uses icons from it. ## Video walkthrough [How to Enable Custom icon library in Elementor Editor?](https://www.youtube.com/embed/sp3XSiB_Uu8?feature=oembed) ## Related - [Elementor icon library by Master Addons](https://master-addons.com/icon-library/): all eight packs and what each one suits - [Icons control in Widget Builder](https://master-addons.com/docs/widget-builder/icons/)