CDN ไอคอนธนาคารไทยสำหรับเว็บไซต์

 

Usage:

<i class="bank bank-*"></i>


CDN

<link rel="stylesheet"href="https://cdn.jsdelivr.net/gh/semicon/finances-logo/iconbanks.min.css">


ตัวอย่าง

        


รายชื่อธนาคาร

Bank List

  • 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>

Reference:
https://github.com/omise/banks-logo
https://github.com/AomDEV/css-finances


ที่มาครูสมชายคัดมาจาก : {getButton} $text={อ้างอิงที่มา} $icon={link} $color={red}
>>>TRY TO CHECK OUT , IF ANY ERROR FOUND. PLEASE LET ME KNOW BY COMMENT.
I'LL TRY MY LEVEL BEST TO FIX THE PROBLEM.
                                                                THANKS FOR VISITING thumariya.blogspot
Have a nice day!
-------------------------- -------------------------
>>>ลองตรวจสอบหากพบข้อผิดพลาด โปรดแจ้งให้เราทราบโดยแสดงความคิดเห็น
ฉันจะพยายามระดับของฉันให้ดีที่สุดเพื่อแก้ไขปัญหา
ขอบคุณสำหรับการเยี่ยมชม thumariya.blogspot
ขอให้เป็นวันที่ดี!

-------------------------- -------------------------

{fullWidth}

แสดงความคิดเห็น (0)
ใหม่กว่า เก่ากว่า