https://css-tricks.com/icon-fonts-vs-svg/

Because in my point of view that is called a UI developer which is a different area. It exists on web/desktop/mobile. A Front-end developer is not necessarily developing a UI - even that you call any website a UI -, but it differs about it's purpose. When building a UI for desktop apps the goal is to give the users a tool in their hand to complete certain actions. However websites can have several purpose like presentation, media delivery, news, etc. The separation of front-end/back-end I think it's coming from the fact that there is a server side and a client side. This is how it works and there is no exception on the field of web development. On desktop side you usually use one technology, like .net in which you may already have the tools to build the full working application. For the web, front-end connects together different technologies (Node, PHP, .net, Go, Py, etc) using the same language/language stack (HTML, CSS, JS). Front-end became a really advanced and rapidly evolving territory in the last couple of years. It's really getting hard to have up-to-date knowledge. That's why I feel that the separation is legit, and that's why I think being Full-stack developer is a lie nowadays, but that is another topic :)

There are many tools out there to convert SVGs into Icon Font. But I would recommend to use SVG sprite instead. SVG is scaling better, on small sizes icons with even a simple curve will get blurry and/or pixelated in case of using fonts. Since Chrome also switched to use DirectWrite on Windows, this is a more common problem now. To avoid the mentioned issue, you need carefully crafted icons pixel-by-pixel, which is time consuming and it's still going to work on 1 size (and up). SVGs can have multiple colors! SVGs can be animated! Anyway, here are some resources: Create SVG sprite: https://www.npmjs.com/package/svg-sprite Icon font: https://www.npmjs.com/package/webfonts-generator Icons font: https://www.npmjs.com/package/icon-font-generator (same as 2nd with additional features) Icon font: https://www.npmjs.com/package/dcs-icon-font Icon font: https://www.npmjs.com/package/postcss-iconfont SVG Sprite tutorial: https://24ways.org/2014/an-overview-of-svg-sprite-creation-techniques/ How to correctly prepare SVGs for icon fonts: https://github.com/blog/1135-the-making-of-octicons

I won't give direct answer to this since this depends on personal tastes. Usually they say it's better to listen calm, classical, chill-out music, but sometimes it just feels better to listen to heavy DnB or DubStep at max volume :)

By using it more. Or try to solve your problems without it, 5 out of 10 cases it's possible. As a last resort, Google will be there for you always :)

Idk, tell me when you find out :D