Gentleface › Money & finance › credit-card-repeat

credit-card-repeat icon

Credit card repeat: subscription, recurring payment, recurring billing, auto renewal. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path 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"/></svg>

React

// Gentleface "credit-card-repeat" (line-round), MIT. https://gentleface.com/icons/credit-card-repeat
import type { SVGProps } from 'react';

export function CreditCardRepeatIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path 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" />
    </svg>
  );
}

Vue

Vue: see /icons/credit-card-repeat.md

Svelte

Svelte: see /icons/credit-card-repeat.md

HTML img

HTML img: see /icons/credit-card-repeat.md

CSS

CSS: see /icons/credit-card-repeat.md

Data URL

Data URL: see /icons/credit-card-repeat.md

Sprite

Sprite: see /icons/credit-card-repeat.md

SwiftUI

SwiftUI: see /icons/credit-card-repeat.md

Compose

Compose: see /icons/credit-card-repeat.md

Android XML

Android XML: see /icons/credit-card-repeat.md

Flutter

Flutter: see /icons/credit-card-repeat.md

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. 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. More in how to use.

With npm: import { CreditCardRepeatIcon } from '@gentleface/react'; (setup).

Meaning

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

Category

Money & finance

Component name

CreditCardRepeatIcon

History

2026-11-07 20 px drawn, 24 px drawn, added, released in 0.6.0

Since

version 0.6.0

Family 19

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

More money & finance icons

atm banknote banknote-arrow-down banknote-arrow-up banknote-check banknote-clock banknote-link banknote-lock banknote-minus banknote-off banknote-pencil banknote-shield banknote-trending-up banknote-x blockchain coin · all money & finance icons

For agents

Metadata: /icons/credit-card-repeat.json · Markdown: /icons/credit-card-repeat.md · SVG: https://gentleface.com/svg/{style}/16/credit-card-repeat.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/credit-card-repeat.png

credit-card-repeat icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp