import * as React from "react" ; export interface OpenInNewIconProps { color ? : string ; size ? : number ; } export const OpenInNewIcon = props => { const color = props . color || "#3E3E3E" ; const size = ( props . size || 16 ) . toString ( ) ; return ( < svg width = { size } height = { size } viewBox = "0 0 16 16" version = "1.1" xmlns = "http://www.w3.org/2000/svg" > < g stroke = "none" strokeWidth = "1" fill = "none" fillRule = "evenodd" > < polygon points = "0 0 16 0 16 16 0 16" > < /polygon> < path d = "M12.0497875,12.6666667 L4,12.6666667 C3.63333333,12.6666667 3.33333333,12.3666667 3.33333333,12 L3.33333333,4 C3.33333333,3.63333333 3.63333333,3.33333333 4,3.33333333 L5.48832194,3.32678223 C5.85498861,3.32678223 6.15498861,3.02678223 6.15498861,2.66011556 C6.15498861,2.29344889 5.85498861,1.99344889 5.48832194,1.99344889 L3.93098958,2 C2.86201986,2 2,2.98439535 2,3.93764242 L2,12 C2,13.1201986 2.97224935,14 4,14 L12.1552124,14 C13.1190186,14 14,12.9681193 14,12.1022746 L14,10.4685669 C14,10.1019002 13.7,9.80190023 13.3333333,9.80190023 C12.9666667,9.80190023 12.6666667,10.1019002 12.6666667,10.4685669 L12.6666667,12 C12.6666667,12.3666667 12.4164541,12.6666667 12.0497875,12.6666667 Z M8.33974202,2.49269613 C8.33974202,2.85936279 8.63974202,3.10109456 9.00640869,3.10109456 L12,3.01989746 C8.30628147,6.7501964 6.37275553,8.70201253 6.1994222,8.87534587 C5.9394222,9.13534587 5.9394222,9.54190023 6.1994222,9.80190023 C6.4594222,10.0619002 6.86959798,10.0619002 7.12959798,9.80190023 L13.0018921,3.96740723 L12.8852743,6.94067383 C12.8852743,7.30734049 13.1592561,7.5880127 13.5259227,7.5880127 C13.8925894,7.5880127 14.0829773,7.30734049 14.0829773,6.94067383 L14.037557,2.64322917 C14.037557,2.25520833 13.7741699,1.9765625 13.3708903,1.9765625 L9.00640869,1.93373617 C8.63974202,1.93373617 8.33974202,2.12602946 8.33974202,2.49269613 Z" fill = { color } fillRule = "nonzero" className = "open-new-icon" > < /path> < /g> < /svg>); } ;