ELEMENTOR 的图标库

Elementor 图标库:8 个额外图标包、5,300 多个图标

Master Addons为Elementor自己的图标选择器添加了八个图标包:元素图标(图标),谷歌材料图标,混音图标,羽毛图标,线性图标,简单线条图标,图标monstr的图标字体和Teenyicons。这是5,344个图标,你可以在任何带有图标字段的小部件中选择。

Elementor 图标库弹出窗口,其中包含"我的库"下列出的八个主插件图标包,旁边是一张显示每个包的图标计数的卡片

科技 观看 35 秒设置视频

你得到的

每个 Elementor 图标都包含在一个选择器中

Elementor的图标选择器与Font Awesome分三组发货:常规,固体和品牌。主插件在同一个弹出窗口中又添加了八包。每个都在我的库下有自己的选项卡,并标有小“M”徽章。

ZIP文件,你不下载任何东西或上传,也没有单独的图标小部件需要学习,继续使用Elementor的图标,图标框,图标列表,按钮和社交图标小部件,就像现在一样,弹出的搜索框会查看您已打开的每个包。

在"所有图标"视图中搜索火箭的结果,并来自多个图标包进行匹配
包

8个图标包以及每个图标有多少个

Numbers 是每个包的选取器选项卡中的图标,它们一起为元素器添加了 5,344 个图标。

包图标风格好
混音图标 (专业版)2,271行和填充对菜单、悬停和活动状态、仪表板
谷歌材料图标1,144填充清晰的界面操作和应用程序风格的网站
青少年图标 (专业版)600小而小的轮廓紧凑的菜单、标签和密集的布局
元素图标(图标)第398章元素师的界面字形匹配元素人自己的外观
图标字体(iconmonstr)300固体箭头、手推车和日常符号
羽毛图标 (专业版)第272章灯线,圆形端部干净、现代的界面
简单的线条图标189绔 涔诲芥澶澧细线最小网站和投资组合网站
线性170绔 涔诲芥澶澧线商业和服务场所
总计5,344所有八包旁边都有很棒的住宿

图标计数来自 Master Addons 3.2 中的包文件。

浏览

探索每个图标包

每个包装中的样品,呈现相同的颜色和尺寸,因此您可以并排比较它们的样式。

Remix图标包中的十六个示例图标,包括家庭,用户,心脏和购物车

混音图标(专业版)

2,271 个图标 · 线路 + 填充 · 混音

最大的包。大多数形状有两次:a -line 版本和a -fill 版本,因此图标可以在悬停或标记活动菜单项时从轮廓切换到实体。

六个 Remix 图标形状显示为行和填充对:主页、心脏、星星、书签、通知和聊天
Google 材料图标中的十六个示例图标,包括家庭、星星、云和设置

谷歌材料图标

1,144 个图标 · 填充 · 材料设计

Google 的材料图标,采用填充的材料设计风格,该套装涵盖了警报、媒体控制、商业以及人们从 Android 和 Google 应用中了解到的日常操作。

App类网站的良好匹配,其中每个图标必须一目了然地读取为一个操作。

Teenyicons 包中的十六个示例图标,包括家居、购物车、钟形和地球仪

Teenyicons(专业版)

600个图标 · 小轮廓

小型、最小的轮廓图标,旨在保持小尺寸清晰。

它适合侧边栏、表格、徽章以及图标位于 13 或 14 px 文本旁边的任何位置。

Elementor Icons(图标)中的十六个示例图标,包括心形、购物车、代码和 Elementor 徽标

元素图标(图标)

398个图标 · 元素用户界面

Elementor自己的图标字体,编辑器用于文本格式、布局和小部件符号的字形 Elementor默认的选取器不列出图标,Master Addons将所有398都添加为一个选项卡,您可以从中进行选择。

方便使用应该与 Elementor 界面匹配的教程和代理网站。

iconmonstr 标志性字体的十六个示例图标,包括家庭、用户、火箭和地球仪

图标字体(iconmonstr)

300个图标 · 固体 · 通过图标怪兽

Iconic Font由iconmonstr设置的,这是与爱奥尼康不同的库,其中很大一部分是普通版和圆形版的箭头、角度和卡顿。

用于需要大胆、坚固形状的按钮、滑块和导航箭头。

Feather Icons 中的十六个示例图标,包括家居、相机、地图和图层

羽毛图标(专业版)

272个图标 · 24 px 网格 · 光线

图标绘制在 24 px 网格上,具有轻盈、均匀的笔画和圆形端部。

灯光笔触套装包含列表、定价表和导航菜单。

Simple Line 图标中的十六个示例图标,包括主页、用户、火箭和奖杯

简单的线条图标

189个图标 · 细线

适用于人员、电话、地图、导航和其他日常符号的细轮廓图标。

选择它以进行最小的投资组合布局,其中沉重的图标会吸引太多注意力。

Linearicons 中的十六个示例图标,包括家居、购物车、云和礼品

线性

170个图标 · 线

Linearicons 中的行图标,例如家居、云、锁、齿轮和心脏。

它适用于商业网站上的服务列表和联系部分。

设置

如何向 Elementor 添加更多图标(3 步)

1分钟左右, 完整详情在 图标库文档.

步骤1

打开您想要的包

