Custom Icons (Pro)

Custom Icons (Pro)

Upload your own custom icons to your website using Elementor Pro』s Custom Icons feature. You can use Fontello, Icomoon, or Fontastic for the job.

Creating your font set

Fontello

Go to http://fontello.com/Choose some icons, or upload your own custom SVG filesClick the wrench. Add a CSS prefix. Make sure it』s uniqueGive your font a nameDownload the font (zip file) 

IcoMoon

Go to https://icomoon.io/appChoose some icons, or upload your own custom SVG filesClick on the 『Generate Font』 tabClick the Preferences buttonGive your font a nameUnder 『Class prefix』, give it a unique prefixClick the X to exitClick 『Download』 to download your font (zip file) 

Fontastic

Create a Fontastic accountSelect some icons or alternatively import your ownTo import click 『Add More Icons』 in the top menu barClick on the 『Modify Font』 tab Give your font a nameGive your font a unique CSS Class PrefixClick SaveGo to the 『Publish』 tabClick 『Download』 to download your font (zip file)

Installing your Font Set

In the WordPress dashboard go to:

Elementor > Custom IconsClick Add NewDrag & Drop your font zip fileEnter your icon set nameClick UpdateYou will now find your new custom icons under the 『Custom Icons』 area, where you』ll see your icon set name, icons number indicator and your unique CSS Prefix for each icon set.

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注