| 1 | import type { ColorValue } from "react-native"; |
| 2 | import Svg, { Circle, Path } from "react-native-svg"; |
| 3 | import { withUniwind } from "uniwind"; |
| 4 | |
| 5 | const ThemedSvg = withUniwind(Svg); |
| 6 | |
| 7 | /** Matches the window-and-pointer icon used by the web work log. */ |
| 8 | export function BrowserAppIcon(props: { |
| 9 | readonly size: number; |
| 10 | readonly color?: ColorValue; |
| 11 | readonly colorClassName?: string; |
| 12 | }) { |
| 13 | return ( |
| 14 | <ThemedSvg |
| 15 | width={props.size} |
| 16 | height={props.size} |
| 17 | viewBox="0 0 24 24" |
| 18 | fill="none" |
| 19 | stroke="currentColor" |
| 20 | strokeWidth={1.9} |
| 21 | strokeLinecap="round" |
| 22 | strokeLinejoin="round" |
| 23 | color={props.color} |
| 24 | colorClassName={props.colorClassName} |
| 25 | accessible={false} |
| 26 | > |
| 27 | <Path d="M8.5 19H7.2C4.4 19 3 17.5 3 14.6V7.4C3 4.5 4.5 3 7.4 3h8.2C18.5 3 20 4.5 20 7.4v2.4" /> |
| 28 | <Circle cx={7.4} cy={7.2} r={0.75} fill="currentColor" stroke="none" /> |
| 29 | <Path d="M11.2 7.2h4.3" /> |
| 30 | <Path d="m12.4 11.4 7.5 2.6-3.4 1.6-1.5 3.6z" fill="currentColor" stroke="none" /> |
| 31 | </ThemedSvg> |
| 32 | ); |
| 33 | } |