Custom icon fonts

Hi @PDeT,

you can’t configure default modules.

But creating a custom module for custom icons is quite simple.

The only things you’d need are:

  • text field(not rich-text) or a dropdown(If you’d like to limit the module to certain icons). I’ll call it “icon name”
  • a bit of HTML

The default layout of the module should be:

<i class="fal fa-{{ module.icon_name }}"></i>

That’s it :grinning_face:

If you’re going the text-field way the user will need to put the icon name without “fa-” into the field like
heart, house…

Of course you can add a ton of options here like

  • changing the “icon weight”
  • changing the sizes
  • and what ever you’d like to do

for the icon weight:

My personal favorite is to create a select option with the names and the associated values.

E.g:

Name / Value

Thin / fal

Regular / far

Solid / fas

Duo / fad

If you’d like to use something completly different like material icons this is the way to go

best,

Anton