Colored icons in icomoon.io?

Question

css

With the help of icomoon.io, I placed my svg icons in order to copy the font code for my site to Bitrix. But initially the icons are colored, but they are loaded into icomoon.io in black and white format, and on the site they are displayed in blue (in the style of the site) Has anyone encountered such a problem, knows how to add icons in color?

Answer 1

It all depends on how exactly you upload icons from icomoon.

As you can see, two options are supported: a set of SVG and/or PNG icons or an icon font. Obviously you have chosen a font option and in this case, naturally, you got single-color images. The fact is that although color fonts exist ( caniuse , example ), but in practice they are used extremely rarely, icomoon simply does not support this format, since it uploads the result to standard font formats, and they are all colorless.
In addition, there are a number of arguments against using icon fonts as such ( one , two for example), since in fact this is a crutch for a problem that is no longer relevant on the modern web.
Therefore, you should consider switching to using SVG icons instead of an icon font. You will only benefit from this.