From e7d41b5f353f3936c8900aaa0df6b9cf8d42fad8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Renaudeau?= <gaetan.renaudeau@ledger.fr>
Date: Fri, 15 Jun 2018 19:18:56 +0200
Subject: [PATCH] integrate new design for StickyBackToTop

---
 src/components/StickyBackToTop.js |  4 ++--
 src/icons/AngleUp.js              | 16 ++++++++++++++++
 2 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 src/icons/AngleUp.js

diff --git a/src/components/StickyBackToTop.js b/src/components/StickyBackToTop.js
index 5d7ce8d0..2fce4cf1 100644
--- a/src/components/StickyBackToTop.js
+++ b/src/components/StickyBackToTop.js
@@ -4,7 +4,7 @@ import ReactDOM from 'react-dom'
 import PropTypes from 'prop-types'
 import styled from 'styled-components'
 import Box from 'components/base/Box'
-import ArrowUp from 'icons/ArrowUp'
+import AngleUp from 'icons/AngleUp'
 
 const Container = styled(Box)`
   position: fixed;
@@ -85,7 +85,7 @@ class StickyBackToTop extends PureComponent<Props, State> {
     if (!el) return null
     return ReactDOM.createPortal(
       <Container align="center" justify="center" visible={visible} onClick={this.onClick}>
-        <ArrowUp size={16} />
+        <AngleUp size={20} />
       </Container>,
       el,
     )
diff --git a/src/icons/AngleUp.js b/src/icons/AngleUp.js
new file mode 100644
index 00000000..01df6322
--- /dev/null
+++ b/src/icons/AngleUp.js
@@ -0,0 +1,16 @@
+// @flow
+
+import React from 'react'
+
+const path = (
+  <path
+    fill="currentColor"
+    d="M10.345 6.414l6.012 5.734c.19.184.19.48 0 .665l-.804.773a.502.502 0 0 1-.69 0L10 8.957l-4.862 4.629a.502.502 0 0 1-.69 0l-.805-.774a.457.457 0 0 1 0-.664l6.012-5.734c.19-.184.5-.184.69 0z"
+  />
+)
+
+export default ({ size, ...p }: { size: number }) => (
+  <svg viewBox="0 0 20 20" height={size} width={size} {...p}>
+    {path}
+  </svg>
+)