Skip to content
Source
Sign inSign up
Open History to see the last commit

BrowserAppIcon.tsx

32 lines974 Bytes

1import type { ColorValue } from "react-native";
2import Svg, { Circle, Path } from "react-native-svg";
3import { withUniwind } from "uniwind";
4​
5const ThemedSvg = withUniwind(Svg);
6​
7export function BrowserAppIcon(props: {
8 readonly size: number;
9 readonly color?: ColorValue;
10 readonly colorClassName?: string;
11}) {
12 return (
13 <ThemedSvg
14 width={props.size}
15 height={props.size}
16 viewBox="0 0 24 24"
17 fill="none"
18 stroke="currentColor"
19 strokeWidth={1.9}
20 strokeLinecap="round"
21 strokeLinejoin="round"
22 color={props.color}
23 colorClassName={props.colorClassName}
24 accessible={false}
25 >
26 <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" />
27 <Circle cx={7.4} cy={7.2} r={0.75} fill="currentColor" stroke="none" />
28 <Path d="M11.2 7.2h4.3" />
29 <Path d="m12.4 11.4 7.5 2.6-3.4 1.6-1.5 3.6z" fill="currentColor" stroke="none" />
30 </ThemedSvg>
31 );