Icons vic

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/IconArrowLogOut.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/IconArrowMinimalDown.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/IconArrowMinimalLeft.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/IconArrowMinimalRight.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/IconArrowMinimalUp.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/IconArrowPriorityHigh.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

components/Icons/IconArrowPriorityLow.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+
+const IconArrowPriorityLow = (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">IconArrowPriorityLow</title>
+      <path fill={fill} d="M11 2h5v2h-5zM11 6h5v2h-5zM11 10h5v2h-5zM5 12v3l4-4-4-4v3c-1.654 0-3-1.346-3-3s1.346-3 3-3h4V2H5C2.243 2 0 4.243 0 7s2.243 5 5 5z"/></svg>
+  )
+}
+
+IconArrowPriorityLow.propTypes = {
+  fill   : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrowPriorityLow

components/Icons/IconArrowSelect.jsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+const IconArrowSelect = (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">IconArrowSelect</title>
+      <path fill={fill} d="M7.375 1.219l-5 4 1.249 1.562L8 3.28l4.375 3.501 1.249-1.562-5-4a1.003 1.003 0 0 0-1.249 0zM8 12.72L3.625 9.219l-1.249 1.562 5 4a.996.996 0 0 0 1.249 0l5-4-1.249-1.562L8 12.72z"/>
+    </svg>
+  )
+}
+
+IconArrowSelect.propTypes = {
+  fill   : React.PropTypes.string,
+  stroke : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrowSelect

components/Icons/IconArrowShareIcon.jsx

@@ -0,0 +1,24 @@
+import React from 'react'
+
+const IconArrowShareIcon = (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">IconArrowShareIcon</title>
+      <path fill={fill} d="M9 11V4h2.414L8 0 4.586 4H7v7z"/>
+      <path fill={fill} d="M15 5h-3v2h2v7H2V7h2V5H1a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z"/>
+    </svg>
+  )
+}
+
+IconArrowShareIcon.propTypes = {
+  fill   : React.PropTypes.string,
+  stroke : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrowShareIcon

components/Icons/IconArrowTailDown.jsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+const IconArrowTailDown = (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">IconArrowTailDown</title>
+      <path fill={fill} d="M7 0v12.172L2.707 7.879 1.293 9.293 8 16l6.707-6.707-1.414-1.414L9 12.172V0z"/>
+    </svg>
+  )
+}
+
+IconArrowTailDown.propTypes = {
+  fill   : React.PropTypes.string,
+  stroke : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrowTailDown

components/Icons/IconArrowTailLeft.jsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+const IconArrolTailLeft = (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">IconArrolTailLeft</title>
+      <path fill={fill} d="M8.121 2.707L6.707 1.293 0 8l6.707 6.707 1.414-1.414L3.828 9H16V7H3.828z"/>
+    </svg>
+  )
+}
+
+IconArrolTailLeft.propTypes = {
+  fill   : React.PropTypes.string,
+  stroke : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrolTailLeft

components/Icons/IconArrowTailRight.jsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+const IconArrowTailRight = (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">IconArrowTailRight</title>
+      <path fill={fill} d="M7.879 2.707L12.172 7H0v2h12.172l-4.293 4.293 1.414 1.414L16 8 9.293 1.293z"/>
+    </svg>
+  )
+}
+
+IconArrowTailRight.propTypes = {
+  fill   : React.PropTypes.string,
+  stroke : React.PropTypes.string,
+  height : React.PropTypes.number,
+  width  : React.PropTypes.number
+}
+
+export default IconArrowTailRight