onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
13 lines (12 loc) • 1.57 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const GoogleLogo = ({ 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: "M6.313 12.461C6.814 10.944 7.781 9.625 9.077 8.691C10.372 7.757 11.929 7.255 13.526 7.259C15.337 7.259 16.974 7.901 18.259 8.953L22.000 5.214C19.720 3.227 16.799 2.000 13.526 2.000C8.460 2.000 4.097 4.890 2.000 9.124L6.313 12.461Z", fill: color }),
React.createElement(Path, { d: "M11.893 16.259C11.435 14.891 11.203 13.457 11.204 12.014C11.204 10.550 11.438 9.145 11.872 7.831L4.336 2.000C2.795 5.112 2.000 8.541 2.015 12.014C2.015 15.608 2.849 18.996 4.331 22.000L11.893 16.259Z", fill: color }),
React.createElement(Path, { d: "M15.679 21.525C19.512 17.949 22.000 12.627 22.000 5.810C22.000 4.571 21.810 3.238 21.525 2.000H2.000V10.097H13.238C16.495 9.009 15.005 11.116 12.866 12.499L19.489 17.715Z", fill: color }),
React.createElement(Path, { d: "M17.920 6.028C16.748 6.784 15.259 7.187 13.575 7.187C11.978 7.190 10.421 6.691 9.123 5.760C7.825 4.829 6.853 3.514 6.345 2.000L2.000 5.298C3.066 7.456 4.716 9.271 6.762 10.538C8.808 11.806 11.168 12.473 13.575 12.466C16.729 12.466 19.743 11.345 22.000 9.240L17.921 6.028H17.920Z", fill: color })));
};
GoogleLogo.displayName = 'GoogleLogo';