25 lines
832 B
TypeScript
25 lines
832 B
TypeScript
import React from 'react';
|
|
import Svg, { Path } from 'react-native-svg';
|
|
import { ViewStyle } from 'react-native';
|
|
|
|
interface IconProps {
|
|
size?: number;
|
|
color?: string;
|
|
style?: ViewStyle;
|
|
}
|
|
|
|
export const CallIcon: React.FC<IconProps> = ({ size = 24, color = '#666', style }) => {
|
|
return (
|
|
<Svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style}>
|
|
<Path
|
|
d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z"
|
|
stroke={color}
|
|
strokeWidth="2"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
</Svg>
|
|
);
|
|
};
|
|
export default CallIcon;
|