create multicolor icons. Icomoon

Question

It\'s been so hard to find any clear information about how to create icons with two colors (facebook -white and blue-, google- white and red.....). The customer wants to be

Answer 1

IcoMoon itself generates the CSS for stacking font glyphs. It doesn't use :before and :after (which is a good solution for 2 colors). Instead, it uses a more general approach with multiple spans. It works well for cases where you want to have more than one color. All you need to do is import a multicolor SVG to IcoMoon. It'll take care of the rest. Here's a demo of its output: https://codepen.io/Keyamoon/pen/vXxJgq