Current implementation of SVG icons comes with disadvantageous side-effects:
# Icons, which aren't pre-defined to be a certain color, are not getting it. Example: Disabled icons. {T114044}
# Every color fill means another pre-defined file, that might need to be in a
- In v.0.15.4/MediaWiki theme we have 555 SVG icons:
- 265 "-invert.svg", 85 are "-rtl-invert.svg"
- 9 "-destructive.svg"
- 8 "-progressive.svg"
- 6 "-constructive.svg"
- 2 "-warning.svg"
- which leaves us with 265 "normal" icons (ltr and rtl)
# Difficult to add a new icon variant as there are three locations (JSON file, CSS)
# Little shade changes of color are only possible to add by quite a process, compare `:hover` shade changes of progressive blue
# Having separate SVG images of different states result in flickering of image when changing state, like `:normal` and `:hover`.
# Issues with `background-size: contain` {T93636} & {T94494}