diff --git a/src/assets/images/menu.png b/src/assets/images/menu.png
new file mode 100644
index 0000000..3dc1fe9
Binary files /dev/null and b/src/assets/images/menu.png differ
diff --git a/src/assets/images/twitter-dark.svg b/src/assets/images/twitter-dark.svg
new file mode 100644
index 0000000..525e19d
--- /dev/null
+++ b/src/assets/images/twitter-dark.svg
@@ -0,0 +1,57 @@
+
+
+
diff --git a/src/assets/images/twitter-normal.svg b/src/assets/images/twitter-normal.svg
new file mode 100644
index 0000000..a5e5786
--- /dev/null
+++ b/src/assets/images/twitter-normal.svg
@@ -0,0 +1,55 @@
+
+
+
diff --git a/src/components/IconComponent/IconComponent.spec.js b/src/components/IconComponent/IconComponent.spec.js
new file mode 100644
index 0000000..0000f82
--- /dev/null
+++ b/src/components/IconComponent/IconComponent.spec.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import IconComponent from './index.jsx';
+
+describe('Render component', () => {
+ it('renders Icon component', () => {
+ shallow(
+
+ );
+ });
+});
diff --git a/src/components/IconComponent/index.jsx b/src/components/IconComponent/index.jsx
new file mode 100644
index 0000000..a5d373f
--- /dev/null
+++ b/src/components/IconComponent/index.jsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'proptypes';
+import './index.scss';
+
+
+/**
+ * Sample Usage
+ *
+*/
+const IconComponent = ({ className, src, alt }) => {
+ return
;
+};
+
+
+
+IconComponent.propTypes = {
+ className: PropTypes.string.isRequired,
+ src: PropTypes.string.isRequired,
+ alt: PropTypes.string.isRequired
+};
+
+export default IconComponent;
diff --git a/src/components/IconComponent/index.scss b/src/components/IconComponent/index.scss
new file mode 100644
index 0000000..955f127
--- /dev/null
+++ b/src/components/IconComponent/index.scss
@@ -0,0 +1,9 @@
+.icon-large {
+ height: 100px;
+ width: 100px;
+}
+
+.icon-small {
+ height: 20px;
+ width: 20px;
+}
\ No newline at end of file