How to save an image so that you can change its color?

Question

css

Some icons are created in a similar way.

Answer 1

png with a transparent base, the border should be opaque and rectangular.
If we are talking about icons, it is better to use svg. Fonts are not the best choice for icons, because in different browsers they will have different sharpness.

Answer 2

Look into icon fonts like font awesome . There are about 500 icons of any subject. They are edited like a normal font (i.e. size and color). It is especially convenient to use social network icons that need to be constantly betrayed by different colors.

Answer 3

Maybe https://learn.javascript.ru/css-sprite will work for you , or try using SVG.