You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
852 B
21 lines
852 B
import React from 'react'; |
|
import { Svg, Path } from 'react-native-svg'; |
|
|
|
const HeartIcon = ({ |
|
color = "#FF5100", |
|
size = 18, |
|
filled = true, |
|
strokeColor = "#373737", |
|
strokeWidth = 0 |
|
}) => ( |
|
<Svg width={size} height={size} viewBox="0 0 18 18" fill="none"> |
|
<Path |
|
d="M12.9407 1C11.3911 1 9.95439 1.74601 9 2.97301C8.05587 1.74601 6.60889 1 5.05929 1C2.26796 1 0 3.37546 0 6.2908C0 8.02822 0.810718 9.25522 1.4675 10.2368C3.36602 13.0933 8.14823 16.6368 8.35348 16.784C8.54846 16.9313 8.77423 17 9 17C9.22577 17 9.45154 16.9313 9.64652 16.784C9.85177 16.6368 14.6237 13.0834 16.5325 10.2368C17.1893 9.25522 18 8.02822 18 6.2908C18 3.37546 15.732 1 12.9407 1Z" |
|
fill={filled ? color : "transparent"} |
|
stroke={filled ? "transparent" : strokeColor} |
|
strokeWidth={strokeWidth} |
|
/> |
|
</Svg> |
|
); |
|
|
|
export default HeartIcon; |