metamask-extension/ui/components/app/signature-request-siwe/signature-request-siwe-icon/index.js

import React from 'react';
import {
  DISPLAY,
  AlignItems,
  Color,
  JustifyContent,
} from '../../../../helpers/constants/design-system';
import Box from '../../../ui/box';
import { Icon, ICON_NAMES } from '../../../component-library';

const SignatureRequestSIWEIcon = () => {
  return (
    <Box
      className="signature-request-siwe-icon"
      display={DISPLAY.INLINE_FLEX}
      alignItems={AlignItems.center}
      backgroundColor={Color.errorDefault}
      justifyContent={JustifyContent.center}
    >
      <Icon name={ICON_NAMES.DANGER} color={Color.errorInverse} />
    </Box>
  );
};

export default SignatureRequestSIWEIcon;