onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.21 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Voicemail = ({ 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: "M17.000 7.455C14.236 7.455 12.000 9.691 12.000 12.455C12.000 13.664 12.427 14.773 13.145 15.636H9.036C11.573 12.955 12.000 11.845 12.000 10.636C12.000 7.873 9.764 5.636 7.000 5.636C4.236 5.636 2.000 7.873 2.000 10.636C2.000 13.400 4.236 15.636 7.000 15.636H18.818C19.764 17.455 22.000 15.218 22.000 12.455C22.000 9.691 19.764 7.455 17.000 7.455ZM5.182 15.636C3.427 15.636 2.000 14.209 2.000 12.455C2.000 10.700 3.427 9.273 5.182 9.273C6.936 9.273 8.364 10.700 8.364 12.455C8.364 14.209 6.936 15.636 5.182 15.636ZM17.000 15.636C15.245 15.636 13.818 14.209 13.818 12.455C13.818 10.700 15.245 9.273 17.000 9.273C18.755 9.273 20.182 10.700 20.182 12.455C20.182 14.209 18.755 15.636 17.000 15.636Z", fill: color })));
};
Voicemail.displayName = 'Voicemail';