import React from "react" ; import { theme } from "../../utils/theme" ; import { TSvgProps } from "../../utils/types" ; export const LinkedinIcon = ( props ) => ( < svg width = "21" height = "21" viewBox = "0 0 21 21" fill = "none" xmlns = "http://www.w3.org/2000/svg" { ... props } > < g clipPath = "url(#clip1)" > < path d = "M6.56282 17.3496H3.69173V8.08008H6.56282V17.3496ZM6.84929 5.12679C6.84929 4.19865 6.09627 3.44531 5.16861 3.44531C4.23743 3.44531 3.48633 4.19865 3.48633 5.12679C3.48633 6.05525 4.23743 6.80859 5.16861 6.80859C6.09627 6.80859 6.84929 6.05525 6.84929 5.12679ZM17.3086 12.2499C17.3086 9.76156 16.7829 7.91602 13.8761 7.91602C12.4793 7.91602 11.5417 8.61456 11.159 9.34099H11.1562V8.08008H8.36719V17.3496H11.1562V12.7472C11.1562 11.5419 11.4631 10.3742 12.9571 10.3742C14.4308 10.3742 14.4785 11.7526 14.4785 12.8238V17.3496H17.3086V12.2499ZM21 18.5391V2.46094C21 1.1039 19.8961 0 18.5391 0H2.46094C1.1039 0 0 1.1039 0 2.46094V18.5391C0 19.8961 1.1039 21 2.46094 21H18.5391C19.8961 21 21 19.8961 21 18.5391ZM18.5391 1.64062C18.9914 1.64062 19.3594 2.00864 19.3594 2.46094V18.5391C19.3594 18.9914 18.9914 19.3594 18.5391 19.3594H2.46094C2.00864 19.3594 1.64062 18.9914 1.64062 18.5391V2.46094C1.64062 2.00864 2.00864 1.64062 2.46094 1.64062H18.5391Z" fill = { props . color ? props . color : props . isHovering ? theme . color . grey4 : theme . color . black1 } / > < /g> < defs > < clipPath id = "clip1" > < rect width = "21" height = "21" fill = "white" / > < /clipPath> < /defs> < /svg>);