How do I take a image with just white and transparent pixels ([example](https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/White_Globe_Icon.png/600px-White_Globe_Icon.png)) and recolor to, say, red or orange, using only CSS?

Question below was asked previously -

[Change color of PNG image via CSS?](https://stackoverflow.com/questions/7415872/change-color-of-png-image-via-css)

The answer says to use filters, but does not indicate what combination of filters would make it work. Are there any filter combinations that would allow me to change a white-on-transparent image to red?

---

To clarify: I would like to *recolor the white portion of the image*, not color the background. For example, I would like it red-on-transparent.

```css
img {
  -webkit-filter: brightness(50%) saturate(200%) hue-rotate(90deg);
  }
```

```html
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/White_Globe_Icon.png/600px-White_Globe_Icon.png"></img>
```