mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
49 lines
1.6 KiB
JavaScript
49 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
/**
|
|
* @deprecated This has been deprecated in favour of the `<Icon />` component in ./ui/components/component-library/icon/icon.js
|
|
* See storybook documentation for Icon here https://metamask.github.io/metamask-storybook/?path=/docs/components-componentlibrary-icon--default-story#icon
|
|
*/
|
|
|
|
const IconEye = ({
|
|
size = 24,
|
|
color = 'currentColor',
|
|
ariaLabel,
|
|
className,
|
|
}) => (
|
|
// This SVG copied from `@fortawesome/fontawesome-free@5.13.0/regular/eye.svg`.
|
|
<svg
|
|
width={size}
|
|
height={size}
|
|
fill={color}
|
|
className={className}
|
|
aria-label={ariaLabel}
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 576 512"
|
|
>
|
|
<path d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z" />
|
|
</svg>
|
|
);
|
|
|
|
IconEye.propTypes = {
|
|
/**
|
|
* The size of the Icon follows an 8px grid 2 = 16px, 3 = 24px etc
|
|
*/
|
|
size: PropTypes.number,
|
|
/**
|
|
* The color of the icon accepts design token css variables
|
|
*/
|
|
color: PropTypes.string,
|
|
/**
|
|
* An additional className to assign the Icon
|
|
*/
|
|
className: PropTypes.string,
|
|
/**
|
|
* The aria-label of the icon for accessibility purposes
|
|
*/
|
|
ariaLabel: PropTypes.string,
|
|
};
|
|
|
|
export default IconEye;
|