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

42 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 SvgPhoneDelete(
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}
>
<G
clipPath="url(#phone-delete_svg__clip0)"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
>
<Path d="M17.121 7.364l2.122-2.121m2.121-2.122l-2.121 2.122m0 0L17.12 3.12m2.122 2.122l2.121 2.121M18.118 14.702L14 15.5c-2.782-1.396-4.5-3-5.5-5.5l.77-4.13L7.815 2H4.064c-1.128 0-2.016.932-1.847 2.047.42 2.783 1.66 7.83 5.283 11.453 3.805 3.805 9.286 5.456 12.302 6.113 1.165.253 2.198-.655 2.198-1.848v-3.584l-3.882-1.479z" />
</G>
<Defs>
<ClipPath id="phone-delete_svg__clip0">
<Path fill="#fff" d="M0 0h24v24H0z" />
</ClipPath>
</Defs>
</Svg>
);
}
const ForwardRef = React.forwardRef(SvgPhoneDelete);
export default ForwardRef;