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

41 lines
1.2 KiB
TypeScript

import * as React from "react";
import Svg, { SvgProps, Path } from "react-native-svg";
import { IconoirContext } from "./IconoirContext";
function SvgChatBubbleTranslate(
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="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12c0 1.821.487 3.53 1.338 5L2.5 21.5l4.5-.838A9.955 9.955 0 0012 22z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<Path
d="M7 8.517h5m5 0h-1.786m-3.214 0h3.214m-3.214 0V7m3.214 1.517c-.586 2.075-1.813 4.037-3.214 5.76M8.429 18C9.56 16.97 10.84 15.705 12 14.277m0 0c-.714-.829-1.714-2.17-2-2.777m2 2.777l2.143 2.206"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</Svg>
);
}
const ForwardRef = React.forwardRef(SvgChatBubbleTranslate);
export default ForwardRef;