Merge pull request #354 from brave/icon-updates

Icon updates

src/components/formControls/textareaClipboard/index.tsx

@@ -3,7 +3,7 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
-import { ClipboardIcon } from '../../icons'
+import { ClipboardOIcon } from '../../icons'
 import {
   StyledText,
   StyledWrapper,
@@ -95,18 +95,18 @@ export default class TextAreaClipboard extends React.PureComponent<Props, State>
           {wordCountString} {this.wordCount}
           {
             copiedString !== undefined
-            ? <StyledCopyToClipboard>
+              ? <StyledCopyToClipboard>
                 <StyledText
                   visible={copiedStringVisible}
                   onAnimationEnd={this.onAnimationEnd}
                 >
                   {copiedString}
                 </StyledText>
                 <StyledClipboardButton onClick={this.onCopyToClipboard}>
-                  <ClipboardIcon />
+                  <ClipboardOIcon />
                 </StyledClipboardButton>
               </StyledCopyToClipboard>
-            : null
+              : null
           }
         </StyledFooter>
       </StyledWrapper>

src/components/icons/carat-circle-o.tsx

@@ -0,0 +1,16 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License. v. 2.0. If a copy of the MPL was not distributed with this file.
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M21.673 18.74a1.001 1.001 0 0 0 .067-1.413l-5-5.5c-.38-.417-1.101-.417-1.48 0l-5 5.5a1.001 1.001 0 0 0 1.48 1.346L16 13.987l4.26 4.686a.998.998 0 0 0 1.413.067M16 5C9.935 5 5 9.935 5 16c0 6.066 4.935 11 11 11 6.066 0 11-4.934 11-11 0-6.065-4.934-11-11-11m0 24C8.832 29 3 23.169 3 16 3 8.832 8.832 3 16 3s13 5.832 13 13c0 7.169-5.832 13-13 13' />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/carat-circle.tsx

@@ -1,17 +1,14 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
-* License. v. 2.0. If a copy of the MPL was not distributed with this file.
-* You can obtain one at http://mozilla.org/MPL/2.0/. */
+ * License. v. 2.0. If a copy of the MPL was not distributed with this file.
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
 import GenerateComponentForGraphic from './template'
 
 // Direct access to SVG
 export const Graphic = (
-  <svg width='26' height='26' xmlns='http://www.w3.org/2000/svg'>
-    <g transform='translate(1 1)' fill='none' fillRule='evenodd'>
-      <circle stroke='#A1A8F2' opacity='.651' cx='12' cy='12' r='12'/>
-      <path d='M12.263 9a.734.734 0 0 0-.52.216l-4.527 4.526a.737.737 0 1 0 1.043 1.043l4.004-4.005 4.005 4.004a.737.737 0 0 0 1.042-1.042l-4.526-4.526A.732.732 0 0 0 12.263 9z' fill='#4C54D2'/>
-    </g>
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M16 29C8.832 29 3 23.169 3 16 3 8.832 8.832 3 16 3s13 5.832 13 13c0 7.169-5.832 13-13 13zm5.673-10.26a1.001 1.001 0 0 0 .067-1.413l-5-5.5c-.38-.417-1.101-.417-1.48 0l-5 5.5a1.001 1.001 0 0 0 1.48 1.346L16 13.987l4.26 4.686a.998.998 0 0 0 1.413.067z' />
   </svg>
 )
 

src/components/icons/clipboard-o.tsx

@@ -0,0 +1,19 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M16 2c-1.645 0-3 1.355-3 3H9C7.355 5 6 6.355 6 8v18c0 1.645 1.355 3 3 3h14c1.645 0 3-1.355 3-3V8c0-1.645-1.355-3-3-3h-4c0-1.645-1.355-3-3-3zm0 2c.564 0 1 .436 1 1 0 .564-.436 1-1 1-.564 0-1-.436-1-1 0-.564.436-1 1-1zM9 7h4v1a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V7h4c.565 0 1 .435 1 1v18c0 .565-.435 1-1 1H9c-.565 0-1-.435-1-1V8c0-.565.435-1 1-1zm3 6a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8zm0 4a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2h-5zm0 4a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8z'
+    />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/close-circle-o.tsx

@@ -0,0 +1,21 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
+    <path d='M16 3a13 13 0 1 0 13 13A13 13 0 0 0 16 3zm0 24a11 11 0 1 1 11-11 11 11 0 0 1-11 11z'
+    />
+    <path d='M20.71 11.29a1 1 0 0 0-1.42 0L16 14.59l-3.29-3.3a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l3.29-3.3 3.29 3.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42L17.41 16l3.3-3.29a1 1 0 0 0 0-1.42z'
+    />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/close-circle.tsx

@@ -1,20 +1,17 @@
 // THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
 /* tslint:disable */
 /* This Source Code Form is subject to the terms of the Mozilla Public
-* License. v. 2.0. If a copy of the MPL was not distributed with this file.
-* You can obtain one at http://mozilla.org/MPL/2.0/. */
+ * License. v. 2.0. If a copy of the MPL was not distributed with this file.
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
 import GenerateComponentForGraphic from './template'
 
 // Direct access to SVG
 export const Graphic = (
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
-    <path d='M16 3a13 13 0 1 0 13 13A13 13 0 0 0 16 3zm0 24a11 11 0 1 1 11-11 11 11 0 0 1-11 11z'
-    />
-    <path d='M20.71 11.29a1 1 0 0 0-1.42 0L16 14.59l-3.29-3.3a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l3.29-3.3 3.29 3.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42L17.41 16l3.3-3.29a1 1 0 0 0 0-1.42z'
-    />
-</svg>
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M20.707 19.293a.999.999 0 1 1-1.414 1.414L16 17.414l-3.293 3.293a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16l-3.293-3.293a.999.999 0 1 1 1.414-1.414L16 14.586l3.293-3.293a.999.999 0 1 1 1.414 1.414L17.414 16l3.293 3.293zM16 3C8.832 3 3 8.832 3 16s5.832 13 13 13 13-5.832 13-13S23.168 3 16 3z' />
+  </svg>
 )
 
 // Styled Component for SVG

src/components/icons/edit-o.tsx

@@ -0,0 +1,19 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M24.839 11.404L20.596 7.16 8.222 19.536l4.243 4.242 12.374-12.374zm1.414-1.414l.354-.354a3 3 0 1 0-4.243-4.243l-.353.354 4.242 4.243zM12.475 26.597a.995.995 0 0 1-.513.281l-7.02 1.466a1 1 0 0 1-1.187-1.167l1.363-7.122c.04-.21.143-.39.285-.529L20.95 3.98a5 5 0 0 1 7.07 7.071L12.476 26.597zm-1.563-1.543l-3.957-3.957-.953 4.982 4.91-1.025z'
+    />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/embed-o.tsx

@@ -0,0 +1,19 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M5.317 16l5.442 6.35a1 1 0 1 1-1.518 1.3l-6-7a1 1 0 0 1 0-1.3l6-7a1 1 0 0 1 1.518 1.3L5.317 16zm15.924 6.35L26.683 16 21.24 9.65a1 1 0 0 1 1.518-1.3l6 7a1 1 0 0 1 0 1.3l-6 7a1 1 0 1 1-1.518-1.3zm-6.777 2.918a1 1 0 0 1-1.928-.536l5-18a1 1 0 1 1 1.928.536l-5 18z'
+    />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/graph-o.tsx

@@ -0,0 +1,19 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M3 18a1 1 0 0 1 2 0v9a1 1 0 0 1-2 0v-9zm4 4a1 1 0 0 1 2 0v5a1 1 0 0 1-2 0v-5zm4-5a1 1 0 0 1 2 0v10a1 1 0 0 1-2 0V17zm4 3a1 1 0 0 1 2 0v7a1 1 0 0 1-2 0v-7zm4-4a1 1 0 0 1 2 0v11a1 1 0 0 1-2 0V16zm4 2a1 1 0 0 1 2 0v9a1 1 0 0 1-2 0v-9zm4-5a1 1 0 0 1 2 0v14a1 1 0 0 1-2 0V13zM8.825 15.566A1 1 0 0 1 7.4 15.8l-4-3a1 1 0 1 1 1.2-1.6l3.165 2.374 3.41-4.971a1 1 0 0 1 1.241-.344l3.29 1.507 3.513-4.39a1 1 0 0 1 1.562 0l3.08 3.85 3.27-5.722a1 1 0 1 1 1.737.992l-4 7a1 1 0 0 1-1.649.129L20 7.6l-3.22 4.024a1 1 0 0 1-1.196.284l-3.235-1.48-3.524 5.137z'
+    />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/index.tsx

@@ -2,56 +2,74 @@ import styled, { StyledComponentClass } from 'styled-components'
 // rotated imports
 import ArrowIcon from './arrow'
 import CaratIcon from './carat'
+import CaratCircleOIcon from './carat-circle-o'
 import CaratCircleIcon from './carat-circle'
 
 // rotated variants
-function RotatedIconComponent (iconComponent: StyledComponentClass<any, any>, degrees: number) {
+function RotatedIconComponent (
+  iconComponent: StyledComponentClass<any, any>,
+  degrees: number
+) {
   return styled(iconComponent)`
     transform: rotate(${degrees}deg);
   `
 }
 
 // simple
 export { default as AlertCircleIcon } from './alert-circle'
-export { default as ArrowAnchorIcon } from './arrow-anchor'
 export const ArrowLeftIcon = RotatedIconComponent(ArrowIcon, 0)
 export const ArrowRightIcon = RotatedIconComponent(ArrowIcon, 180)
 export const ArrowDownIcon = RotatedIconComponent(ArrowIcon, -90)
 export const ArrowUpIcon = RotatedIconComponent(ArrowIcon, 90)
 export { default as BookmarkBook } from './bookmarkBook'
 export { default as BookmarkIcon } from './bookmark'
 export { default as BookmarkOIcon } from './bookmark-o'
+export const CaratCircleOUpIcon = RotatedIconComponent(CaratCircleOIcon, 0)
+export const CaratCircleODownIcon = RotatedIconComponent(CaratCircleOIcon, 180)
+export const CaratCircleORightIcon = RotatedIconComponent(CaratCircleOIcon, 90)
+export const CaratCircleOLeftIcon = RotatedIconComponent(CaratCircleOIcon, -90)
 export const CaratCircleUpIcon = RotatedIconComponent(CaratCircleIcon, 0)
 export const CaratCircleDownIcon = RotatedIconComponent(CaratCircleIcon, 180)
+export const CaratCircleRightIcon = RotatedIconComponent(CaratCircleIcon, 90)
+export const CaratCircleLeftIcon = RotatedIconComponent(CaratCircleIcon, -90)
 export const CaratRightIcon = RotatedIconComponent(CaratIcon, 180)
 export const CaratLeftIcon = RotatedIconComponent(CaratIcon, 0)
 export const CaratUpIcon = RotatedIconComponent(CaratIcon, 90)
 export const CaratDownIcon = RotatedIconComponent(CaratIcon, -90)
 export { default as CheckCircleIcon } from './check-circle'
 export { default as CheckIcon } from './check'
-export { default as ClipboardIcon } from './clipboard'
+export { default as ClipboardOIcon } from './clipboard-o'
+export { default as CloseCircleOIcon } from './close-circle-o'
 export { default as CloseCircleIcon } from './close-circle'
 export { default as CloseStrokeIcon } from './close'
 export { default as DownloadIcon } from './download'
+export { default as EditOIcon } from './edit-o'
+export { default as EmbedOIcon } from './embed-o'
 export { default as EmoteSadIcon } from './emote-sad'
 export { default as EmoteSmileIcon } from './emote-smile'
+export { default as GraphOIcon } from './graph-o'
 export { default as HistoryIcon } from './history'
 export { default as LogoYoutubeIcon } from './logo-youtube'
+export { default as LogoTwitterIcon } from './logo-twitter'
+export { default as LogoFacebookIcon } from './logo-facebook'
 export { default as OpenNewIcon } from './open-new'
 export { default as PaymentDueIcon } from './payment-due'
+export { default as PinOIcon } from './pin-o'
 export { default as PinIcon } from './pin'
 export { default as PrintIcon } from './print'
 export { default as RefreshIcon } from './refresh'
 export { default as SendIcon } from './send'
 export { default as SettingsAdvancedIcon } from './settings-advanced'
 export { default as SettingsIcon } from './settings'
 export { default as ShieldAlertIcon } from './shield-alert'
-export { default as ShieldAlertStrokeIcon } from './shield-alert-o'
+export { default as ShieldAlertOIcon } from './shield-alert-o'
+export { default as TrashOIcon } from './trash-o'
 export { default as ThumbsUpIcon } from './thumbs-up'
 export { default as UpholdSystemIcon } from './logo-uphold'
-export { default as UnVerifiedIcon } from './unverified'
-export { default as VerifiedFillIcon } from './verified'
-export { default as VerifiedIcon } from './verified-o'
+export { default as UnVerifiedIcon } from './unverified-help'
+export { default as UnVerifiedOIcon } from './unverified-help-o'
+export { default as VerifiedIcon } from './verified'
+export { default as VerifiedOIcon } from './verified-o'
 export { default as WalletInfoIcon } from './wallet-info'
 export { default as WalletAddIcon } from './wallet-add'
 export { default as WalletBackupIcon } from './wallet-backup'

src/components/icons/logo-facebook.tsx

@@ -0,0 +1,19 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M26.636 3H5.364A2.363 2.363 0 0 0 3 5.364v21.272A2.363 2.363 0 0 0 5.364 29h11.818V18.364h-3.546v-3.546h3.546v-1.904c0-3.604 1.756-5.187 4.752-5.187 1.435 0 2.193.107 2.553.155v3.39h-2.044c-1.271 0-1.716.672-1.716 2.031v1.515h3.728l-.506 3.546h-3.222V29h5.91A2.363 2.363 0 0 0 29 26.636V5.364A2.364 2.364 0 0 0 26.636 3z'
+    />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/logo-twitter.tsx

@@ -0,0 +1,19 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M29 7.55c-.907.468-1.965.78-3.023.935 1.133-.701 1.965-1.793 2.418-3.118-1.058.623-2.192 1.091-3.4 1.325-1.69-1.785-4.319-2.206-6.453-1.033-2.135 1.173-3.263 3.659-2.769 6.1C11.541 11.527 7.46 9.5 4.814 5.99a5.444 5.444 0 0 0-.648 4.022 5.297 5.297 0 0 0 2.31 3.307c-.83 0-1.662-.156-2.418-.546.076 2.573 1.814 4.834 4.233 5.38-.756.234-1.588.234-2.419.078.756 2.261 2.797 3.82 5.064 3.898C8.744 24.001 5.796 24.86 3 24.39c4.767 3.282 10.928 3.484 15.888.52 4.959-2.963 7.855-8.577 7.467-14.476C27.413 9.654 28.32 8.72 29 7.55'
+    />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/payment-due.tsx

@@ -9,12 +9,12 @@ import GenerateComponentForGraphic from './template'
 
 // Direct access to SVG
 export const Graphic = (
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
+  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
     <path d='M27 4h-6V3a1 1 0 0 0-2 0v1h-6V3a1 1 0 0 0-2 0v1H5a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 22H5V6h6v1a1 1 0 0 0 2 0V6h6v1a1 1 0 0 0 2 0V6h6z'
     />
     <path d='M20.19 11.41L14.9 18.7l-3.3-2.5a1 1 0 0 0-1.2 1.6l4.1 3.11a1 1 0 0 0 .61.2h.14a1 1 0 0 0 .67-.4l5.89-8.11a1 1 0 1 0-1.62-1.18z'
     />
-</svg>
+  </svg>
 )
 
 // Styled Component for SVG

src/components/icons/pin-o.tsx

@@ -0,0 +1,18 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License. v. 2.0. If a copy of the MPL was not distributed with this file.
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M19.897 3l-.703.958-5.015 6.836c-2.687-.468-5.53.291-7.602 2.363l-.734.703 5.43 5.43L3 27.563V29h1.437l8.273-8.273 5.43 5.43.703-.734c2.072-2.073 2.83-4.915 2.363-7.602l6.836-5.015.958-.703L19.897 3zm.255 3.13l5.718 5.718-6.356 4.663-.575.415.191.671c.491 1.873-.044 3.825-1.214 5.462l-8.975-8.975c1.637-1.17 3.59-1.705 5.462-1.214l.67.191.416-.575 4.663-6.356z' />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/pin.tsx

@@ -1,16 +1,17 @@
 // THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
 /* tslint:disable */
 /* This Source Code Form is subject to the terms of the Mozilla Public
-* License. v. 2.0. If a copy of the MPL was not distributed with this file.
-* You can obtain one at http://mozilla.org/MPL/2.0/. */
+ * License. v. 2.0. If a copy of the MPL was not distributed with this file.
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import * as React from 'react'
-import GenerateComponentForGraphic from './template'
+import * as React from 'react';
+import GenerateComponentForGraphic from './template';
 
-// Direct access to SVG
+// Direct access to SVG 
 export const Graphic = (
   <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M10.79 19.793l-6.131-6.126a1.009 1.009 0 0 1 .41-1.675 11.952 11.952 0 0 1 8.284.432l4.383-4.378a9.23 9.23 0 0 1 .044-5.34.998.998 0 0 1 1.66-.413l10.265 10.262a1.009 1.009 0 0 1-.41 1.676 9.223 9.223 0 0 1-5.347.038l-4.375 4.374a11.955 11.955 0 0 1 .433 8.289.998.998 0 0 1-1.66.413l-6.138-6.134-8.503 8.497a.996.996 0 0 1-1.415-.005 1.01 1.01 0 0 1 .005-1.423l8.494-8.487zm11.173-6.376a9.201 9.201 0 0 1-3.378-3.383l-3.39 3.385a11.945 11.945 0 0 1 3.383 3.383l3.385-3.385zM24 12.166a7.217 7.217 0 0 0 2.936.458l-7.562-7.56A7.183 7.183 0 0 0 24 12.166zm-8.354 4.2a9.917 9.917 0 0 0-8.274-2.824L18.468 24.63a9.891 9.891 0 0 0-2.822-8.264z' />
+    <path d='M19.897 3l-.703.958-5.015 6.836c-2.687-.468-5.53.291-7.602 2.363l-.734.703 5.43 5.43L3 27.563V29h1.437l8.273-8.273 5.43 5.43.703-.734c2.072-2.073 2.83-4.915 2.363-7.602l6.836-5.015.958-.703L19.897 3z'
+    />
   </svg>
 )