mirror of
https://github.com/iconoir-icons/iconoir
synced 2024-06-03 06:22:21 +02:00
41 lines
967 B
TypeScript
41 lines
967 B
TypeScript
import * as React from "react";
|
|
import Svg, { SvgProps, Path } from "react-native-svg";
|
|
import { IconoirContext } from "./IconoirContext";
|
|
function SvgCodepen(
|
|
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"
|
|
strokeWidth={1.5}
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
color="currentColor"
|
|
ref={svgRef}
|
|
{...props}
|
|
>
|
|
<Path
|
|
d="M21 9v6M3 15V9M12 21v-6M12 3v6M12 15L3 9l9-6 9 6-9 6z"
|
|
stroke="currentColor"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
<Path
|
|
d="M12 21l-9-6 9-6 9 6-9 6z"
|
|
stroke="currentColor"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
</Svg>
|
|
);
|
|
}
|
|
const ForwardRef = React.forwardRef(SvgCodepen);
|
|
export default ForwardRef;
|