iconoir/packages/iconoir-react-native/src/Arcade.tsx
2023-01-11 18:09:27 +00:00

50 lines
1.4 KiB
TypeScript

import * as React from "react";
import Svg, { SvgProps, Path } from "react-native-svg";
import { IconoirContext } from "./IconoirContext";
function SvgArcade(
passedProps: SvgProps,
svgRef?: React.Ref<React.Component<SvgProps>>
) {
const context = React.useContext(IconoirContext);
const props = {
...context,
...passedProps,
};
return (
<Svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
color="currentColor"
ref={svgRef}
{...props}
>
<Path
d="M11 8.5L9.8 9l-7.448 3.386a.6.6 0 00-.352.546v.136a.6.6 0 00.352.546l8.82 4.01a2 2 0 001.656 0l8.82-4.01a.6.6 0 00.352-.546v-.136a.6.6 0 00-.352-.546L14.2 9 13 8.5"
stroke="currentColor"
/>
<Path
d="M22 13v4.112a.6.6 0 01-.354.547l-8.825 3.972a2 2 0 01-1.642 0l-8.825-3.972A.6.6 0 012 17.112V13"
stroke="currentColor"
/>
<Path
d="M12 8a3 3 0 110-6 3 3 0 010 6z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<Path d="M11 8v5a1 1 0 001 1v0a1 1 0 001-1V8" stroke="currentColor" />
<Path
d="M16 13h1"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</Svg>
);
}
const ForwardRef = React.forwardRef(SvgArcade);
export default ForwardRef;