Импорт изображений PNG без фона [закрыто] ⇐ CSS

[Anonymous]

Я пишу код веб-сайта с помощью приложения React и пытаюсь работать с импортированными изображениями. У меня есть функция переключения темы, которая позволяет пользователю переключаться между светлым и темным режимом. Меняю иконку с луны на солнце и наоборот. Несмотря на то, что я импортировал изображения в формате .png, их фон изменился на квадрат. Это приводит к мгновенному изменению фона значка при изменении веб-сайта с переходом в 1 секунду. Следовательно, изображения не соответствуют остальной части веб-сайта при переключении темы. Вы можете увидеть мою функцию переключения ниже.
const DarkLightMode = ({ isDarkMode, toggleTheme }) => {
return (



);
};

Я также применил стиль к этому компоненту. Код стилизованного компонента вы можете найти ниже.
const StyledButton = styled.button`
background: none;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
outline: none;
`;

const StyledImage = styled.img`
width: 30px;
height: 30px;
display: block;
background: transparent;
`;


Подробнее здесь: https://stackoverflow.com/questions/791 ... background