onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
9 lines (8 loc) • 1.48 kB
JavaScript
import React from 'react';
export const PhoneInTalk = ({ 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: "M15.333 12.000H17.556C17.556 8.933 15.067 6.444 12.000 6.444V8.667C13.844 8.667 15.333 10.156 15.333 12.000ZM19.778 12.000H22.000C22.000 6.478 17.522 2.000 12.000 2.000V4.222C16.300 4.222 19.778 7.700 19.778 12.000ZM20.889 15.889C19.500 15.889 18.167 15.667 16.922 15.256C16.811 15.222 16.689 15.200 16.578 15.200C16.289 15.200 16.011 15.311 15.789 15.522L13.344 17.967C10.200 16.367 7.622 13.800 6.022 10.644L8.467 8.189C8.778 7.900 8.867 7.467 8.744 7.078C8.333 5.833 8.111 4.500 8.111 3.111C8.111 2.500 7.611 2.000 7.000 2.000H3.111C2.500 2.000 2.000 2.500 2.000 3.111C2.000 13.544 10.456 22.000 20.889 22.000C21.500 22.000 22.000 21.500 22.000 20.889V17.000C22.000 16.389 21.500 15.889 20.889 15.889ZM4.256 4.222H5.922C6.000 5.200 6.167 6.167 6.422 7.089L5.089 8.433C4.644 7.089 4.356 5.689 4.256 4.222ZM19.778 19.744C18.311 19.644 16.889 19.356 15.556 18.900L16.889 17.567C17.833 17.833 18.800 18.000 19.778 18.067V19.744Z", fill: color })));
};
PhoneInTalk.displayName = 'PhoneInTalk';