到主插件>设置>扩展,然后单击图标库过滤器,每个包都有自己的开关,并启用所有一次打开每个包,单击保存更改。

主插件扩展选项卡过滤到图标库,显示所有八个图标包的开关
步骤2

打开 Elementor 中的任何图标字段

Icon、图标框、图标列表、按钮或任何其他带有图标的小部件。将鼠标悬停在"内容"选项卡中的图标预览上, 然后单击"图标库"。

Elementor Icon 小部件面板,图标预览中突出显示图标库按钮
步骤3

选择一个包或搜索,然后插入

新包位于"我的库"下。单击一个包进行浏览,或按名称输入"过滤器"以一次搜索每个包。选择一个图标并单击"插入"。

在图标库弹出窗口中选择一个 Remix 火箭图标,其中突出显示插入按钮
兼容性

在每个 Elementor 图标字段中都有效

Packs 插入到 Elementor 的标准图标库弹出窗口中, 因此无论该弹出窗口打开在哪里, 它们都会显示:

Widget Builder 的 Icons 控件使用相同的包,因此自定义小部件也会获取它们。请参阅 Widget Builder 中的图标控制.

颜色、大小、旋转和悬停颜色来自每个小部件的样式选项卡,与您已经用于"字体棒极了"图标的控件相同。

图标框样式选项卡,其中图标部分在使用八个包中的每一个的图标框旁边打开
性能

仅加载您使用的包

保留网站所需的包,其余部分关闭。

每包一个开关

关闭一个包,其选项卡将弹出图标库。它的字体文件停止在编辑器中加载。

没有添加到您的媒体库中

Pack 是图标字体,因此每个图标都是一个 <i> 标签,您的媒体库保持不变。

要搜索的较短列表

"搜索"和"所有图标"视图仅包含您已打开的包, 这会使结果保持简短。

比较

主插件图标库与 Elementor 的内置图标与自定义图标

Elementor中获取图标的三种方法,以及每种方法给你什么。

内置元素器Elementor Pro 自定义图标主插件图标库
图标集字体非常普通、扎实且品牌优良您上传的任何套装字体真棒加 8 包
图标可供使用字体 仅供参考在上传一组之前没有5,344 更多
需要 Fontello、IcoMoon 或 Fontastic 的邮政编码否是的否
选择器中的图标否否是的,398 个图标
打开和关闭装置否删除上传的集合每包一个开关
跨组搜索是的是的是的,每包都是一次性的

需要您品牌自己的图标字体吗?上传 Elementor Pro 的自定义图标。它出现在 Master Addons 包旁边的"我的库"下。

在使用

真实布局中的图标包

四个示例部分,每个部分都用一个包构建,以显示页面上的样式外观。

示例具有六张卡片的网格,每张卡片都使用 Remix Icon 行图标
具有 Remix 图标线图标的功能网格
使用 Feather 检查和交叉图标的包含两个计划的示例定价表
带有羽毛图标的定价表
示例联系部分包含 Google Material Icons 中的电话、电子邮件、地图和时钟图标
使用 Google 材料图标的联系部分
示例仪表板,具有紧凑的侧边栏菜单和使用 Teenyicons 的统计数据
带 Teenyicons 的紧凑侧边栏菜单

Elementor 图标库的常见问题

了解用户对图标库询问最多的查询,并在一个地方找到答案。
如何向 Elementor 添加更多图标?

装主插件,转到主插件 > 设置 > 扩展 > 图标库,然后打开您想要的包。然后它们会出现在每个 Elementor 图标字段的图标库弹出窗口中的"我的库"下。

No。8包都发货在插件内部,所以没有ZIP文件可以导入,也没有SVG可以上传。

5,344 个图标,共八包:Remix Icon 2,271、Google Material Icons 1,144、Teenyicons 600、Elementor Icons 398、Iconic Font 300、Feather Icons 272、Simple Line Icons 189 和 Linearicons 170。

Feather Icons、Remix Icon 和 Teenyicons 是 Master Addons Pro 的一部分。一旦 Pro 凭借有效许可证处于活动状态,它们就会出现在选择器中。

Ta们是图标字体,如果想用自己的SVG文件做单个图标,Elementor在图标字段中的上传SVG选项仍然照常工作。

我可以在我的小部件中使用 Elementor 的图标吗?

Yes。Elementor的默认选择器只列出了字体真棒,但主插件将398个图标添加为自己的选项卡,因此您可以将它们放置在任何图标字段中。

No。Iconic字体是由iconmonstr设置的300个图标,爱奥尼康是一个单独的库,不是主插件的一部分。

是。使用自定义图标和主插件包上传的设置都出现在同一个弹出窗口中,字体真棒保持在原来的位置。

确保包的开关打开,然后单击"保存更改",然后重新加载编辑器。如果图标显示为空方块,请在 Elementor > 工具 > 常规(清除文件和数据)下清除 Elementor 的缓存,然后清除页面缓存和 CDN。

在 Elementor 图标选择器中获取 5,300 多个图标

8个包都坐在Elementor自己的弹出窗口中,每个弹出窗口都有自己的交换机图标库是Elementor主插件的一部分,该插件在30,000多个站点上运行。

图标库文档

设置、CSS 前缀、故障排除

小部件生成器图标控制

使用自定义小部件中的包

模板库

现成的页面和部分

定价

Master Addons Pro 的计划