# credit-card-repeat icon Credit card repeat. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/credit-card-repeat - Category: Money & finance - Use it for: subscription, recurring payment, recurring billing, auto renewal - Tags: credit-card, card, subscription, recurring, recurring-payment, billing, auto-renewal, renew, repeat, loop, payment, monthly - Family: credit-card, credit-card-alert, credit-card-bolt, credit-card-check, credit-card-clock, credit-card-gear, credit-card-heart, credit-card-link, credit-card-off, credit-card-pencil, credit-card-plus, credit-card-shield, credit-card-star, credit-card-swap, credit-card-user, credit-card-x, gift-card, gift-card-arrow-right, gift-card-plus - Component name: CreditCardRepeatIcon - Added: 2026-11-07 - Since: version 0.6.0 - npm: `import { CreditCardRepeatIcon } from '@gentleface/react';` (@gentleface/react 0.6.0) ## Files Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. - line-round: https://gentleface.com/svg/line-round/16/credit-card-repeat.svg · PNG https://gentleface.com/png/line-round/16/credit-card-repeat.png · https://gentleface.com/png/line-round/32/credit-card-repeat.png · https://gentleface.com/png/line-round/48/credit-card-repeat.png - line-soft: https://gentleface.com/svg/line-soft/16/credit-card-repeat.svg · PNG https://gentleface.com/png/line-soft/16/credit-card-repeat.png · https://gentleface.com/png/line-soft/32/credit-card-repeat.png · https://gentleface.com/png/line-soft/48/credit-card-repeat.png - line-sharp: https://gentleface.com/svg/line-sharp/16/credit-card-repeat.svg · PNG https://gentleface.com/png/line-sharp/16/credit-card-repeat.png · https://gentleface.com/png/line-sharp/32/credit-card-repeat.png · https://gentleface.com/png/line-sharp/48/credit-card-repeat.png - solid-round: https://gentleface.com/svg/solid-round/16/credit-card-repeat.svg · PNG https://gentleface.com/png/solid-round/16/credit-card-repeat.png · https://gentleface.com/png/solid-round/32/credit-card-repeat.png · https://gentleface.com/png/solid-round/48/credit-card-repeat.png - solid-soft: https://gentleface.com/svg/solid-soft/16/credit-card-repeat.svg · PNG https://gentleface.com/png/solid-soft/16/credit-card-repeat.png · https://gentleface.com/png/solid-soft/32/credit-card-repeat.png · https://gentleface.com/png/solid-soft/48/credit-card-repeat.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/credit-card-repeat.svg · PNG https://gentleface.com/png/solid-sharp/16/credit-card-repeat.png · https://gentleface.com/png/solid-sharp/32/credit-card-repeat.png · https://gentleface.com/png/solid-sharp/48/credit-card-repeat.png The SVG of every style: https://gentleface.com/icons/credit-card-repeat.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "credit-card-repeat" (line-round), MIT. https://gentleface.com/icons/credit-card-repeat import type { SVGProps } from 'react'; export function CreditCardRepeatIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "credit-card-repeat" (line-round), MIT. https://gentleface.com/icons/credit-card-repeat. Takes the text color. */ .icon-credit-card-repeat { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 6.5C15 6.641 14.952 6.759 14.856 6.856C14.759 6.952 14.641 7 14.5 7L14.499 7L13.823 7C13.658 6.853 13.475 6.738 13.275 6.653C13.186 6.615 13.095 6.584 13.003 6.56C13.001 6.541 13 6.521 13 6.5C13 6.359 13.048 6.241 13.144 6.144C13.241 6.048 13.359 6 13.5 6L14 6L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.521 11.999 6.541 11.997 6.56C11.905 6.584 11.814 6.615 11.725 6.653C11.525 6.738 11.342 6.853 11.177 7L2 7L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L5.5 12C5.641 12 5.759 12.048 5.856 12.144C5.952 12.241 6 12.359 6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM13.854 9.854L12.854 10.854C12.754 10.953 12.636 11.003 12.5 11.003C12.364 11.003 12.246 10.953 12.146 10.854C12.047 10.754 11.997 10.636 11.997 10.5C11.997 10.364 12.047 10.246 12.146 10.146L12.293 10L10.5 10C10.309 10 10.125 10.035 9.948 10.105C9.755 10.182 9.586 10.293 9.439 10.439C9.293 10.586 9.182 10.755 9.105 10.948C9.035 11.125 9 11.309 9 11.5C9 11.641 8.952 11.759 8.856 11.856C8.759 11.952 8.641 12 8.5 12C8.359 12 8.241 11.952 8.144 11.856C8.048 11.759 8 11.641 8 11.5C8 11.182 8.059 10.875 8.176 10.58C8.303 10.259 8.488 9.976 8.732 9.732C8.976 9.488 9.259 9.303 9.58 9.176C9.875 9.059 10.182 9 10.5 9L12.293 9L12.146 8.854C12.047 8.754 11.997 8.636 11.997 8.5C11.997 8.364 12.047 8.246 12.146 8.146C12.246 8.047 12.364 7.997 12.5 7.997C12.636 7.997 12.754 8.047 12.854 8.146L13.854 9.146C13.953 9.246 14.003 9.364 14.003 9.5C14.003 9.636 13.953 9.754 13.854 9.854ZM3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.359 3.048 9.241 3.144 9.144C3.241 9.048 3.359 9 3.5 9L5.5 9C5.641 9 5.759 9.048 5.856 9.144C5.952 9.241 6 9.359 6 9.5C6 9.641 5.952 9.759 5.856 9.856C5.759 9.952 5.641 10 5.5 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856ZM11.003 14.5C11.003 14.636 10.953 14.754 10.854 14.854C10.754 14.953 10.636 15.003 10.5 15.003C10.364 15.003 10.246 14.953 10.146 14.854L9.146 13.854C9.047 13.754 8.997 13.636 8.997 13.5C8.997 13.364 9.047 13.246 9.146 13.146L10.146 12.146C10.246 12.047 10.364 11.997 10.5 11.997C10.636 11.997 10.754 12.047 10.854 12.146C10.953 12.246 11.003 12.364 11.003 12.5C11.003 12.636 10.953 12.754 10.854 12.854L10.707 13L12.5 13C12.691 13 12.875 12.965 13.052 12.895C13.245 12.818 13.414 12.707 13.561 12.561C13.707 12.414 13.818 12.245 13.895 12.052C13.965 11.875 14 11.691 14 11.5C14 11.359 14.048 11.241 14.144 11.144C14.241 11.048 14.359 11 14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.818 14.941 12.125 14.824 12.42C14.697 12.741 14.512 13.024 14.268 13.268C14.024 13.512 13.741 13.697 13.42 13.824C13.125 13.941 12.818 14 12.5 14L10.707 14L10.854 14.146C10.953 14.246 11.003 14.364 11.003 14.5Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 6.5C15 6.641 14.952 6.759 14.856 6.856C14.759 6.952 14.641 7 14.5 7L14.499 7L13.823 7C13.658 6.853 13.475 6.738 13.275 6.653C13.186 6.615 13.095 6.584 13.003 6.56C13.001 6.541 13 6.521 13 6.5C13 6.359 13.048 6.241 13.144 6.144C13.241 6.048 13.359 6 13.5 6L14 6L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.521 11.999 6.541 11.997 6.56C11.905 6.584 11.814 6.615 11.725 6.653C11.525 6.738 11.342 6.853 11.177 7L2 7L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L5.5 12C5.641 12 5.759 12.048 5.856 12.144C5.952 12.241 6 12.359 6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM13.854 9.854L12.854 10.854C12.754 10.953 12.636 11.003 12.5 11.003C12.364 11.003 12.246 10.953 12.146 10.854C12.047 10.754 11.997 10.636 11.997 10.5C11.997 10.364 12.047 10.246 12.146 10.146L12.293 10L10.5 10C10.309 10 10.125 10.035 9.948 10.105C9.755 10.182 9.586 10.293 9.439 10.439C9.293 10.586 9.182 10.755 9.105 10.948C9.035 11.125 9 11.309 9 11.5C9 11.641 8.952 11.759 8.856 11.856C8.759 11.952 8.641 12 8.5 12C8.359 12 8.241 11.952 8.144 11.856C8.048 11.759 8 11.641 8 11.5C8 11.182 8.059 10.875 8.176 10.58C8.303 10.259 8.488 9.976 8.732 9.732C8.976 9.488 9.259 9.303 9.58 9.176C9.875 9.059 10.182 9 10.5 9L12.293 9L12.146 8.854C12.047 8.754 11.997 8.636 11.997 8.5C11.997 8.364 12.047 8.246 12.146 8.146C12.246 8.047 12.364 7.997 12.5 7.997C12.636 7.997 12.754 8.047 12.854 8.146L13.854 9.146C13.953 9.246 14.003 9.364 14.003 9.5C14.003 9.636 13.953 9.754 13.854 9.854ZM3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.359 3.048 9.241 3.144 9.144C3.241 9.048 3.359 9 3.5 9L5.5 9C5.641 9 5.759 9.048 5.856 9.144C5.952 9.241 6 9.359 6 9.5C6 9.641 5.952 9.759 5.856 9.856C5.759 9.952 5.641 10 5.5 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856ZM11.003 14.5C11.003 14.636 10.953 14.754 10.854 14.854C10.754 14.953 10.636 15.003 10.5 15.003C10.364 15.003 10.246 14.953 10.146 14.854L9.146 13.854C9.047 13.754 8.997 13.636 8.997 13.5C8.997 13.364 9.047 13.246 9.146 13.146L10.146 12.146C10.246 12.047 10.364 11.997 10.5 11.997C10.636 11.997 10.754 12.047 10.854 12.146C10.953 12.246 11.003 12.364 11.003 12.5C11.003 12.636 10.953 12.754 10.854 12.854L10.707 13L12.5 13C12.691 13 12.875 12.965 13.052 12.895C13.245 12.818 13.414 12.707 13.561 12.561C13.707 12.414 13.818 12.245 13.895 12.052C13.965 11.875 14 11.691 14 11.5C14 11.359 14.048 11.241 14.144 11.144C14.241 11.048 14.359 11 14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.818 14.941 12.125 14.824 12.42C14.697 12.741 14.512 13.024 14.268 13.268C14.024 13.512 13.741 13.697 13.42 13.824C13.125 13.941 12.818 14 12.5 14L10.707 14L10.854 14.146C10.953 14.246 11.003 14.364 11.003 14.5Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 6.5C15 6.641 14.952 6.759 14.856 6.856C14.759 6.952 14.641 7 14.5 7L14.499 7L13.823 7C13.658 6.853 13.475 6.738 13.275 6.653C13.186 6.615 13.095 6.584 13.003 6.56C13.001 6.541 13 6.521 13 6.5C13 6.359 13.048 6.241 13.144 6.144C13.241 6.048 13.359 6 13.5 6L14 6L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.521 11.999 6.541 11.997 6.56C11.905 6.584 11.814 6.615 11.725 6.653C11.525 6.738 11.342 6.853 11.177 7L2 7L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L5.5 12C5.641 12 5.759 12.048 5.856 12.144C5.952 12.241 6 12.359 6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM13.854 9.854L12.854 10.854C12.754 10.953 12.636 11.003 12.5 11.003C12.364 11.003 12.246 10.953 12.146 10.854C12.047 10.754 11.997 10.636 11.997 10.5C11.997 10.364 12.047 10.246 12.146 10.146L12.293 10L10.5 10C10.309 10 10.125 10.035 9.948 10.105C9.755 10.182 9.586 10.293 9.439 10.439C9.293 10.586 9.182 10.755 9.105 10.948C9.035 11.125 9 11.309 9 11.5C9 11.641 8.952 11.759 8.856 11.856C8.759 11.952 8.641 12 8.5 12C8.359 12 8.241 11.952 8.144 11.856C8.048 11.759 8 11.641 8 11.5C8 11.182 8.059 10.875 8.176 10.58C8.303 10.259 8.488 9.976 8.732 9.732C8.976 9.488 9.259 9.303 9.58 9.176C9.875 9.059 10.182 9 10.5 9L12.293 9L12.146 8.854C12.047 8.754 11.997 8.636 11.997 8.5C11.997 8.364 12.047 8.246 12.146 8.146C12.246 8.047 12.364 7.997 12.5 7.997C12.636 7.997 12.754 8.047 12.854 8.146L13.854 9.146C13.953 9.246 14.003 9.364 14.003 9.5C14.003 9.636 13.953 9.754 13.854 9.854ZM3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.359 3.048 9.241 3.144 9.144C3.241 9.048 3.359 9 3.5 9L5.5 9C5.641 9 5.759 9.048 5.856 9.144C5.952 9.241 6 9.359 6 9.5C6 9.641 5.952 9.759 5.856 9.856C5.759 9.952 5.641 10 5.5 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856ZM11.003 14.5C11.003 14.636 10.953 14.754 10.854 14.854C10.754 14.953 10.636 15.003 10.5 15.003C10.364 15.003 10.246 14.953 10.146 14.854L9.146 13.854C9.047 13.754 8.997 13.636 8.997 13.5C8.997 13.364 9.047 13.246 9.146 13.146L10.146 12.146C10.246 12.047 10.364 11.997 10.5 11.997C10.636 11.997 10.754 12.047 10.854 12.146C10.953 12.246 11.003 12.364 11.003 12.5C11.003 12.636 10.953 12.754 10.854 12.854L10.707 13L12.5 13C12.691 13 12.875 12.965 13.052 12.895C13.245 12.818 13.414 12.707 13.561 12.561C13.707 12.414 13.818 12.245 13.895 12.052C13.965 11.875 14 11.691 14 11.5C14 11.359 14.048 11.241 14.144 11.144C14.241 11.048 14.359 11 14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.818 14.941 12.125 14.824 12.42C14.697 12.741 14.512 13.024 14.268 13.268C14.024 13.512 13.741 13.697 13.42 13.824C13.125 13.941 12.818 14 12.5 14L10.707 14L10.854 14.146C10.953 14.246 11.003 14.364 11.003 14.5Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "credit-card-repeat" (line-round), MIT. https://gentleface.com/icons/credit-card-repeat import SwiftUI struct CreditCardRepeatIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 1.14, y: 4.264)) p.addCurve(to: CGPoint(x: 1.586, y: 3.586), control1: CGPoint(x: 1.242, y: 4.007), control2: CGPoint(x: 1.391, y: 3.781)) p.addCurve(to: CGPoint(x: 2.264, y: 3.14), control1: CGPoint(x: 1.781, y: 3.391), control2: CGPoint(x: 2.007, y: 3.242)) p.addCurve(to: CGPoint(x: 3, y: 3), control1: CGPoint(x: 2.5, y: 3.047), control2: CGPoint(x: 2.746, y: 3)) p.addLine(to: CGPoint(x: 13, y: 3)) p.addCurve(to: CGPoint(x: 13.736, y: 3.14), control1: CGPoint(x: 13.254, y: 3), control2: CGPoint(x: 13.5, y: 3.047)) p.addCurve(to: CGPoint(x: 14.414, y: 3.586), control1: CGPoint(x: 13.993, y: 3.242), control2: CGPoint(x: 14.219, y: 3.391)) p.addCurve(to: CGPoint(x: 14.86, y: 4.264), control1: CGPoint(x: 14.609, y: 3.781), control2: CGPoint(x: 14.758, y: 4.007)) p.addCurve(to: CGPoint(x: 15, y: 5), control1: CGPoint(x: 14.953, y: 4.5), control2: CGPoint(x: 15, y: 4.746)) p.addLine(to: CGPoint(x: 15, y: 6.5)) p.addCurve(to: CGPoint(x: 14.856, y: 6.856), control1: CGPoint(x: 15, y: 6.641), control2: CGPoint(x: 14.952, y: 6.759)) p.addCurve(to: CGPoint(x: 14.5, y: 7), control1: CGPoint(x: 14.759, y: 6.952), control2: CGPoint(x: 14.641, y: 7)) p.addLine(to: CGPoint(x: 14.499, y: 7)) p.addLine(to: CGPoint(x: 13.823, y: 7)) p.addCurve(to: CGPoint(x: 13.275, y: 6.653), control1: CGPoint(x: 13.658, y: 6.853), control2: CGPoint(x: 13.475, y: 6.738)) p.addCurve(to: CGPoint(x: 13.003, y: 6.56), control1: CGPoint(x: 13.186, y: 6.615), control2: CGPoint(x: 13.095, y: 6.584)) p.addCurve(to: CGPoint(x: 13, y: 6.5), control1: CGPoint(x: 13.001, y: 6.541), control2: CGPoint(x: 13, y: 6.521)) p.addCurve(to: CGPoint(x: 13.144, y: 6.144), control1: CGPoint(x: 13, y: 6.359), control2: CGPoint(x: 13.048, y: 6.241)) p.addCurve(to: CGPoint(x: 13.5, y: 6), control1: CGPoint(x: 13.241, y: 6.048), control2: CGPoint(x: 13.359, y: 6)) p.addLine(to: CGPoint(x: 14, y: 6)) p.addLine(to: CGPoint(x: 14, y: 5)) p.addCurve(to: CGPoint(x: 13.707, y: 4.293), control1: CGPoint(x: 14, y: 4.724), control2: CGPoint(x: 13.902, y: 4.488)) p.addCurve(to: CGPoint(x: 13, y: 4), control1: CGPoint(x: 13.512, y: 4.098), control2: CGPoint(x: 13.276, y: 4)) p.addLine(to: CGPoint(x: 3, y: 4)) p.addCurve(to: CGPoint(x: 2.293, y: 4.293), control1: CGPoint(x: 2.724, y: 4), control2: CGPoint(x: 2.488, y: 4.098)) p.addCurve(to: CGPoint(x: 2, y: 5), control1: CGPoint(x: 2.098, y: 4.488), control2: CGPoint(x: 2, y: 4.724)) p.addLine(to: CGPoint(x: 2, y: 6)) p.addLine(to: CGPoint(x: 11.5, y: 6)) p.addCurve(to: CGPoint(x: 11.856, y: 6.144), control1: CGPoint(x: 11.641, y: 6), control2: CGPoint(x: 11.759, y: 6.048)) p.addCurve(to: CGPoint(x: 12, y: 6.5), control1: CGPoint(x: 11.952, y: 6.241), control2: CGPoint(x: 12, y: 6.359)) p.addCurve(to: CGPoint(x: 11.997, y: 6.56), control1: CGPoint(x: 12, y: 6.521), control2: CGPoint(x: 11.999, y: 6.541)) p.addCurve(to: CGPoint(x: 11.725, y: 6.653), control1: CGPoint(x: 11.905, y: 6.584), control2: CGPoint(x: 11.814, y: 6.615)) p.addCurve(to: CGPoint(x: 11.177, y: 7), control1: CGPoint(x: 11.525, y: 6.738), control2: CGPoint(x: 11.342, y: 6.853)) p.addLine(to: CGPoint(x: 2, y: 7)) p.addLine(to: CGPoint(x: 2, y: 11)) p.addCurve(to: CGPoint(x: 2.293, y: 11.707), control1: CGPoint(x: 2, y: 11.276), control2: CGPoint(x: 2.098, y: 11.512)) p.addCurve(to: CGPoint(x: 3, y: 12), control1: CGPoint(x: 2.488, y: 11.902), control2: CGPoint(x: 2.724, y: 12)) p.addLine(to: CGPoint(x: 5.5, y: 12)) p.addCurve(to: CGPoint(x: 5.856, y: 12.144), control1: CGPoint(x: 5.641, y: 12), control2: CGPoint(x: 5.759, y: 12.048)) p.addCurve(to: CGPoint(x: 6, y: 12.5), control1: CGPoint(x: 5.952, y: 12.241), control2: CGPoint(x: 6, y: 12.359)) p.addCurve(to: CGPoint(x: 5.856, y: 12.856), control1: CGPoint(x: 6, y: 12.641), control2: CGPoint(x: 5.952, y: 12.759)) p.addCurve(to: CGPoint(x: 5.5, y: 13), control1: CGPoint(x: 5.759, y: 12.952), control2: CGPoint(x: 5.641, y: 13)) p.addLine(to: CGPoint(x: 3, y: 13)) p.addCurve(to: CGPoint(x: 2.264, y: 12.86), control1: CGPoint(x: 2.746, y: 13), control2: CGPoint(x: 2.5, y: 12.953)) p.addCurve(to: CGPoint(x: 1.586, y: 12.414), control1: CGPoint(x: 2.007, y: 12.758), control2: CGPoint(x: 1.781, y: 12.609)) p.addCurve(to: CGPoint(x: 1.14, y: 11.736), control1: CGPoint(x: 1.391, y: 12.219), control2: CGPoint(x: 1.242, y: 11.993)) p.addCurve(to: CGPoint(x: 1, y: 11), control1: CGPoint(x: 1.047, y: 11.5), control2: CGPoint(x: 1, y: 11.254)) p.addLine(to: CGPoint(x: 1, y: 5)) p.addCurve(to: CGPoint(x: 1.14, y: 4.264), control1: CGPoint(x: 1, y: 4.746), control2: CGPoint(x: 1.047, y: 4.5)) p.closeSubpath() p.move(to: CGPoint(x: 13.854, y: 9.854)) p.addLine(to: CGPoint(x: 12.854, y: 10.854)) p.addCurve(to: CGPoint(x: 12.5, y: 11.003), control1: CGPoint(x: 12.754, y: 10.953), control2: CGPoint(x: 12.636, y: 11.003)) p.addCurve(to: CGPoint(x: 12.146, y: 10.854), control1: CGPoint(x: 12.364, y: 11.003), control2: CGPoint(x: 12.246, y: 10.953)) p.addCurve(to: CGPoint(x: 11.997, y: 10.5), control1: CGPoint(x: 12.047, y: 10.754), control2: CGPoint(x: 11.997, y: 10.636)) p.addCurve(to: CGPoint(x: 12.146, y: 10.146), control1: CGPoint(x: 11.997, y: 10.364), control2: CGPoint(x: 12.047, y: 10.246)) p.addLine(to: CGPoint(x: 12.293, y: 10)) p.addLine(to: CGPoint(x: 10.5, y: 10)) p.addCurve(to: CGPoint(x: 9.948, y: 10.105), control1: CGPoint(x: 10.309, y: 10), control2: CGPoint(x: 10.125, y: 10.035)) p.addCurve(to: CGPoint(x: 9.439, y: 10.439), control1: CGPoint(x: 9.755, y: 10.182), control2: CGPoint(x: 9.586, y: 10.293)) p.addCurve(to: CGPoint(x: 9.105, y: 10.948), control1: CGPoint(x: 9.293, y: 10.586), control2: CGPoint(x: 9.182, y: 10.755)) p.addCurve(to: CGPoint(x: 9, y: 11.5), control1: CGPoint(x: 9.035, y: 11.125), control2: CGPoint(x: 9, y: 11.309)) p.addCurve(to: CGPoint(x: 8.856, y: 11.856), control1: CGPoint(x: 9, y: 11.641), control2: CGPoint(x: 8.952, y: 11.759)) p.addCurve(to: CGPoint(x: 8.5, y: 12), control1: CGPoint(x: 8.759, y: 11.952), control2: CGPoint(x: 8.641, y: 12)) p.addCurve(to: CGPoint(x: 8.144, y: 11.856), control1: CGPoint(x: 8.359, y: 12), control2: CGPoint(x: 8.241, y: 11.952)) p.addCurve(to: CGPoint(x: 8, y: 11.5), control1: CGPoint(x: 8.048, y: 11.759), control2: CGPoint(x: 8, y: 11.641)) p.addCurve(to: CGPoint(x: 8.176, y: 10.58), control1: CGPoint(x: 8, y: 11.182), control2: CGPoint(x: 8.059, y: 10.875)) p.addCurve(to: CGPoint(x: 8.732, y: 9.732), control1: CGPoint(x: 8.303, y: 10.259), control2: CGPoint(x: 8.488, y: 9.976)) p.addCurve(to: CGPoint(x: 9.58, y: 9.176), control1: CGPoint(x: 8.976, y: 9.488), control2: CGPoint(x: 9.259, y: 9.303)) p.addCurve(to: CGPoint(x: 10.5, y: 9), control1: CGPoint(x: 9.875, y: 9.059), control2: CGPoint(x: 10.182, y: 9)) p.addLine(to: CGPoint(x: 12.293, y: 9)) p.addLine(to: CGPoint(x: 12.146, y: 8.854)) p.addCurve(to: CGPoint(x: 11.997, y: 8.5), control1: CGPoint(x: 12.047, y: 8.754), control2: CGPoint(x: 11.997, y: 8.636)) p.addCurve(to: CGPoint(x: 12.146, y: 8.146), control1: CGPoint(x: 11.997, y: 8.364), control2: CGPoint(x: 12.047, y: 8.246)) p.addCurve(to: CGPoint(x: 12.5, y: 7.997), control1: CGPoint(x: 12.246, y: 8.047), control2: CGPoint(x: 12.364, y: 7.997)) p.addCurve(to: CGPoint(x: 12.854, y: 8.146), control1: CGPoint(x: 12.636, y: 7.997), control2: CGPoint(x: 12.754, y: 8.047)) p.addLine(to: CGPoint(x: 13.854, y: 9.146)) p.addCurve(to: CGPoint(x: 14.003, y: 9.5), control1: CGPoint(x: 13.953, y: 9.246), control2: CGPoint(x: 14.003, y: 9.364)) p.addCurve(to: CGPoint(x: 13.854, y: 9.854), control1: CGPoint(x: 14.003, y: 9.636), control2: CGPoint(x: 13.953, y: 9.754)) p.closeSubpath() p.move(to: CGPoint(x: 3.144, y: 9.856)) p.addCurve(to: CGPoint(x: 3, y: 9.5), control1: CGPoint(x: 3.048, y: 9.759), control2: CGPoint(x: 3, y: 9.641)) p.addCurve(to: CGPoint(x: 3.144, y: 9.144), control1: CGPoint(x: 3, y: 9.359), control2: CGPoint(x: 3.048, y: 9.241)) p.addCurve(to: CGPoint(x: 3.5, y: 9), control1: CGPoint(x: 3.241, y: 9.048), control2: CGPoint(x: 3.359, y: 9)) p.addLine(to: CGPoint(x: 5.5, y: 9)) p.addCurve(to: CGPoint(x: 5.856, y: 9.144), control1: CGPoint(x: 5.641, y: 9), control2: CGPoint(x: 5.759, y: 9.048)) p.addCurve(to: CGPoint(x: 6, y: 9.5), control1: CGPoint(x: 5.952, y: 9.241), control2: CGPoint(x: 6, y: 9.359)) p.addCurve(to: CGPoint(x: 5.856, y: 9.856), control1: CGPoint(x: 6, y: 9.641), control2: CGPoint(x: 5.952, y: 9.759)) p.addCurve(to: CGPoint(x: 5.5, y: 10), control1: CGPoint(x: 5.759, y: 9.952), control2: CGPoint(x: 5.641, y: 10)) p.addLine(to: CGPoint(x: 3.5, y: 10)) p.addCurve(to: CGPoint(x: 3.144, y: 9.856), control1: CGPoint(x: 3.359, y: 10), control2: CGPoint(x: 3.241, y: 9.952)) p.closeSubpath() p.move(to: CGPoint(x: 11.003, y: 14.5)) p.addCurve(to: CGPoint(x: 10.854, y: 14.854), control1: CGPoint(x: 11.003, y: 14.636), control2: CGPoint(x: 10.953, y: 14.754)) p.addCurve(to: CGPoint(x: 10.5, y: 15.003), control1: CGPoint(x: 10.754, y: 14.953), control2: CGPoint(x: 10.636, y: 15.003)) p.addCurve(to: CGPoint(x: 10.146, y: 14.854), control1: CGPoint(x: 10.364, y: 15.003), control2: CGPoint(x: 10.246, y: 14.953)) p.addLine(to: CGPoint(x: 9.146, y: 13.854)) p.addCurve(to: CGPoint(x: 8.997, y: 13.5), control1: CGPoint(x: 9.047, y: 13.754), control2: CGPoint(x: 8.997, y: 13.636)) p.addCurve(to: CGPoint(x: 9.146, y: 13.146), control1: CGPoint(x: 8.997, y: 13.364), control2: CGPoint(x: 9.047, y: 13.246)) p.addLine(to: CGPoint(x: 10.146, y: 12.146)) p.addCurve(to: CGPoint(x: 10.5, y: 11.997), control1: CGPoint(x: 10.246, y: 12.047), control2: CGPoint(x: 10.364, y: 11.997)) p.addCurve(to: CGPoint(x: 10.854, y: 12.146), control1: CGPoint(x: 10.636, y: 11.997), control2: CGPoint(x: 10.754, y: 12.047)) p.addCurve(to: CGPoint(x: 11.003, y: 12.5), control1: CGPoint(x: 10.953, y: 12.246), control2: CGPoint(x: 11.003, y: 12.364)) p.addCurve(to: CGPoint(x: 10.854, y: 12.854), control1: CGPoint(x: 11.003, y: 12.636), control2: CGPoint(x: 10.953, y: 12.754)) p.addLine(to: CGPoint(x: 10.707, y: 13)) p.addLine(to: CGPoint(x: 12.5, y: 13)) p.addCurve(to: CGPoint(x: 13.052, y: 12.895), control1: CGPoint(x: 12.691, y: 13), control2: CGPoint(x: 12.875, y: 12.965)) p.addCurve(to: CGPoint(x: 13.561, y: 12.561), control1: CGPoint(x: 13.245, y: 12.818), control2: CGPoint(x: 13.414, y: 12.707)) p.addCurve(to: CGPoint(x: 13.895, y: 12.052), control1: CGPoint(x: 13.707, y: 12.414), control2: CGPoint(x: 13.818, y: 12.245)) p.addCurve(to: CGPoint(x: 14, y: 11.5), control1: CGPoint(x: 13.965, y: 11.875), control2: CGPoint(x: 14, y: 11.691)) p.addCurve(to: CGPoint(x: 14.144, y: 11.144), control1: CGPoint(x: 14, y: 11.359), control2: CGPoint(x: 14.048, y: 11.241)) p.addCurve(to: CGPoint(x: 14.5, y: 11), control1: CGPoint(x: 14.241, y: 11.048), control2: CGPoint(x: 14.359, y: 11)) p.addCurve(to: CGPoint(x: 14.856, y: 11.144), control1: CGPoint(x: 14.641, y: 11), control2: CGPoint(x: 14.759, y: 11.048)) p.addCurve(to: CGPoint(x: 15, y: 11.5), control1: CGPoint(x: 14.952, y: 11.241), control2: CGPoint(x: 15, y: 11.359)) p.addCurve(to: CGPoint(x: 14.824, y: 12.42), control1: CGPoint(x: 15, y: 11.818), control2: CGPoint(x: 14.941, y: 12.125)) p.addCurve(to: CGPoint(x: 14.268, y: 13.268), control1: CGPoint(x: 14.697, y: 12.741), control2: CGPoint(x: 14.512, y: 13.024)) p.addCurve(to: CGPoint(x: 13.42, y: 13.824), control1: CGPoint(x: 14.024, y: 13.512), control2: CGPoint(x: 13.741, y: 13.697)) p.addCurve(to: CGPoint(x: 12.5, y: 14), control1: CGPoint(x: 13.125, y: 13.941), control2: CGPoint(x: 12.818, y: 14)) p.addLine(to: CGPoint(x: 10.707, y: 14)) p.addLine(to: CGPoint(x: 10.854, y: 14.146)) p.addCurve(to: CGPoint(x: 11.003, y: 14.5), control1: CGPoint(x: 10.953, y: 14.246), control2: CGPoint(x: 11.003, y: 14.364)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // CreditCardRepeatIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "credit-card-repeat" (line-round), MIT. https://gentleface.com/icons/credit-card-repeat import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val CreditCardRepeatIcon: ImageVector by lazy { ImageVector.Builder( name = "credit-card-repeat", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 6.5C15 6.641 14.952 6.759 14.856 6.856C14.759 6.952 14.641 7 14.5 7L14.499 7L13.823 7C13.658 6.853 13.475 6.738 13.275 6.653C13.186 6.615 13.095 6.584 13.003 6.56C13.001 6.541 13 6.521 13 6.5C13 6.359 13.048 6.241 13.144 6.144C13.241 6.048 13.359 6 13.5 6L14 6L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 6L11.5 6C11.641 6 11.759 6.048 11.856 6.144C11.952 6.241 12 6.359 12 6.5C12 6.521 11.999 6.541 11.997 6.56C11.905 6.584 11.814 6.615 11.725 6.653C11.525 6.738 11.342 6.853 11.177 7L2 7L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L5.5 12C5.641 12 5.759 12.048 5.856 12.144C5.952 12.241 6 12.359 6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264ZM13.854 9.854L12.854 10.854C12.754 10.953 12.636 11.003 12.5 11.003C12.364 11.003 12.246 10.953 12.146 10.854C12.047 10.754 11.997 10.636 11.997 10.5C11.997 10.364 12.047 10.246 12.146 10.146L12.293 10L10.5 10C10.309 10 10.125 10.035 9.948 10.105C9.755 10.182 9.586 10.293 9.439 10.439C9.293 10.586 9.182 10.755 9.105 10.948C9.035 11.125 9 11.309 9 11.5C9 11.641 8.952 11.759 8.856 11.856C8.759 11.952 8.641 12 8.5 12C8.359 12 8.241 11.952 8.144 11.856C8.048 11.759 8 11.641 8 11.5C8 11.182 8.059 10.875 8.176 10.58C8.303 10.259 8.488 9.976 8.732 9.732C8.976 9.488 9.259 9.303 9.58 9.176C9.875 9.059 10.182 9 10.5 9L12.293 9L12.146 8.854C12.047 8.754 11.997 8.636 11.997 8.5C11.997 8.364 12.047 8.246 12.146 8.146C12.246 8.047 12.364 7.997 12.5 7.997C12.636 7.997 12.754 8.047 12.854 8.146L13.854 9.146C13.953 9.246 14.003 9.364 14.003 9.5C14.003 9.636 13.953 9.754 13.854 9.854ZM3.144 9.856C3.048 9.759 3 9.641 3 9.5C3 9.359 3.048 9.241 3.144 9.144C3.241 9.048 3.359 9 3.5 9L5.5 9C5.641 9 5.759 9.048 5.856 9.144C5.952 9.241 6 9.359 6 9.5C6 9.641 5.952 9.759 5.856 9.856C5.759 9.952 5.641 10 5.5 10L3.5 10C3.359 10 3.241 9.952 3.144 9.856ZM11.003 14.5C11.003 14.636 10.953 14.754 10.854 14.854C10.754 14.953 10.636 15.003 10.5 15.003C10.364 15.003 10.246 14.953 10.146 14.854L9.146 13.854C9.047 13.754 8.997 13.636 8.997 13.5C8.997 13.364 9.047 13.246 9.146 13.146L10.146 12.146C10.246 12.047 10.364 11.997 10.5 11.997C10.636 11.997 10.754 12.047 10.854 12.146C10.953 12.246 11.003 12.364 11.003 12.5C11.003 12.636 10.953 12.754 10.854 12.854L10.707 13L12.5 13C12.691 13 12.875 12.965 13.052 12.895C13.245 12.818 13.414 12.707 13.561 12.561C13.707 12.414 13.818 12.245 13.895 12.052C13.965 11.875 14 11.691 14 11.5C14 11.359 14.048 11.241 14.144 11.144C14.241 11.048 14.359 11 14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.818 14.941 12.125 14.824 12.42C14.697 12.741 14.512 13.024 14.268 13.268C14.024 13.512 13.741 13.697 13.42 13.824C13.125 13.941 12.818 14 12.5 14L10.707 14L10.854 14.146C10.953 14.246 11.003 14.364 11.003 14.5Z"), fill = SolidColor(Color.Black), ).build() } // Icon(CreditCardRepeatIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "credit-card-repeat" (line-round), MIT. https://gentleface.com/icons/credit-card-repeat import 'package:flutter/widgets.dart'; class CreditCardRepeatIcon extends StatelessWidget { const CreditCardRepeatIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _CreditCardRepeatIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _CreditCardRepeatIconPainter extends CustomPainter { _CreditCardRepeatIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(1.14, 4.264) ..cubicTo(1.242, 4.007, 1.391, 3.781, 1.586, 3.586) ..cubicTo(1.781, 3.391, 2.007, 3.242, 2.264, 3.14) ..cubicTo(2.5, 3.047, 2.746, 3, 3, 3) ..lineTo(13, 3) ..cubicTo(13.254, 3, 13.5, 3.047, 13.736, 3.14) ..cubicTo(13.993, 3.242, 14.219, 3.391, 14.414, 3.586) ..cubicTo(14.609, 3.781, 14.758, 4.007, 14.86, 4.264) ..cubicTo(14.953, 4.5, 15, 4.746, 15, 5) ..lineTo(15, 6.5) ..cubicTo(15, 6.641, 14.952, 6.759, 14.856, 6.856) ..cubicTo(14.759, 6.952, 14.641, 7, 14.5, 7) ..lineTo(14.499, 7) ..lineTo(13.823, 7) ..cubicTo(13.658, 6.853, 13.475, 6.738, 13.275, 6.653) ..cubicTo(13.186, 6.615, 13.095, 6.584, 13.003, 6.56) ..cubicTo(13.001, 6.541, 13, 6.521, 13, 6.5) ..cubicTo(13, 6.359, 13.048, 6.241, 13.144, 6.144) ..cubicTo(13.241, 6.048, 13.359, 6, 13.5, 6) ..lineTo(14, 6) ..lineTo(14, 5) ..cubicTo(14, 4.724, 13.902, 4.488, 13.707, 4.293) ..cubicTo(13.512, 4.098, 13.276, 4, 13, 4) ..lineTo(3, 4) ..cubicTo(2.724, 4, 2.488, 4.098, 2.293, 4.293) ..cubicTo(2.098, 4.488, 2, 4.724, 2, 5) ..lineTo(2, 6) ..lineTo(11.5, 6) ..cubicTo(11.641, 6, 11.759, 6.048, 11.856, 6.144) ..cubicTo(11.952, 6.241, 12, 6.359, 12, 6.5) ..cubicTo(12, 6.521, 11.999, 6.541, 11.997, 6.56) ..cubicTo(11.905, 6.584, 11.814, 6.615, 11.725, 6.653) ..cubicTo(11.525, 6.738, 11.342, 6.853, 11.177, 7) ..lineTo(2, 7) ..lineTo(2, 11) ..cubicTo(2, 11.276, 2.098, 11.512, 2.293, 11.707) ..cubicTo(2.488, 11.902, 2.724, 12, 3, 12) ..lineTo(5.5, 12) ..cubicTo(5.641, 12, 5.759, 12.048, 5.856, 12.144) ..cubicTo(5.952, 12.241, 6, 12.359, 6, 12.5) ..cubicTo(6, 12.641, 5.952, 12.759, 5.856, 12.856) ..cubicTo(5.759, 12.952, 5.641, 13, 5.5, 13) ..lineTo(3, 13) ..cubicTo(2.746, 13, 2.5, 12.953, 2.264, 12.86) ..cubicTo(2.007, 12.758, 1.781, 12.609, 1.586, 12.414) ..cubicTo(1.391, 12.219, 1.242, 11.993, 1.14, 11.736) ..cubicTo(1.047, 11.5, 1, 11.254, 1, 11) ..lineTo(1, 5) ..cubicTo(1, 4.746, 1.047, 4.5, 1.14, 4.264) ..close() ..moveTo(13.854, 9.854) ..lineTo(12.854, 10.854) ..cubicTo(12.754, 10.953, 12.636, 11.003, 12.5, 11.003) ..cubicTo(12.364, 11.003, 12.246, 10.953, 12.146, 10.854) ..cubicTo(12.047, 10.754, 11.997, 10.636, 11.997, 10.5) ..cubicTo(11.997, 10.364, 12.047, 10.246, 12.146, 10.146) ..lineTo(12.293, 10) ..lineTo(10.5, 10) ..cubicTo(10.309, 10, 10.125, 10.035, 9.948, 10.105) ..cubicTo(9.755, 10.182, 9.586, 10.293, 9.439, 10.439) ..cubicTo(9.293, 10.586, 9.182, 10.755, 9.105, 10.948) ..cubicTo(9.035, 11.125, 9, 11.309, 9, 11.5) ..cubicTo(9, 11.641, 8.952, 11.759, 8.856, 11.856) ..cubicTo(8.759, 11.952, 8.641, 12, 8.5, 12) ..cubicTo(8.359, 12, 8.241, 11.952, 8.144, 11.856) ..cubicTo(8.048, 11.759, 8, 11.641, 8, 11.5) ..cubicTo(8, 11.182, 8.059, 10.875, 8.176, 10.58) ..cubicTo(8.303, 10.259, 8.488, 9.976, 8.732, 9.732) ..cubicTo(8.976, 9.488, 9.259, 9.303, 9.58, 9.176) ..cubicTo(9.875, 9.059, 10.182, 9, 10.5, 9) ..lineTo(12.293, 9) ..lineTo(12.146, 8.854) ..cubicTo(12.047, 8.754, 11.997, 8.636, 11.997, 8.5) ..cubicTo(11.997, 8.364, 12.047, 8.246, 12.146, 8.146) ..cubicTo(12.246, 8.047, 12.364, 7.997, 12.5, 7.997) ..cubicTo(12.636, 7.997, 12.754, 8.047, 12.854, 8.146) ..lineTo(13.854, 9.146) ..cubicTo(13.953, 9.246, 14.003, 9.364, 14.003, 9.5) ..cubicTo(14.003, 9.636, 13.953, 9.754, 13.854, 9.854) ..close() ..moveTo(3.144, 9.856) ..cubicTo(3.048, 9.759, 3, 9.641, 3, 9.5) ..cubicTo(3, 9.359, 3.048, 9.241, 3.144, 9.144) ..cubicTo(3.241, 9.048, 3.359, 9, 3.5, 9) ..lineTo(5.5, 9) ..cubicTo(5.641, 9, 5.759, 9.048, 5.856, 9.144) ..cubicTo(5.952, 9.241, 6, 9.359, 6, 9.5) ..cubicTo(6, 9.641, 5.952, 9.759, 5.856, 9.856) ..cubicTo(5.759, 9.952, 5.641, 10, 5.5, 10) ..lineTo(3.5, 10) ..cubicTo(3.359, 10, 3.241, 9.952, 3.144, 9.856) ..close() ..moveTo(11.003, 14.5) ..cubicTo(11.003, 14.636, 10.953, 14.754, 10.854, 14.854) ..cubicTo(10.754, 14.953, 10.636, 15.003, 10.5, 15.003) ..cubicTo(10.364, 15.003, 10.246, 14.953, 10.146, 14.854) ..lineTo(9.146, 13.854) ..cubicTo(9.047, 13.754, 8.997, 13.636, 8.997, 13.5) ..cubicTo(8.997, 13.364, 9.047, 13.246, 9.146, 13.146) ..lineTo(10.146, 12.146) ..cubicTo(10.246, 12.047, 10.364, 11.997, 10.5, 11.997) ..cubicTo(10.636, 11.997, 10.754, 12.047, 10.854, 12.146) ..cubicTo(10.953, 12.246, 11.003, 12.364, 11.003, 12.5) ..cubicTo(11.003, 12.636, 10.953, 12.754, 10.854, 12.854) ..lineTo(10.707, 13) ..lineTo(12.5, 13) ..cubicTo(12.691, 13, 12.875, 12.965, 13.052, 12.895) ..cubicTo(13.245, 12.818, 13.414, 12.707, 13.561, 12.561) ..cubicTo(13.707, 12.414, 13.818, 12.245, 13.895, 12.052) ..cubicTo(13.965, 11.875, 14, 11.691, 14, 11.5) ..cubicTo(14, 11.359, 14.048, 11.241, 14.144, 11.144) ..cubicTo(14.241, 11.048, 14.359, 11, 14.5, 11) ..cubicTo(14.641, 11, 14.759, 11.048, 14.856, 11.144) ..cubicTo(14.952, 11.241, 15, 11.359, 15, 11.5) ..cubicTo(15, 11.818, 14.941, 12.125, 14.824, 12.42) ..cubicTo(14.697, 12.741, 14.512, 13.024, 14.268, 13.268) ..cubicTo(14.024, 13.512, 13.741, 13.697, 13.42, 13.824) ..cubicTo(13.125, 13.941, 12.818, 14, 12.5, 14) ..lineTo(10.707, 14) ..lineTo(10.854, 14.146) ..cubicTo(10.953, 14.246, 11.003, 14.364, 11.003, 14.5) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_CreditCardRepeatIconPainter old) => old.color != color; } ```