⁰¹ Using Filter effects

Original post which inspired this tutorial.

Deeper discussion on the math.

⁰² Advanced notes

• If you SVG is not black, you may be able to force it to black by applying these two filters prior to the others;
  brightness(0) saturate(100%)
• May also work with Webflow Interactions, e.g. changing to a color from black.
• Works fine with background colors and images, and transparent areas of the SVG. These are not affected by the filter ( tested in Chrome only ).

⁰³ Other icon resources

I personally like flaticon, where every icon is available as SVG. Here are 3 of the best black-icon style groups.

• IconJar
• Iconset