onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
11 lines (10 loc) • 1.5 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const PushPin = ({ size = 'md', color = 'currentColor', 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", style: style },
React.createElement(Path, { d: "M14.000 4.000V9.000C14.000 10.120 14.370 11.160 15.000 12.000H9.000C9.650 11.140 10.000 10.100 10.000 9.000V4.000H14.000ZM17.000 2.000H7.000C6.450 2.000 6.000 2.450 6.000 3.000C6.000 3.550 6.450 4.000 7.000 4.000H8.000V9.000C8.000 10.660 6.660 12.000 5.000 12.000V14.000H10.970V21.000L11.970 22.000L12.970 21.000V14.000H19.000V12.000C17.340 12.000 16.000 10.660 16.000 9.000V4.000H17.000C17.550 4.000 18.000 3.550 18.000 3.000C18.000 2.450 17.550 2.000 17.000 2.000Z", fill: color }),
React.createElement(Path, { d: "M3.687 17.663V18.386C4.169 18.655 4.258 18.906 4.410 19.108H2.964C2.639 19.383 2.723 19.133 2.723 18.867V17.181H4.169ZM4.410 17.181H2.000C2.349 16.699 2.241 16.807 2.241 16.940C2.241 17.072 2.349 17.181 2.482 17.181H2.723V18.386C2.723 18.786 2.400 19.108 2.000 19.108V20.072H2.957V21.759L3.198 22.000L3.439 21.759V19.590H5.373V19.108C4.973 19.108 4.651 18.786 4.651 18.386V17.663H4.410C5.024 17.181 5.133 17.072 5.133 16.940C5.133 16.807 5.024 16.699 4.892 16.699Z", fill: color })));
};
PushPin.displayName = 'PushPin';