mirror of
https://github.com/iconoir-icons/iconoir
synced 2024-06-03 06:22:21 +02:00
43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import * as React from "react";
|
|
import Svg, { SvgProps, G, Path, Defs, ClipPath } from "react-native-svg";
|
|
import { IconoirContext } from "./IconoirContext";
|
|
function SvgDesignNib(
|
|
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(#design-nib_svg__clip0_2585_14438)"
|
|
stroke="currentColor"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
>
|
|
<Path d="M17.674 11.408l-1.905 5.715a.6.6 0 01-.398.386L3.693 20.98a.6.6 0 01-.74-.765L6.745 8.841a.6.6 0 01.34-.365l5.387-2.218a.6.6 0 01.653.13l4.404 4.405a.6.6 0 01.145.615zM3.296 20.602l6.364-6.364" />
|
|
<Path d="M17.792 11.056l2.828-2.829a2 2 0 000-2.828L18.5 3.277a2 2 0 00-2.829 0l-2.828 2.829M11.781 12.116a1.5 1.5 0 10-2.121 2.122 1.5 1.5 0 002.121-2.122z" />
|
|
</G>
|
|
<Defs>
|
|
<ClipPath id="design-nib_svg__clip0_2585_14438">
|
|
<Path fill="#fff" d="M0 0h24v24H0z" />
|
|
</ClipPath>
|
|
</Defs>
|
|
</Svg>
|
|
);
|
|
}
|
|
const ForwardRef = React.forwardRef(SvgDesignNib);
|
|
export default ForwardRef;
|