Files
web/packages/design-system/lib/components/Payment/Icons/GenericCardIcon.tsx
Joakim Jäderberg 4b4690a724 Merged in SW-3458-fix-faulty-svg-param-stroke-width (pull request #2791)
fix faulty kebab case properties for svgs

* fix faulty kebab case properties for svgs


Approved-by: Anton Gunnarsson
2025-09-11 09:05:32 +00:00

77 lines
2.4 KiB
TypeScript

import { PaymentIconProps } from './IconProps'
export const GenericCardIcon = (props: PaymentIconProps) => {
return (
<svg
width="48"
height="32"
viewBox="0 0 48 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g clipPath="url(#clip0_5382_46864)">
<path
d="M46.4 0H1.6C0.716344 0 0 0.716344 0 1.6V30.4C0 31.2837 0.716344 32 1.6 32H46.4C47.2837 32 48 31.2837 48 30.4V1.6C48 0.716344 47.2837 0 46.4 0Z"
fill="url(#paint0_linear_5382_46864)"
/>
<path
d="M38.8104 26H33.2104"
stroke="white"
strokeWidth="1.6"
strokeLinecap="round"
/>
<path
d="M30.3412 26H24.7412"
stroke="white"
strokeWidth="1.6"
strokeLinecap="round"
/>
<path
d="M21.872 26H16.272"
stroke="white"
strokeWidth="1.6"
strokeLinecap="round"
/>
<path
d="M13.4027 26H7.80273"
stroke="white"
strokeWidth="1.6"
strokeLinecap="round"
/>
<path
d="M12.869 9.59473H7.53566C6.35746 9.59473 5.40234 10.5498 5.40234 11.728V15.4614C5.40234 16.6396 6.35746 17.5947 7.53566 17.5947H12.869C14.0472 17.5947 15.0023 16.6396 15.0023 15.4614V11.728C15.0023 10.5498 14.0472 9.59473 12.869 9.59473Z"
fill="#EDEDED"
/>
<path
d="M9.00811 9.99997V17.2M9.00811 14.8H5.80811M14.6081 14.8H11.4081M9.00811 12.4H5.80811M14.5974 12.4H11.3014V17.2213M7.53611 9.86133H12.8694C13.9004 9.86133 14.7361 10.697 14.7361 11.728V15.4613C14.7361 16.4922 13.9004 17.328 12.8694 17.328H7.53611C6.50515 17.328 5.66943 16.4922 5.66943 15.4613V11.728C5.66943 10.697 6.50515 9.86133 7.53611 9.86133Z"
stroke="black"
strokeWidth="0.5332"
/>
<path
d="M42.597 6H36.9971"
stroke="#EDEDED"
strokeWidth="1.6"
strokeLinecap="round"
/>
</g>
<defs>
<linearGradient
id="paint0_linear_5382_46864"
x1="13.9733"
y1="6.18668"
x2="21.975"
y2="23.9969"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C1C1C1" />
<stop offset="1" stopColor="#9F9F9F" />
</linearGradient>
<clipPath id="clip0_5382_46864">
<rect width="48" height="32" fill="white" />
</clipPath>
</defs>
</svg>
)
}