onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
9 lines (8 loc) • 1.24 kB
JavaScript
import React from 'react';
export const Call = ({ 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: "M5.933 4.222C6.000 5.211 6.167 6.178 6.433 7.100L5.100 8.433C4.644 7.100 4.356 5.689 4.256 4.222H5.933ZM16.889 17.578C17.833 17.844 18.800 18.011 19.778 18.078V19.733C18.311 19.633 16.900 19.344 15.556 18.900L16.889 17.578ZM7.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.011C22.000 16.400 21.500 15.900 20.889 15.900C19.511 15.900 18.167 15.678 16.922 15.267C16.811 15.222 16.689 15.211 16.578 15.211C16.289 15.211 16.011 15.322 15.789 15.533L13.344 17.978C10.200 16.367 7.622 13.800 6.022 10.656L8.467 8.211C8.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.000Z", fill: color })));
};
Call.displayName = 'Call';