react-native-payment-card-icons
Version:
A collection of high-quality, customizable payment card brand icons (Visa, Mastercard, Maestro, Amex, and more) as React Native SVG components — fully compatible with React Native, Expo, and React Native Web for seamless cross-platform use.
31 lines (30 loc) • 1.69 kB
JavaScript
"use strict";
import Svg, { G, Path, Defs, ClipPath } from 'react-native-svg';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const VisaFlatRounded = props => /*#__PURE__*/_jsxs(Svg, {
width: 24,
height: 24,
fill: "none",
viewBox: "0 0 780 500",
...props,
children: [/*#__PURE__*/_jsxs(G, {
clipPath: "url(#a)",
children: [/*#__PURE__*/_jsx(Path, {
fill: "#1434CB",
d: "M40 0h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40V40C0 17.909 17.909 0 40 0"
}), /*#__PURE__*/_jsx(Path, {
fill: "#fff",
d: "M489.823 143.111c-46.835 0-88.689 24.282-88.689 69.145 0 51.45 74.23 55.003 74.23 80.85 0 10.883-12.469 20.625-33.764 20.625-30.223 0-52.811-13.612-52.811-13.612l-9.666 45.272s26.022 11.498 60.569 11.498c51.206 0 91.498-25.474 91.498-71.105 0-54.365-74.538-57.813-74.538-81.803 0-8.526 10.235-17.867 31.47-17.867 23.959 0 43.506 9.9 43.506 9.9l9.459-43.725s-21.269-9.178-51.264-9.178m-428.494 3.3-1.134 6.6s19.704 3.607 37.45 10.803c22.85 8.25 24.477 13.054 28.326 27.972l41.934 161.7h56.213l86.601-207.075h-56.084l-55.646 140.791-22.707-119.341c-2.083-13.658-12.631-21.45-25.542-21.45zm271.942 0-43.996 207.075h53.481l43.842-207.075zm298.283 0c-12.896 0-19.729 6.907-24.743 18.975l-78.353 188.1h56.084l10.851-31.35h68.327l6.598 31.35h49.487l-43.172-207.075zm7.294 55.945 16.625 77.705h-44.538z"
})]
}), /*#__PURE__*/_jsx(Defs, {
children: /*#__PURE__*/_jsx(ClipPath, {
id: "a",
children: /*#__PURE__*/_jsx(Path, {
fill: "#fff",
d: "M0 0h780v500H0z"
})
})
})]
});
export default VisaFlatRounded;
//# sourceMappingURL=VisaFlatRounded.js.map