SpriteMaterial appears dim and unclear

I’m loading some png: export const REACTPNG = new TextureLoader().load('./favicon.ico');. Then I add the sprite to the Scene as follows:

const sprite = new Sprite(new SpriteMaterial({ map: REACTPNG }));

My canvas is setup as follows:

export default function Game() {
    return (
        <Canvas style={{ width: '100vw', height: '100vh' }}>
            <Stuff />

This is what I’m seeing:

This seems odd to me since I’m not playing around with any lighting. I just use the default settings. What could be the issue?