Group f/development

client/src/Icons/ContactIcon.jsx

@@ -0,0 +1,32 @@
+import React from 'react';
+
+const styles = {
+  Icon: {
+    fill: '#8a1c1c',
+    top: '464px',
+    left: '407px',
+    width: '114px',
+    height: '133px',
+  },
+};
+
+export const IconComponent = ({ className = '' }) => (
+  <svg className={className} viewBox="0 0 24 24">
+    <path d="M0 0h24v24H0z" fill="none" />
+    <path d="M12 2a9 9 0 0 0-9 9c0 4.17 2.84 7.67 6.69 8.69L12 22l2.31-2.31C18.16 18.67 21 15.17 21 11a9 9 0 0 0-9-9zm0 2c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.3a7.2 7.2 0 0 1-6-3.22c.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08a7.2 7.2 0 0 1-6 3.22z" />
+  </svg>
+);
+
+const defaultProps = {
+  IconComponent,
+};
+
+const ContactIcon = (props) => {
+  return (
+    props.IconComponent 
+      ? <props.IconComponent style={styles.Icon} /> 
+      : <defaultProps.IconComponent />
+  );
+};
+
+export default ContactIcon;