onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
14 lines (13 loc) • 2.28 kB
JavaScript
import React from 'react';
export const BroadcastOnPersonal = ({ 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: "M3.053 19.895V9.368L10.421 4.632L14.716 7.853C15.568 7.516 16.495 7.316 17.463 7.284L10.421 2.000L2.000 8.316V22.000H10.168C10.716 20.316 10.295 19.611 9.989 18.842H4.105Z", fill: color }),
React.createElement("path", { d: "M12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 14.754 3.123 17.262 4.923 19.077L6.554 17.446C5.169 16.046 4.308 14.123 4.308 12.000C4.308 7.754 7.754 4.308 12.000 4.308C16.246 4.308 19.692 7.754 19.692 12.000C19.692 14.108 18.831 16.031 17.446 17.415L19.092 19.046C20.892 17.231 22.000 14.738 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000Z", fill: color }),
React.createElement("path", { d: "M12.000 2.000C6.475 2.000 2.000 6.475 2.000 12.000C2.000 14.750 3.125 17.250 4.925 19.075L7.575 16.425C6.450 15.300 5.750 13.725 5.750 12.000C5.750 8.550 8.550 5.750 12.000 5.750C15.450 5.750 18.250 8.550 18.250 12.000C18.250 13.725 17.550 15.275 16.425 16.400L19.075 19.050C20.875 17.250 22.000 14.750 22.000 12.000C22.000 6.475 17.525 2.000 12.000 2.000Z", fill: color }),
React.createElement("path", { d: "M8.207 2.000C6.303 2.000 4.759 3.545 4.759 5.448C4.759 6.552 5.310 7.517 6.138 8.124V22.000H10.276V8.124C11.103 7.490 11.655 6.552 11.655 5.448C11.655 3.545 10.110 2.000 8.207 2.000Z", fill: color }),
React.createElement("path", { d: "M2.000 21.529V18.941L3.882 17.882L4.842 18.602C5.033 18.527 5.240 18.482 5.456 18.475L3.882 17.294L2.000 18.706V22.000H3.591C3.948 21.388 3.854 21.231 3.786 21.059H2.471Z", fill: color }),
React.createElement("path", { d: "M2.000 21.679V19.913L3.284 19.191L3.939 19.682C4.069 19.631 4.210 19.600 4.358 19.595L3.284 18.790L2.000 19.753V22.000H3.085C3.329 21.583 3.265 21.475 3.218 21.358H2.321Z", fill: color })));
};
BroadcastOnPersonal.displayName = 'BroadcastOnPersonal';