diff --git a/angular/src/components/add-edit.component.ts b/angular/src/components/add-edit.component.ts
index 3728cdc4a5..af57e70345 100644
--- a/angular/src/components/add-edit.component.ts
+++ b/angular/src/components/add-edit.component.ts
@@ -108,6 +108,7 @@ export class AddEditComponent implements OnInit {
       { name: "JCB", value: "JCB" },
       { name: "Maestro", value: "Maestro" },
       { name: "UnionPay", value: "UnionPay" },
+      { name: "RuPay", value: "RuPay" },
       { name: i18nService.t("other"), value: "Other" },
     ];
     this.cardExpMonthOptions = [
diff --git a/angular/src/components/icon.component.ts b/angular/src/components/icon.component.ts
index 9cb8e90742..c6a6c8a0b5 100644
--- a/angular/src/components/icon.component.ts
+++ b/angular/src/components/icon.component.ts
@@ -19,6 +19,7 @@ const cardIcons: Record<string, string> = {
   JCB: "card-jcb",
   Maestro: "card-maestro",
   UnionPay: "card-union-pay",
+  RuPay: "card-ru-pay",
 };
 
 @Component({
diff --git a/angular/src/images/cards/ru_pay-dark.png b/angular/src/images/cards/ru_pay-dark.png
new file mode 100644
index 0000000000..6bd6d039b8
Binary files /dev/null and b/angular/src/images/cards/ru_pay-dark.png differ
diff --git a/angular/src/images/cards/ru_pay-light.png b/angular/src/images/cards/ru_pay-light.png
new file mode 100644
index 0000000000..321938ed71
Binary files /dev/null and b/angular/src/images/cards/ru_pay-light.png differ
diff --git a/angular/src/scss/icons.scss b/angular/src/scss/icons.scss
index f1c91680d7..88e9c5af54 100644
--- a/angular/src/scss/icons.scss
+++ b/angular/src/scss/icons.scss
@@ -8,6 +8,7 @@ $card-icons: (
   "maestro": $card-icons-base + "maestro-light.png",
   "mastercard": $card-icons-base + "mastercard-light.png",
   "union-pay": $card-icons-base + "union_pay-light.png",
+  "ru-pay": $card-icons-base + "ru_pay-light.png",
 );
 
 $card-icons-dark: (
@@ -19,6 +20,7 @@ $card-icons-dark: (
   "maestro": $card-icons-base + "maestro-dark.png",
   "mastercard": $card-icons-base + "mastercard-dark.png",
   "union-pay": $card-icons-base + "union_pay-dark.png",
+  "ru-pay": $card-icons-base + "ru_pay-dark.png",
 );
 
 .credit-card-icon {