Usage:
<i class="bank bank-*"></i>
CDN
<link rel="stylesheet"href="https://cdn.jsdelivr.net/gh/semicon/finances-logo/iconbanks.min.css">
ตัวอย่าง
รายชื่อธนาคาร
- bank-bbl - Bangkok Bank
- bank-kbank - Kasikornbank
- bank-rbs - Royal Bank of Scotland
- bank-ktb - Krungthai Bank
- bank-jpm - J.P. Morgan
- bank-mufg - Bank of Tokyo-Mitsubishi UFJ
- bank-tmb - TMB Bank
- bank-scb - Siam Commercial Bank
- bank-citi - Citibank
- bank-smbc - Sumitomo Mitsui Banking Corporation
- bank-sc - Standard Chartered (Thai)
- bank-cimb - CIMB Thai Bank
- bank-uob - United Overseas Bank (Thai)
- bank-bay - Bank of Ayudhya (Krungsri)
- bank-mega - Mega International Commercial Bank
- bank-boa - Bank of America
- bank-cacib - Crédit Agricole
- bank-gsb - Government Savings Bank
- bank-hsbc - Hongkong and Shanghai Banking Corporation
- bank-db - Deutsche Bank
- bank-ghb - Government Housing Bank
- bank-baac - Bank for Agriculture and Agricultural Cooperatives
- bank-mb - Mizuho Bank
- bank-bnp - BNP Paribas
- bank-tbank - Thanachart Bank
- bank-ibank - Islamic Bank of Thailand
- bank-tisco - Tisco Bank
- bank-kk - Kiatnakin Bank
- bank-icbc - Industrial and Commercial Bank of China (Thai)
- bank-tcrb - Thai Credit Retail Bank
- bank-lhb - Land and Houses Bank
- bank-tmn - TrueMoney Wallet
- bank-pp - PromptPay
- bank-ttb - TMB and Thanachart Bank
ตัวอย่างการนำไปใช้
ข้อมูลพื้นฐาน
<i class="bank ชื่อธนาคาร ขนาด"></i>
<i class="bank bank-scb xl"></i>
การปรับขนาด icon:
<i class="bank bank-scb biggest"></i> <!-- thumbnail 128x128 -->
<i class="bank bank-scb huge"></i> <!-- thumbnail 64x64 -->
<i class="bank bank-scb xxxl"></i> <!-- h1 32x32 -->
<i class="bank bank-scb xxl"></i> <!-- h2 22x22 -->
<i class="bank bank-scb xl"></i> <!-- h3 20x20 -->
<i class="bank bank-scb l"></i> <!-- h4 18x18 -->
<i class="bank bank-scb s"></i> <!-- h5 16x16 -->
<i class="bank bank-scb xs"></i> <!-- h6 14x14 -->
รูปแบบ:
<i class="bank bank-scb"></i> <!-- Square -->
<i class="bank bank-scb round"></i> <!-- Round -->
ใส่เงา:
<i class="bank bank-scb shadow"></i>
การนำแต่ละส่วนมาใช้งานร่วมกัน:
<i class="bank bank-scb huge round shadow"></i>