Dev.to
7/16/2026

The headline needs to capture the key technical concept: using currentColor for SVG icons to follow dark mode automatically.
Original: Make your icons follow dark mode automatically with currentColor
Short summary
GeoIcons uses stroke="currentColor" on SVG icons so they automatically inherit the text color of their parent element, enabling seamless dark mode support without color props or theme providers. Set colors via CSS or Tailwind utilities on any ancestor, and every icon follows. The approach also handles hover, focus, and disabled states automatically.
- •GeoIcons SVGs use currentColor for stroke, inheriting parent text color automatically
- •No color prop or theme provider needed — style the container and icons follow
- •Works with Tailwind dark mode classes, prefers-color-scheme media query, and interactive states
Generated with AI, which can make mistakes.
Is this a good recommendation for you?



