use this.state.icon in didMount

Author: Phizzard

CHANGELOG.md

@@ -42,7 +42,6 @@
 - Fixed `EuiPageHeader` bottom padding when `borderBottom = true` ([#4905](https://github.com/elastic/eui/pull/4905))
 - Fixed incomplete `height` and `width` information in `EuiResizeObserver` ([#4909](https://github.com/elastic/eui/pull/4909))
 
-
 **Theme: Amsterdam**
 
 - Updated styles for `EuiRange` ([#4815](https://github.com/elastic/eui/pull/4815)

src/components/icon/icon.tsx

@@ -606,9 +606,8 @@ export class EuiIcon extends PureComponent<EuiIconProps, State> {
 
   componentDidMount() {
     const { type } = this.props;
-    const initialIcon = getInitialIcon(type);
 
-    if (isEuiIconType(type) && initialIcon == null) {
+    if (isEuiIconType(type) && this.state.icon == null) {
       //eslint-disable-next-line react/no-did-mount-set-state
       this.setState({
         neededLoading: true,