onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
11 lines (10 loc) • 2.81 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const ContactPhone = ({ 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: "M20.333 4.500H3.667C2.750 4.500 2.000 5.250 2.000 6.167V17.833C2.000 18.750 2.750 19.500 3.667 19.500H20.333C21.250 19.500 21.992 18.750 21.992 17.833L22.000 6.167C22.000 5.250 21.250 4.500 20.333 4.500ZM20.333 17.833H3.667V6.167H20.333V17.833ZM17.842 16.992L19.500 15.333L18.242 13.667H16.875C16.692 13.142 16.583 12.583 16.583 12.000C16.583 11.417 16.692 10.858 16.875 10.333H18.242L19.500 8.667L17.842 7.008C16.750 7.825 15.942 8.983 15.567 10.333C15.417 10.867 15.333 11.425 15.333 12.000C15.333 12.575 15.417 13.133 15.567 13.667C15.942 15.008 16.750 16.175 17.842 16.992ZM9.500 12.000C10.875 12.000 12.000 10.875 12.000 9.500C12.000 8.125 10.875 7.000 9.500 7.000C8.125 7.000 7.000 8.125 7.000 9.500C7.000 10.875 8.125 12.000 9.500 12.000ZM9.500 8.667C9.958 8.667 10.333 9.042 10.333 9.500C10.333 9.958 9.958 10.333 9.500 10.333C9.042 10.333 8.667 9.958 8.667 9.500C8.667 9.042 9.042 8.667 9.500 8.667ZM14.500 15.825C14.500 13.742 11.192 12.842 9.500 12.842C7.808 12.842 4.500 13.742 4.500 15.825V17.000H14.500V15.825ZM6.567 15.333C7.183 14.917 8.417 14.500 9.500 14.500C10.583 14.500 11.808 14.908 12.433 15.333H6.567Z", fill: color }),
React.createElement(Path, { d: "M4.876 19.647H2.261C2.118 19.647 2.000 19.765 2.000 19.908V21.739C2.000 21.882 2.118 22.000 2.261 22.000H4.876C5.020 22.000 5.136 21.882 5.136 21.739L5.137 19.908C5.137 19.765 5.020 19.647 4.876 19.647ZM4.876 21.739H2.261V19.908H4.876V21.739ZM4.485 21.607L4.745 21.346L4.548 21.085H4.333C4.305 21.003 4.288 20.915 4.288 20.824C4.288 20.732 4.305 20.644 4.333 20.562H4.548L4.745 20.301L4.485 20.041C4.314 20.169 4.187 20.350 4.128 20.562C4.105 20.646 4.092 20.733 4.092 20.824C4.092 20.914 4.105 21.001 4.128 21.085C4.187 21.295 4.314 21.478 4.485 21.607ZM3.176 20.824C3.392 20.824 3.569 20.647 3.569 20.431C3.569 20.216 3.392 20.039 3.176 20.039C2.961 20.039 2.784 20.216 2.784 20.431C2.784 20.647 2.961 20.824 3.176 20.824ZM3.176 20.301C3.248 20.301 3.307 20.359 3.307 20.431C3.307 20.503 3.248 20.562 3.176 20.562C3.105 20.562 3.046 20.503 3.046 20.431C3.046 20.359 3.105 20.301 3.176 20.301ZM3.961 21.424C3.961 21.097 3.442 20.956 3.176 20.956C2.911 20.956 2.392 21.097 2.392 21.424V21.608H3.961V21.424ZM2.716 21.346C2.813 21.281 3.007 21.216 3.176 21.216C3.346 21.216 3.539 21.280 3.637 21.346H2.716Z", fill: color })));
};
ContactPhone.displayName = 'ContactPhone';