Inherit Color from HTML when embbed SVG in HTML

Motivation

When using svg icon in html, I wanna the icon inherit color from html. So it will change color with dom, especially with events like :hover.

Code

<!-- set color on svg or use css -->
<svg fill="currentColor" stroke="currentColor"></svg>

or css

svg {
  fill: currentColor;
  stroke: currentColor;
}

When using currentColor, must remove fill or stroke or set fill or stroke to currentColor.