index.js
28 lines
| 1 | import PropTypes from 'prop-types'; |
| 2 | |
| 3 | const colorMap = { |
| 4 | white: '#fff', |
| 5 | grey: '#555d66', |
| 6 | give: '#66bb6a', |
| 7 | }; |
| 8 | |
| 9 | /** |
| 10 | * Give Icon |
| 11 | */ |
| 12 | const GiveIcon = ({color = 'give', size = '24px', ...rest}) => ( |
| 13 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 157.2 157.2" width={size} height={size} {...rest}> |
| 14 | <circle fill={colorMap[color]} cx="78.6" cy="78.6" r="78.6" /> |
| 15 | <path |
| 16 | fill="#fff" |
| 17 | d="M89.8 84.2c.3.7 1 1.3 1 1.3 13.9 1.7 33.6-.2 48.6-2.2-8.6 18.5-24 30.8-38.1 30.8-26.5 0-46.9-32.1-46.9-32.1 8.2-7.2 21.7-30.8 41.2-30.8s28 10.7 28 10.7l2.2-3.5s-9.1-31.9-34.9-31.9-53.2 42.3-69.2 52c0 0 22 52.2 70.2 52.2 40.4 0 50.6-38.6 52.5-48.2 5.4-.8 9.9-1.6 12.8-2.1 1-2.2 2.1-6.1 1.3-11.3-16.1 6.2-40.5 13.2-69.1 13.2-.1 0 0 1 .4 1.9z" |
| 18 | /> |
| 19 | </svg> |
| 20 | ); |
| 21 | |
| 22 | GiveIcon.propTypes = { |
| 23 | color: PropTypes.oneOf(Object.keys(colorMap)), |
| 24 | size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), |
| 25 | }; |
| 26 | |
| 27 | export default GiveIcon; |
| 28 |