Image size="medium" collides with name="medium"

[ghost]

Please rename the Icon medium to support the medium size with other icons or reorder the position in the icon.css so, that the medium selector is defined before the other selectors.
Otherwise size="medium" will render the medium char.

Codepen
i.icon.medium:before { content: "\f23a"; }
i.icon.at:before { content: "\f1fa"; }
The medium selector was defined after the at selector and will overload them, but "medium" is not the icon. Its the size.

We use react semantic ui with semantic ui css, but this is an independent problem.

[ghost]

Like
#4792
I'm comming from the react semantic ui repo and posted the issue there initially, but was referred to your repo.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.