import * as React from "react" ; import { colors } from "../colors" ; export interface ShareIconProps { height ? : number ; width ? : number ; } export const ShareIcon = props => { const width = ( props . width || 32 ) . toString ( ) ; const height = ( props . height || 32 ) . toString ( ) ; return ( < svg width = { width } height = { height } viewBox = "0 0 32 32" version = "1.1" xmlns = "http://www.w3.org/2000/svg" > < g stroke = "none" strokeWidth = "1" fill = "none" fillRule = "evenodd" > < path d = "M16,19 C15.4748603,19 15.0167598,18.5657476 15.0167598,18.0424178 L15.0167598,9.83244963 L15.0167598,7.71686108 L13.9217877,8.93054083 L11.5642458,11.3913043 C11.3854749,11.5917285 11.1173184,11.6919406 10.8826816,11.6919406 C10.3687151,11.6919406 10,11.3244963 10,10.8234358 C10,10.5673383 10.1005587,10.3669141 10.2905028,10.1776246 L15.2960894,5.3340403 C15.5307263,5.08907741 15.7541899,5 16,5 C16.2458101,5 16.4692737,5.08907741 16.7150838,5.3340403 L21.7094972,10.1776246 C21.8882682,10.3669141 22,10.5673383 22,10.8234358 C22,11.3244963 21.6089385,11.6919406 21.0949721,11.6919406 C20.8603352,11.6919406 20.603352,11.5917285 20.424581,11.3913043 L18.0782123,8.93054083 L16.9832402,7.71686108 L16.9832402,9.83244963 L16.9832402,18.0424178 C16.9832402,18.5657476 16.5363128,19 16,19 Z" fill = { colors . primary . BLACK } > < /path> < path d = "M25,16 C25.5128358,16 25.9355072,16.3860402 25.9932723,16.8833789 L26,17 L26,22 C26,23.6568542 24.6568542,25 23,25 L9,25 C7.34314575,25 6,23.6568542 6,22 L6,17 L6.00672773,16.8833789 C6.06449284,16.3860402 6.48716416,16 7,16 C7.51283584,16 7.93550716,16.3860402 7.99327227,16.8833789 L8,17 L8,22 C8,22.5522847 8.44771525,23 9,23 L9,23 L23,23 C23.5522847,23 24,22.5522847 24,22 L24,22 L24,17 C24,16.4477153 24.4477153,16 25,16 Z" fill = "#191919" > < /path> < /g> < /svg>); } ;