Merge pull request #89 from appirio-tech/icons-vic

Icons vic

Author: Vic G

components/Carousel/Carousel.jsx

@@ -4,8 +4,8 @@ import classNames from 'classnames'
 import React, { Component } from 'react'
 import ReactDOM from 'react-dom'
 
-import LeftArrowIcon from '../Icons/LeftArrowIcon'
-import RightArrowIcon from '../Icons/RightArrowIcon'
+import IconArrowMinimalLeft from '../Icons/IconArrowMinimalLeft'
+import IconArrowMinimalRight from '../Icons/IconArrowMinimalRight'
 
 export default class Carousel extends Component {
   componentWillMount() {
@@ -107,13 +107,13 @@ export default class Carousel extends Component {
     return (
       <div className="Carousel">
         <div className="page-down" onClick={this.handlePageDown}>
-          <LeftArrowIcon fill="#FFFFFF" />
+          <IconArrowMinimalLeft fill="#FFFFFF" />
         </div>
         <div className="visible-area">
           { this.props.children.map(carouselItem) }
         </div>
         <div className="page-up" onClick={this.handlePageUp}>
-          <RightArrowIcon fill="#FFFFFF" />
+          <IconArrowMinimalRight fill="#FFFFFF" />
         </div>
       </div>
     )

components/Icons/FacebookIcon.jsx

@@ -0,0 +1,24 @@
+import React from 'react'
+
+const IconArrowLogOut = (props) => {
+  const fill = props.fill || '#62AADC'
+  const height = props.height || '16'
+  const width = props.width || '16'
+
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} viewBox="0 0 16 16" aria-labelledby="title">
+      <title id="title">IconArrowLogOut</title>
+      <path fill={fill} d="M3.409 2H8v2h2V1a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v9c0 .266.105.52.293.707l5 5A1 1 0 0 0 7 15V6.016a.998.998 0 0 0-.292-.706L3.409 2zM5 12.586l-3-3V3.42l3 3.009v6.157z"/>
+      <path fill={fill} d="M12 3.586L10.586 5l2 2H8v2h4.586l-2 2L12 12.414l3.707-3.707a.999.999 0 0 0 0-1.414L12 3.586z"/>
+    </svg>
+  )
+}
+
+IconArrowLogOut.propTypes = {
+  fill   : React.PropTypes.string,
+  stroke : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrowLogOut

components/Icons/GPlusIcon.jsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+const IconArrowMinimalDown = (props) => {
+  const fill = props.fill || '#62AADC'
+  const height = props.height || '16'
+  const width = props.width || '16'
+
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} viewBox="0 0 16 16" aria-labelledby="title">
+      <title id="title">IconArrowMinimalDown</title>
+	<path fill={fill} d="M15.707 4.854l-1.414-1.415L8 9.732 1.707 3.439.293 4.854 8 12.561z"/>
+</svg>
+  )
+}
+
+IconArrowMinimalDown.propTypes = {
+  fill   : React.PropTypes.string,
+  stroke : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrowMinimalDown

components/Icons/HamburgerIcon.jsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+const IconArrowMinimalLeft = (props) => {
+  const fill = props.fill || '#62AADC'
+  const height = props.height || '16'
+  const width = props.width || '16'
+
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} viewBox="0 0 16 16" aria-labelledby="title">
+      <title id="title">IconArrowMinimalLeft</title>
+	<path fill={fill} d="M11.146.293L3.439 8l7.707 7.707 1.415-1.414L6.268 8l6.293-6.293z"/>
+</svg>
+  )
+}
+
+IconArrowMinimalLeft.propTypes = {
+  fill   : React.PropTypes.string,
+  stroke : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrowMinimalLeft

components/Icons/IconArrowLogOut.jsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+const IconArrowMinimalRight = (props) => {
+  const fill = props.fill || '#62AADC'
+  const height = props.height || '16'
+  const width = props.width || '16'
+
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} viewBox="0 0 16 16" aria-labelledby="title">
+      <title id="title">IconArrowMinimalRight</title>
+	<path fill={fill} d="M4.854 15.707L12.561 8 4.854.293 3.439 1.707 9.732 8l-6.293 6.293z"/>
+</svg>
+  )
+}
+
+IconArrowMinimalRight.propTypes = {
+  fill   : React.PropTypes.string,
+  stroke : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrowMinimalRight

components/Icons/IconArrowMinimalDown.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+
+const IconArrowMinimalUp = (props) => {
+  const fill = props.fill || '#62AADC'
+  const height = props.height || '16'
+  const width = props.width || '16'
+
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} viewBox="0 0 16 16" aria-labelledby="title">
+      <title id="title">IconArrowMinimalUp</title><path fill={fill} d="M8 3.439L.293 11.146l1.414 1.415L8 6.268l6.293 6.293 1.414-1.415z"/></svg>
+  )
+}
+
+IconArrowMinimalUp.propTypes = {
+  fill   : React.PropTypes.string,
+  stroke : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrowMinimalUp

components/Icons/IconArrowMinimalLeft.jsx

@@ -0,0 +1,22 @@
+import React from 'react'
+
+const IconArrowPriorityHigh = (props) => {
+  const fill = props.fill || '#62AADC'
+  const height = props.height || '16'
+  const width = props.width || '16'
+
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} viewBox="0 0 16 16" aria-labelledby="title">
+      <title id="title">IconArrowPriorityHigh</title>
+      <path fill={fill} d="M11 12h5v2h-5zM11 8h5v2h-5zM11 4h5v2h-5zM5 14h4v-2H5c-1.654 0-3-1.346-3-3s1.346-3 3-3v3l4-4-4-4v3C2.243 4 0 6.243 0 9s2.243 5 5 5z"/>
+    </svg>
+  )
+}
+
+IconArrowPriorityHigh.propTypes = {
+  fill   : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrowPriorityHigh