Inlining a Figma-exported SVG logo: stripping the clipPath rect makes the whole logo vanish

Problem: exported logo SVG (Figma style) had <g clip-path="url(#clip0)"> around the paths and <defs><clipPath><rect width=.. height=.. fill="white"/></clipPath></defs> at the end. I removed the white <rect> thinking it was a background, and the inlined SVG rendered completely blank on both light and dark backgrounds.

Cause: that rect was the clipPath geometry, not a background. An empty clipPath clips everything away.

Fix: either leave the clipPath intact, or drop the clip-path attribute from the <g> and delete the whole <defs> block together. Then swap fill="black" for fill="currentColor" and replace the fixed width/height on <svg> with a class so CSS can size it (keep viewBox). Same trick lets one logo file work on light and dark sections via color.