IoPhonePortrait (io5) contains duplicate path causing double opacity at low alpha

Author: nimble-turtleCreated Apr 12, 2026Updated Jul 7, 2026
LabelsBug

Bug

IoPhonePortrait from react-icons/io5 renders three <path> elements, but the first and third are identical — both define the outer phone border. This causes the outer border shape to be painted twice, which makes it appear significantly more opaque than expected when the icon is rendered at low opacity (e.g. `opacity: 0.1` or `color: currentColor` at low alpha).

Steps to reproduce

Render `` and inspect the SVG output:

```html <svg viewBox="0 0 512 512" ...> ```

Path 1 and path 3 are byte-for-byte identical.

Expected behavior

The outer border path should appear only once, so the icon renders at consistent opacity with other icons.

Actual behavior

The outer border is painted twice, making it appear ~2× more opaque than other icons at the same alpha value.

Environment

  • react-icons version: latest
  • Icon: IoPhonePortrait from react-icons/io5