Svg Fill Text Color. A single line of text. You’re largely limited to a single color with icon fonts in a way that svg isn’t, but still, it is appealingly easy to change that single color with color.
Useful for styling icon sets like zondicons that are drawn entirely with fills. You can control which variants are generated for the text color utilities by modifying the textcolor property in the variants section of your tailwind.config.js file. Just think of the paintbrush or fill icons in various applications that communicate what color you're about to draw or fill.
The closer to 0 the value is, the more.
The svg background is used to draw any kind of shape, set any color you want by the set property. In addition, several color transitions can be applied to the same element. Using inline svg allows you to set the fill , which cascades to all the elements within the svg, or you can fill each element separately if needed. Just think of the paintbrush or fill icons in various applications that communicate what color you're about to draw or fill.