[Bug] excessive loading of SVG images

[vakha30]

Prerequisites

• I searched for any existing report about this bug to avoid opening a duplicate.
• I can reproduce this bug in a new, unmodified web browser profile with Dark Reader installed as the only extension.
• I understand I need to use the Broken Website Report template if this bug I am reporting occurs on a single website.

Bug Description

When creating a React application and subsequently importing the CSS library flag-icons using the following lines:

import 'flag-icons/css/flag-icons.min.css';

An issue has been identified when the Dark Reader plugin is activated in the browser. As a result of the plugin activation, there is an excessive loading of SVG flag images, which can significantly increase the page load time and resource consumption.

Website Address

any

Steps To Reproduce

1. Create a new React application.
2. Import the CSS library flag-icons using the specified lines.
3. Activate the Dark Reader plugin in the browser.
4. Note the excessive loading of SVG flag images (DevTools).   

Expected Behavior

It is expected that when the Dark Reader plugin is activated in the browser, there will be no excessive loading of SVG flag images, which will help reduce page load time and optimize resource usage.

Actual Behavior

Currently, when the Dark Reader plugin is activated in the browser after importing the flag-icons CSS library, there is a noticeable increase in the number of SVG flag images being loaded on the page.

Screenshots

Operating System

Linux

Web Browser name and version

Google Chrome 124.0.6367.155

Dark Reader version

4.9.84

Additional Context

https://codesandbox.io/p/devbox/6rvvry?file=%2Fsrc%2FApp.tsx%3A5%2C11