diff --git a/demo/dist/img/payments/mir-dark.svg b/demo/dist/img/payments/mir-dark.svg
new file mode 100644
index 000000000..c3779ca11
--- /dev/null
+++ b/demo/dist/img/payments/mir-dark.svg
@@ -0,0 +1,29 @@
+
+
+
diff --git a/demo/dist/img/payments/mir.svg b/demo/dist/img/payments/mir.svg
new file mode 100644
index 000000000..2198c9482
--- /dev/null
+++ b/demo/dist/img/payments/mir.svg
@@ -0,0 +1,31 @@
+
+
+
diff --git a/dist/img/payments/mir-dark.svg b/dist/img/payments/mir-dark.svg
new file mode 100644
index 000000000..c3779ca11
--- /dev/null
+++ b/dist/img/payments/mir-dark.svg
@@ -0,0 +1,29 @@
+
+
+
diff --git a/dist/img/payments/mir.svg b/dist/img/payments/mir.svg
new file mode 100644
index 000000000..2198c9482
--- /dev/null
+++ b/dist/img/payments/mir.svg
@@ -0,0 +1,31 @@
+
+
+
diff --git a/img/payments/mir-dark.svg b/img/payments/mir-dark.svg
new file mode 100644
index 000000000..a5720abc1
--- /dev/null
+++ b/img/payments/mir-dark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/img/payments/mir.svg b/img/payments/mir.svg
new file mode 100644
index 000000000..801132df0
--- /dev/null
+++ b/img/payments/mir.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/pages/_data/payments.yml b/pages/_data/payments.yml
index f84c79d9b..f5f665ae2 100644
--- a/pages/_data/payments.yml
+++ b/pages/_data/payments.yml
@@ -52,6 +52,8 @@
logo: "maestro"
- name: "Mastercard"
logo: "mastercard"
+- name: "Mir"
+ logo: "mir"
- name: "Monero"
logo: "monero"
- name: "Neteller"
diff --git a/scss/ui/_payments.scss b/scss/ui/_payments.scss
index 240bf34b0..62bce644d 100644
--- a/scss/ui/_payments.scss
+++ b/scss/ui/_payments.scss
@@ -1,4 +1,4 @@
-$payment-icons: ('2checkout-dark', '2checkout', 'alipay-dark', 'alipay', 'amazon-dark', 'amazon', 'americanexpress-dark', 'americanexpress', 'applepay-dark', 'applepay', 'bancontact-dark', 'bancontact', 'bitcoin-dark', 'bitcoin', 'bitpay-dark', 'bitpay', 'blik', 'blik-dark', 'cirrus-dark', 'cirrus', 'clickandbuy-dark', 'clickandbuy', 'coinkite-dark', 'coinkite', 'dinersclub-dark', 'dinersclub', 'directdebit-dark', 'directdebit', 'discover-dark', 'discover', 'dotpay', 'dotpay-dark', 'dwolla-dark', 'dwolla', 'ebay-dark', 'ebay', 'eway-dark', 'eway', 'giropay-dark', 'giropay', 'googlewallet-dark', 'googlewallet', 'ingenico-dark', 'ingenico', 'jcb-dark', 'jcb', 'klarna-dark', 'klarna', 'laser-dark', 'laser', 'maestro-dark', 'maestro', 'mastercard-dark', 'mastercard', 'monero-dark', 'monero', 'neteller-dark', 'neteller', 'ogone-dark', 'ogone', 'okpay-dark', 'okpay', 'paybox-dark', 'paybox', 'paymill-dark', 'paymill', 'payone-dark', 'payone', 'payoneer-dark', 'payoneer', 'paypal-dark', 'paypal', 'paysafecard-dark', 'paysafecard', 'payu-dark', 'payu', 'payza-dark', 'payza', 'przelewy24', 'przelewy24-dark', 'ripple-dark', 'ripple', 'sage-dark', 'sage', 'sepa-dark', 'sepa', 'shopify-dark', 'shopify', 'skrill-dark', 'skrill', 'solo-dark', 'solo', 'square-dark', 'square', 'stripe-dark', 'stripe', 'switch-dark', 'switch', 'tpay', 'tpay-dark', 'ukash-dark', 'ukash', 'unionpay-dark', 'unionpay', 'verifone-dark', 'verifone', 'verisign-dark', 'verisign', 'visa-dark', 'visa', 'webmoney-dark', 'webmoney', 'westernunion-dark', 'westernunion', 'worldpay-dark', 'worldpay');
+$payment-icons: ('2checkout-dark', '2checkout', 'alipay-dark', 'alipay', 'amazon-dark', 'amazon', 'americanexpress-dark', 'americanexpress', 'applepay-dark', 'applepay', 'bancontact-dark', 'bancontact', 'bitcoin-dark', 'bitcoin', 'bitpay-dark', 'bitpay', 'blik', 'blik-dark', 'cirrus-dark', 'cirrus', 'clickandbuy-dark', 'clickandbuy', 'coinkite-dark', 'coinkite', 'dinersclub-dark', 'dinersclub', 'directdebit-dark', 'directdebit', 'discover-dark', 'discover', 'dotpay', 'dotpay-dark', 'dwolla-dark', 'dwolla', 'ebay-dark', 'ebay', 'eway-dark', 'eway', 'giropay-dark', 'giropay', 'googlewallet-dark', 'googlewallet', 'ingenico-dark', 'ingenico', 'jcb-dark', 'jcb', 'klarna-dark', 'klarna', 'laser-dark', 'laser', 'maestro-dark', 'maestro', 'mastercard-dark', 'mastercard', 'mir-dark', 'mir', 'monero-dark', 'monero', 'neteller-dark', 'neteller', 'ogone-dark', 'ogone', 'okpay-dark', 'okpay', 'paybox-dark', 'paybox', 'paymill-dark', 'paymill', 'payone-dark', 'payone', 'payoneer-dark', 'payoneer', 'paypal-dark', 'paypal', 'paysafecard-dark', 'paysafecard', 'payu-dark', 'payu', 'payza-dark', 'payza', 'przelewy24', 'przelewy24-dark', 'ripple-dark', 'ripple', 'sage-dark', 'sage', 'sepa-dark', 'sepa', 'shopify-dark', 'shopify', 'skrill-dark', 'skrill', 'solo-dark', 'solo', 'square-dark', 'square', 'stripe-dark', 'stripe', 'switch-dark', 'switch', 'tpay', 'tpay-dark', 'ukash-dark', 'ukash', 'unionpay-dark', 'unionpay', 'verifone-dark', 'verifone', 'verisign-dark', 'verisign', 'visa-dark', 'visa', 'webmoney-dark', 'webmoney', 'westernunion-dark', 'westernunion', 'worldpay-dark', 'worldpay');
.payment {
width: 2rem * 1.66666;