Is the icomoon font not displaying correctly?

Question

css

Screenshot of the problem
I got the .svg, uploaded it to icomoon and converted it to a font. Got what's on the screen
Regardless of the code, now it's "\2711". Every time I get THIS.
What could be the problem?

Answer 1

Your SVG is incorrect. Ideally, there should be one shape inside SVG, but designers are lazy and always give up on this, you need to give it to the designer for revision. At the same time, I will assume that there are 100,500 extra control points that increase the weight of the icon.
In short, icon fonts also need to be able to cook.

Answer 2

1. Everything should be in curves and have a closed loop. Not any lines and circles, all in <path>
2. It is advisable to make icons according to the grid to avoid complex numbers (it will save a few bytes, against the background of 100 icons it is very noticeable)
3. We drive https://jakearchibald.github.io/svgomg
if you know how to work with SVG in graphic editors, give it back to the designer.
I don't see a screenshot, maybe I misunderstood the problem.