Big question about icons on the web. What do you advise?

Question

css

Hello! I've had a question for quite some time. How to properly use icons on the web.
I use Font Awesome all the time in my projects. However, the reality is that a maximum of 5-10 icons from there are used. That is, fonts are loaded just like that.
I've tried various generators like the IcoMoon App, but I've noticed that, roughly speaking, Font Awesome renders an order of magnitude better.
SVG icons I don't know how to apply. What's good about the font is that it's fully manageable via CSS.
I want to seek advice from experienced people in this matter. How are you doing?
Thank you all in advance for your replies.

Answer 1

fontello.com - choose the right icons from popular packages, compile your font, profit!

Answer 2

They used to make icon fonts, but this is a bad and outdated practice, it should be abandoned.
sprite is better, and sometimes you can just connect SVG directly.
Usage example: https://habrahabr.ru/post/141654/

Answer 3

If you need compatibility with very old browsers, or icons are very complex in structure, then sprites. If the icons are simple (as in the same Font Awesome), then SVG sprites.
An icon font, in my opinion, is the worst of all possible practices (although it captivates with simplicity and flexibility), the only thing worse is storing icon states in different files. I have never used them and would not recommend.

Answer 4

Once you get the hang of SVG, you'll realize just how bad icon fonts are. The future is for the SVG and it can already be applied now.