UNPKG

onecart-ui

Version:

OneCart UI: Cross-platform design tokens + React & React Native components

10 lines (9 loc) 929 B
import React from 'react'; import { Svg, Path } from 'react-native-svg'; export const Mouse = ({ 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: "M18.056 9.958C18.016 5.552 14.444 2.000 10.028 2.000C5.613 2.000 2.040 5.552 2.000 9.958V13.038C4.940 17.474 8.533 21.067 12.969 21.067C17.404 21.067 20.997 17.474 20.997 13.038V9.958ZM16.049 9.958H11.032V4.097C13.851 4.569 16.009 7.008 16.049 9.958ZM9.025 4.097V7.017H6.948C4.047 7.008 6.205 4.569 9.025 4.097ZM16.049 15.979C16.049 19.301 13.350 22.000 10.028 22.000C6.706 22.000 4.007 19.301 4.007 15.979V9.024H18.990V13.038Z", fill: color }))); }; Mouse.displayName = 'Mouse';