Custom icons

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.

Table de matiรจres


Creating your font set

Fontello

  1. Go toย http://fontello.com/
  2. Choose some icons, or upload your own custom SVG files
  3. Click the wrench. Add a CSS prefix. Make sure itโ€™s unique
  4. Give your font a name
  5. Download the font (zip file)ย 

IcoMoon

  1. Go toย https://icomoon.io/app
  2. Choose some icons, or upload your own custom SVG files
  3. Click on the โ€˜Generate Fontโ€™ tab
  4. Click theย Preferenzeย button
  5. Give your font a name
  6. Under โ€˜Class prefixโ€™, give it a unique prefix
  7. Click the X to exit
  8. Click โ€˜Downloadโ€™ to download your font (zip file)ย 

Fontastic

  1. Create aย Fontasticย conto
  2. Select some icons or alternatively import your own
  3. To import click โ€˜Add More Iconsโ€™ in the top menu bar
  4. Click on the โ€˜Modify Fontโ€™ tab
  5. ย Give your font a name
  6. Give your font a unique CSS Class Prefix
  7. Cliccareย Save
  8. Go to the โ€˜Publishโ€™ tab
  9. Click โ€˜Downloadโ€™ to download your font (zip file)

Installing your Font Set

In the WordPress dashboard go to:

  1. Elementor > Custom Icons
  2. Cliccareย Add New
  3. Drag & Drop your font zip file
  4. Enter your icon set name
  5. Cliccareย Update
  6. You 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.
Custom icons in Elementor

0 commenti

Invia un commento

Il tuo indirizzo email non sarร  pubblicato. I campi obbligatori sono contrassegnati *