How to add more icons in IcoMoon?

[romagromov]

Hi!
Joomla have integrated IcoMoon font with some icons.
But it don't contains all icons from free package - https://icomoon.io/#preview-free
How to add all icons from full free package to Joomla.

Thanks.

[itoctopus]

You can always re-generate the icon list in icomoon.io and then use that icon list instead.

Please let me know if I misunderstood your question.

[romagromov]

Can't find docs - how to replace default icons set for joomla on my own.

[itoctopus]

I believe you will need to overwrite the files (please backup these files first):

- /media/jui/css/icomoon.css
- /media/jui/fonts/IcoMoon.svg

with the corresponding files from the "Sprite" folder.

You need to make sure that the settings (when you export the fonts from IcoMoon) are exactly as those used by Joomla (I hope someone else with more knowledge on this particular subject can input his/her feedback).

[romagromov]

Ok. I have downloaded full free package - https://github.com/Keyamoon/IcoMoon-Fre ... master.zip
But this package does not contains "Sprite" folder and IcoMoon.svg and icomoon.css...

Also I have checked folder demo-files and file Reference.html

Joomla icon have code "\eab5"


But in this Joomla article https://docs.joomla.org/J3.x:Joomla_Sta ... moon_Fonts

this icon have code "\e200"

How it possible?

[Jaydot]

Am I allowed to re-open an old topic?
I have the exact same question...
I would like to use a few social icons (like the ones at the bottom of this very page), but I was surprised to find that they are not in the list of standard icomoon icons that are included with Protostar.
(And because of seeing many templates that can't keep up with the Joomla updates, I'm switching sites back to Protostar).
I simply don't understand the explanation given in this thread so far (sorry Itoctopus).
I'm capable of styling my own module with social icons, but I do need the icons themselves to do that .

[Webdongle]

Try this
Put
JHtml::_('bootstrap.framework');
in your Template's index.php

Put your modified bootstrap files in
/templates/{templatename}/js/jui
and Joomla should find and use your bootstrap files

AFAIK /templates/{templatename}/js/jui is the Template override for bootstrap files

[Jaydot]

I'm not sure what Bootstrap has to do with icons, sorry...

Anyway, never mind.
I'm going to use another icon set.
One that has nicer icons, too .

[Webdongle]

I'm not sure what Bootstrap has to do with icons, sorry...
...

Use the same method and see if that overrides /media/jui/fonts/IcoMoon.svg

[Jaydot]

Ah, I see!
Thanks!