onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
9 lines (8 loc) • 1.11 kB
JavaScript
import React from 'react';
export const FavoriteBorder = ({ size = 'md', color = 'currentColor', className, style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M16.500 2.000C14.760 2.000 13.090 2.810 12.000 4.090C10.910 2.810 9.240 2.000 7.500 2.000C4.420 2.000 2.000 4.420 2.000 7.500C2.000 11.280 5.400 14.360 10.550 19.040L12.000 20.350L13.450 19.030C18.600 14.360 22.000 11.280 22.000 7.500C22.000 4.420 19.580 2.000 16.500 2.000ZM12.100 17.550L12.000 17.650L11.900 17.550C7.140 13.240 4.000 10.390 4.000 7.500C4.000 5.500 5.500 4.000 7.500 4.000C9.040 4.000 10.540 4.990 11.070 6.360H12.940C12.460 5.990 13.960 5.000 15.500 5.000C17.500 5.000 19.000 6.500 19.000 8.500C19.000 11.390 15.860 14.240 11.100 18.550Z", fill: color })));
};
FavoriteBorder.displayName = 'FavoriteBorder';