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

42 lines
1.2 KiB
TypeScript

import * as React from "react";
import Svg, { SvgProps, G, Path, Defs, ClipPath } from "react-native-svg";
import { IconoirContext } from "./IconoirContext";
function SvgWrench(
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}
>
<G
clipPath="url(#wrench_svg__clip0_2576_14436)"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
>
<Path d="M10.05 10.607l-7.07 7.07a2 2 0 000 2.83v0a2 2 0 002.828 0l7.07-7.072M10.05 10.607c-.844-2.153-.679-4.978 1.06-6.718 1.74-1.74 4.95-2.121 6.718-1.06l-3.04 3.04-.283 3.111 3.111-.282 3.04-3.041c1.062 1.768.68 4.978-1.06 6.717-1.74 1.74-4.564 1.905-6.717 1.061" />
</G>
<Defs>
<ClipPath id="wrench_svg__clip0_2576_14436">
<Path fill="#fff" d="M0 0h24v24H0z" />
</ClipPath>
</Defs>
</Svg>
);
}
const ForwardRef = React.forwardRef(SvgWrench);
export default ForwardRef;