27 lines
723 B
TypeScript
27 lines
723 B
TypeScript
import React from 'react';
|
|
import Svg, { Polygon } from 'react-native-svg';
|
|
import { ViewStyle } from 'react-native';
|
|
|
|
interface IconProps {
|
|
size?: number;
|
|
color?: string;
|
|
fill?: string;
|
|
style?: ViewStyle;
|
|
}
|
|
|
|
export const StarIcon: React.FC<IconProps> = ({ size = 24, color = '#666', fill = 'none', style }) => {
|
|
return (
|
|
<Svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style}>
|
|
<Polygon
|
|
points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
|
|
stroke={color}
|
|
strokeWidth="2"
|
|
fill={fill}
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
</Svg>
|
|
);
|
|
};
|
|
export default StarIcon;
|