onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
13 lines (12 loc) • 3.98 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const FindInPage = ({ 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 2.000H6.000C4.900 2.000 4.010 2.900 4.010 4.000L4.000 20.000C4.000 21.100 4.890 22.000 5.990 22.000H18.000C19.100 22.000 20.000 21.100 20.000 20.000V8.000L14.000 2.000ZM6.000 4.000H13.000L18.000 9.000V17.580L16.160 15.740C17.440 13.800 17.230 11.170 15.520 9.460C14.550 8.490 13.280 8.000 12.000 8.000C10.720 8.000 9.450 8.490 8.470 9.460C6.520 11.410 6.520 14.570 8.470 16.510C9.440 17.480 10.720 17.970 12.000 17.970C12.960 17.970 13.920 17.690 14.750 17.140L17.600 20.000H6.000V4.000ZM14.110 15.100C13.550 15.660 12.800 15.980 12.000 15.980C11.200 15.980 10.450 15.670 9.890 15.100C9.330 14.540 9.010 13.790 9.010 12.990C9.010 12.190 9.320 11.440 9.890 10.880C10.450 10.310 11.200 10.000 12.000 10.000C12.800 10.000 13.550 10.310 14.110 10.880C14.670 11.440 14.990 12.190 14.990 12.990C14.990 13.790 14.680 14.540 14.110 15.100Z", fill: color }),
React.createElement(Path, { d: "M3.905 17.238H2.000C2.214 16.762 2.002 16.976 2.002 17.238L2.000 21.048C2.000 21.310 2.212 21.524 2.474 21.524H5.333C5.119 22.000 5.333 21.786 5.333 21.524V18.190L4.381 16.762ZM2.476 17.238H4.143L4.857 18.905V20.471L4.895 20.033C5.200 19.571 5.150 18.945 4.743 18.538C4.512 18.307 4.210 18.190 3.905 18.190C3.600 18.190 3.298 18.307 3.064 18.538C2.600 19.002 2.600 19.755 3.064 20.217C3.295 20.448 3.600 20.564 3.905 20.564C4.133 20.564 4.362 20.498 4.560 20.367L5.238 21.048H2.476V17.238ZM4.407 19.881C4.274 20.014 4.095 20.090 3.905 20.090C3.714 20.090 3.536 20.017 3.402 19.881C3.269 19.748 3.193 19.569 3.193 19.379C3.193 19.188 3.267 19.010 3.402 18.876C3.536 18.740 3.714 18.667 3.905 18.667C4.095 18.667 4.274 18.740 4.407 18.876C4.540 19.010 4.617 19.188 4.617 19.379C4.617 19.569 4.543 19.748 4.407 19.881Z", fill: color }),
React.createElement(Path, { d: "M3.295 18.764H2.000C2.146 18.440 2.002 18.586 2.002 18.764L2.000 21.353C2.000 21.531 2.144 21.676 2.322 21.676H4.265C4.120 22.000 4.265 21.854 4.265 21.677V19.411L3.618 18.440ZM2.324 18.764H3.456L3.942 19.896V20.961L3.968 20.664C4.175 20.350 4.141 19.924 3.864 19.647C3.707 19.490 3.502 19.411 3.294 19.411C3.087 19.411 2.882 19.490 2.723 19.647C2.408 19.963 2.408 20.474 2.723 20.788C2.880 20.945 3.087 21.024 3.294 21.024C3.450 21.024 3.605 20.979 3.739 20.890L4.201 21.353H2.324V18.764ZM3.636 20.560C3.545 20.651 3.424 20.702 3.294 20.702C3.165 20.702 3.044 20.652 2.953 20.560C2.862 20.469 2.811 20.348 2.811 20.219C2.811 20.089 2.861 19.968 2.953 19.877C3.044 19.785 3.165 19.735 3.294 19.735C3.424 19.735 3.545 19.785 3.636 19.877C3.727 19.968 3.778 20.089 3.778 20.219C3.778 20.348 3.728 20.469 3.636 20.560Z", fill: color }),
React.createElement(Path, { d: "M3.067 19.333H2.000C2.120 19.067 2.001 19.187 2.001 19.333L2.000 21.467C2.000 21.613 2.119 21.733 2.265 21.733H3.867C3.747 22.000 3.867 21.880 3.867 21.733V19.867L3.333 19.067ZM2.267 19.333H3.200L3.600 20.267V21.144L3.621 20.899C3.792 20.640 3.764 20.289 3.536 20.061C3.407 19.932 3.237 19.867 3.067 19.867C2.896 19.867 2.727 19.932 2.596 20.061C2.336 20.321 2.336 20.743 2.596 21.001C2.725 21.131 2.896 21.196 3.067 21.196C3.195 21.196 3.323 21.159 3.433 21.085L3.813 21.467H2.267V19.333ZM3.348 20.813C3.273 20.888 3.173 20.931 3.067 20.931C2.960 20.931 2.860 20.889 2.785 20.813C2.711 20.739 2.668 20.639 2.668 20.532C2.668 20.425 2.709 20.325 2.785 20.251C2.860 20.175 2.960 20.133 3.067 20.133C3.173 20.133 3.273 20.175 3.348 20.251C3.423 20.325 3.465 20.425 3.465 20.532C3.465 20.639 3.424 20.739 3.348 20.813Z", fill: color })));
};
FindInPage.displayName = 'FindInPage';