رفتن به محتوای اصلی

فارسی

لوگوی بانک‌ها

لوگوی SVG بهینه‌شدهٔ ۴۰ بانک و موسسهٔ اعتباری و ۱۰ درگاه پرداخت ایران؛ در فیلدهای کارت و شبا خودکار نمایش داده می‌شوند.

npm i @kashi-ui/bank-logos

بانک‌ها و موسسه‌ها

بانک‌های ادغام‌شده در سپه (انصار، قوامین، حکمت ایرانیان، کوثر و مهر اقتصاد) هم آمده‌اند، چون کارت‌های قدیمی آن‌ها هنوز در دست مردم است.

  • بانک آیندهayandeh
  • بانک اقتصاد نوینeghtesad-novin
  • بانک انصارansar
  • بانک ایران زمینiran-zamin
  • بانک ایران و ونزوئلاiran-venezuela
  • بانک پارسیانparsian
  • بانک پاسارگادpasargad
  • بانک تجارتtejarat
  • بانک تجارتی ایران و اروپاiran-europe
  • بانک توسعه تعاونtosee-taavon
  • بانک توسعه صادراتedbi
  • بانک حکمت ایرانیانhekmat
  • بانک خاورمیانهkhavarmianeh
  • بانک دیdey
  • بانک رفاهrefah
  • بانک سامانsaman
  • بانک سپهsepah
  • بانک سرمایهsarmayeh
  • بانک سیناsina
  • بانک شهرshahr
  • بانک صادراتsaderat
  • بانک صنعت و معدنbim
  • بانک قرض‌الحسنه رسالتresalat
  • بانک قرض‌الحسنه مهر ایرانmehr-iran
  • بانک قوامینghavamin
  • بانک کارآفرینkarafarin
  • بانک کشاورزیkeshavarzi
  • بانک گردشگریgardeshgari
  • بانک مرکزیmarkazi
  • بانک مسکنmaskan
  • بانک ملتmellat
  • بانک ملیmelli
  • بانک مهر اقتصادmehr-eghtesad
  • پست بانکpostbank
  • فیوچر بانکfuturebank
  • موسسه اعتباری توسعهtosee
  • موسسه اعتباری کاسپینcaspian
  • موسسه اعتباری کوثرkosar
  • موسسه اعتباری مللmelal
  • موسسه اعتباری نورnoor

درگاه‌های پرداخت

برای صفحه‌های پرداخت و انتخاب درگاه؛ با همان تابع‌ها: bankLogoDataUri("zarinpal").

  • آسان پرداختasan-pardakht
  • آیدی‌پیidpay
  • پی‌پینگpayping
  • حسابیتhesabit
  • دیجی‌پیdigipay
  • زرین‌پالzarinpal
  • سدادsedad
  • شاپرکshaparak
  • وندارvandar
  • Pay.irpayir

استفاده

فیلدهای شماره کارت و شماره شبا لوگو را خودکار نمایش می‌دهند. لوگوها فقط وقتی بانک تشخیص داده شد بارگذاری می‌شوند (code-splitting)، پس حجم اولیهٔ برنامه تغییر نمی‌کند. برای استفادهٔ مستقیم:

import { bankLogoDataUri } from "@kashi-ui/bank-logos";
import { getBankByCard } from "@kashi-ui/persian";

const bank = getBankByCard("6037 99");   // { name: "بانک ملی", slug: "melli" }
img.src = bankLogoDataUri(bank.slug);

یا فایل SVG: @kashi-ui/bank-logos/svg/melli.svg

منبع و مجوز

  • طرح‌های وکتور از مجموعهٔ zegond/logos-per-banks با مجوز CC0 1.0 (مالکیت عمومی) گرفته و با SVGO بهینه شده‌اند؛ حجم کل از ۸۰۰ به حدود ۲۰۰ کیلوبایت رسیده است.
  • نشان‌های تجاری: لوگوها نشان تجاری بانک‌های مربوط هستند. از آن‌ها فقط برای معرفی همان بانک استفاده کنید، نه به شکلی که القای همکاری یا تأیید کند.