onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
30 lines (29 loc) • 5.62 kB
JavaScript
import React from 'react';
export const Face5 = ({ 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: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.524 22.000 22.000 17.524 22.000 12.000C22.000 6.476 17.524 2.000 12.000 2.000C6.476 2.000 2.000 6.476 2.000 12.000C2.000 17.524 6.476 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color })));
};
Face5.displayName = 'Face5';