import * as React from "react" ; import styled from "styled-components" ; export interface TwitterIconProps { className ? : string ; height ? : number ; width ? : number ; } const _TwitterIcon = ( props ) => { const height = props . height || 23 ; const width = props . width || 23 ; return ( < svg height = { height } viewBox = "0 0 22 23" width = { width } xmlns = "http://www.w3.org/2000/svg" className = { props . className } > < path d = "m19 1h-16c-1.1 0-2 .89612069-2 1.99137931v15.93103449c0 1.0952586.9 1.9913793 2 1.9913793h16c1.1 0 2-.8961207 2-1.9913793v-15.93103449c0-1.09525862-.9-1.99137931-2-1.99137931zm-2.1171875 7.7004415c-.1015625 4.7261258-3.046875 8.0138655-7.515625 8.2193493-1.828125.1027418-3.1484375-.5137094-4.3671875-1.2329024 1.3203125.2054837 3.046875-.3082256 3.9609375-1.1301605-1.3203125-.1027419-2.1328125-.821935-2.5390625-1.9520955.40625.1027419.8125 0 1.1171875 0-1.21875-.4109675-2.03125-1.1301605-2.1328125-2.77403038.3046875.20548378.7109375.30822558 1.1171875.30822558-.9140625-.51370931-1.5234375-2.46580476-.8125-3.69870716 1.3203125 1.43838613 2.9453125 2.67128852 5.5859375 2.87677225-.7109375-2.87677225 3.1484375-4.41790024 4.671875-2.46580478.7109375-.10274187 1.21875-.41096747 1.7265625-.6164512-.203125.71919306-.609375 1.13016053-1.1171875 1.54112799.5078125-.10274186 1.015625-.20548373 1.421875-.41096746-.1015625.51370933-.609375.92467679-1.1171875 1.33564426z" fill = "#8b8581" fillRule = "evenodd" transform = "translate(0 .457)" / > < /svg>); } ; export const TwitterIcon = styled ( _TwitterIcon ) `
  &:hover path {
    fill: white;
  }
` ;