onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.15 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const SpeakerPhone = ({ 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: "M4.620 7.784L5.983 9.146C6.850 8.279 8.060 7.736 9.384 7.736C10.709 7.736 11.919 8.279 12.786 9.146L14.149 7.784C12.929 6.564 11.242 5.811 9.384 5.811C7.526 5.811 5.840 6.564 4.620 7.784ZM9.384 2.000C6.507 2.000 3.896 3.172 2.000 5.059L3.343 6.402C4.887 4.859 7.031 3.906 9.384 3.906C11.738 3.906 13.882 4.859 15.425 6.402L16.769 5.059C14.873 3.172 12.262 2.000 9.384 2.000ZM12.110 10.585L6.659 10.576C6.059 10.576 5.573 11.061 5.573 11.662V17.817C8.670 18.417 9.156 18.903 9.756 18.903H15.197C12.700 22.000 13.186 21.514 13.186 20.914V8.565C16.293 7.965 15.807 7.488 15.206 7.488ZM15.340 17.007H9.623V9.384H15.340V17.007Z", fill: color })));
};
SpeakerPhone.displayName = 'SpeakerPhone';