[[CSS]]の`color`で設定されたテキスト色を[[SVG]]のカラーとして、たとえば `fill` に設定する方法。[[currentcolor (CSS)|currentcolor]]を指定する。[[Tailwind CSS]]で外側から色を設定するときに便利。 ```html <svg style="color: blue;"> <circle cx="50" cy="50" r="25" fill="currentcolor" /> <circle cx="125" cy="50" r="25" /> </svg> ``` ↓ <svg style="color: blue;"> <circle cx="50" cy="50" r="25" fill="currentcolor" /> <circle cx="125" cy="50" r="25" /> </svg> ## 参考 - [CSSのcurrentColorを使ってもっと簡単に色を指定する \- Satoshi Murata](https://satoshimurata.com/css-currentcolor)