├── CNAME ├── demo ├── cdn │ ├── thbank-font.zip │ ├── fonts │ │ ├── thbanks.eot │ │ ├── thbanks.ttf │ │ └── thbanks.woff │ └── css │ │ └── thbanklogos.min.css ├── demo.js ├── demo.css ├── index.html └── banks.json ├── .surgeignore ├── package.json ├── README.md ├── templates └── thbanklogos.css ├── .gitignore └── gulpfile.js /CNAME: -------------------------------------------------------------------------------- 1 | https://thai-bank-logos-icon-font.surge.sh -------------------------------------------------------------------------------- /demo/cdn/thbank-font.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamkreative/Thanakarn-Icon-Font/HEAD/demo/cdn/thbank-font.zip -------------------------------------------------------------------------------- /demo/cdn/fonts/thbanks.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamkreative/Thanakarn-Icon-Font/HEAD/demo/cdn/fonts/thbanks.eot -------------------------------------------------------------------------------- /demo/cdn/fonts/thbanks.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamkreative/Thanakarn-Icon-Font/HEAD/demo/cdn/fonts/thbanks.ttf -------------------------------------------------------------------------------- /demo/cdn/fonts/thbanks.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamkreative/Thanakarn-Icon-Font/HEAD/demo/cdn/fonts/thbanks.woff -------------------------------------------------------------------------------- /.surgeignore: -------------------------------------------------------------------------------- 1 | !dist/ 2 | src/ 3 | !src/banks.json 4 | templates/ 5 | gulpfile.js 6 | package.json 7 | prepros.cfg 8 | README.md -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Thanakarn-Icon-Font", 3 | "version": "1.0.0", 4 | "description": "Ready to use icon font with all Banks in Thailand", 5 | "main": "gulpfile.js", 6 | "dependencies": { 7 | "async": "^2.1.4", 8 | "browser-sync": "^2.18.2", 9 | "fs": "0.0.1-security", 10 | "gulp": "^3.9.1", 11 | "gulp-clean-css": "^2.0.13", 12 | "gulp-concat": "^2.6.1", 13 | "gulp-consolidate": "^0.2.0", 14 | "gulp-decompress": "^2.0.1", 15 | "gulp-download": "0.0.1", 16 | "gulp-iconfont": "^8.0.1", 17 | "gulp-iconfont-css": "^2.1.0", 18 | "gulp-zip": "^3.2.0" 19 | }, 20 | "scripts": { 21 | "test": "echo \"Error: no test specified\" && exit 1", 22 | "start": "gulp getsrc && gulp genFontsCSS && gulp genColors && gulp" 23 | }, 24 | "author": "Julien Vernet ", 25 | "license": "ISC" 26 | } 27 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Thanakarn Icon Font - Banks in Thailand 2 | 3 | This tool created by [Julien Vernet](https://siamkreative.com/) is based on the work from [Omise](https://github.com/omise/banks-logo). 4 | 5 | All bank icons are trademarks of their respective owners and the use of these trademarks does not indicate endorsement of the trademark holder by Omise, nor vice versa. 6 | 7 | ## [Demo & Download](https://labs.siamkreative.com/Thanakarn-Icon-Font) 8 | 9 | [![mockup-888px](http://i.imgur.com/3nRRQKz.jpg)](https://labs.siamkreative.com/Thanakarn-Icon-Font) 10 | 11 | ### Usage 12 | 13 | Simply download and load the CSS in your project. 14 | 15 | ```html 16 | 17 | ``` 18 | 19 | Then use icons like this 20 | 21 | ```html 22 | 23 | ``` 24 | 25 | ### Contributing to this project 26 | 27 | It is very easy to help making this project better. You need to: 28 | 29 | 1. Fork the repository 30 | 2. Run `npm install` 31 | 3. Run `npm start` 32 | -------------------------------------------------------------------------------- /demo/demo.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | $.ajaxSetup({ 4 | cache: true 5 | }); 6 | 7 | /** 8 | * Generate CSS and HTML 9 | */ 10 | $.getJSON('/banks.json', function (json, textStatus) { 11 | var css = ''; 12 | var classname; 13 | var prefix = 'thbanks-'; 14 | var html = ''; 15 | var count = 0; 16 | 17 | // Loop through JSON 18 | $.each(json.th, function (index, val) { 19 | count++; 20 | classname = prefix + index; 21 | html += '
    • '; 22 | }); 23 | 24 | // Add CSS & HTML 25 | $('#demo').html(html); 26 | 27 | // Update count 28 | $('#count').text(count); 29 | 30 | // Add code sample 31 | $('#demo').on('click', '.thbanks', function (event) { 32 | event.preventDefault(); 33 | $('#code').val(this.outerHTML).focus().select(); 34 | $(this).parent('li').addClass('active').siblings().removeClass('active'); 35 | 36 | // Copy to clipboard 37 | try { 38 | var successful = document.execCommand('copy'); 39 | $('#status').addClass('success'); 40 | setTimeout(function () { 41 | $('#status').removeClass('success'); 42 | }, 1500); 43 | } catch (err) { 44 | console.log('Oops, unable to copy'); 45 | } 46 | }); 47 | }); 48 | }); 49 | -------------------------------------------------------------------------------- /templates/thbanklogos.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "<%= fontName %>"; 3 | src: url('<%= fontPath %><%= fontName %>.eot'); 4 | src: url('<%= fontPath %><%= fontName %>.eot?#iefix') format('eot'), 5 | url('<%= fontPath %><%= fontName %>.woff') format('woff'), 6 | url('<%= fontPath %><%= fontName %>.ttf') format('truetype'), 7 | url('<%= fontPath %><%= fontName %>.svg#<%= fontName %>') format('svg'); 8 | font-weight: normal; 9 | font-style: normal; 10 | } 11 | 12 | .<%= className %>:before { 13 | display: inline-block; 14 | font-family: "<%= fontName %>"; 15 | font-style: normal; 16 | font-weight: normal; 17 | line-height: 1; 18 | -webkit-font-smoothing: antialiased; 19 | -moz-osx-font-smoothing: grayscale; 20 | } 21 | 22 | .<%= className %>-lg { 23 | font-size: 1.3333333333333333em; 24 | line-height: 0.75em; 25 | vertical-align: -15%; 26 | } 27 | .<%= className %>-2x { font-size: 2em; } 28 | .<%= className %>-3x { font-size: 3em; } 29 | .<%= className %>-4x { font-size: 4em; } 30 | .<%= className %>-5x { font-size: 5em; } 31 | .<%= className %>-fw { 32 | width: 1.2857142857142858em; 33 | text-align: center; 34 | } 35 | 36 | <% _.each(glyphs, function(glyph) { %>.<%= className %>-<%= glyph.name %>:before { content: "\<%= glyph.unicode[0].charCodeAt(0).toString(16).toUpperCase() %>" } 37 | <% }); %> 38 | -------------------------------------------------------------------------------- /demo/demo.css: -------------------------------------------------------------------------------- 1 | body { 2 | max-width: 750px; 3 | margin: 0 auto; 4 | padding: 2em; 5 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* https://twitter.com/mdo/status/752561058011754496 */ 6 | } 7 | 8 | h1, 9 | h2 { 10 | font-weight: 400; 11 | color: #1abc9c; 12 | } 13 | 14 | .pure-button-primary, 15 | .pure-button-selected, 16 | a.pure-button-primary, 17 | a.pure-button-selected { 18 | background-color: #1abc9c; 19 | text-transform: uppercase; 20 | padding: 1em 2em; 21 | } 22 | 23 | #demo { 24 | padding: 0; 25 | margin-left: -3px; 26 | margin-right: -3px; 27 | } 28 | 29 | #demo:hover li { 30 | opacity: 0.5; 31 | } 32 | 33 | #demo li { 34 | margin: 0; 35 | padding: 0; 36 | cursor: pointer; 37 | padding: 3px; 38 | margin: 0 15px 15px 0; 39 | border-radius: 3px; 40 | transition: all 300ms ease-out; 41 | } 42 | 43 | #demo li:hover, 44 | #demo li.active { 45 | background-color: #383838; 46 | opacity: 1; 47 | } 48 | 49 | #demo .thbanks { 50 | display: inline-block; 51 | border-radius: 3px; 52 | } 53 | 54 | #demo .thbanks:before { 55 | color: white; 56 | padding: 10px; 57 | font-size: 2em; 58 | } 59 | 60 | #result { 61 | margin-bottom: 2em; 62 | } 63 | 64 | #code { 65 | background-color: #eee; 66 | border: 1px solid #ddd; 67 | width: 100%; 68 | padding: 1em; 69 | border: 1px solid #ddd; 70 | -webkit-box-sizing: border-box; 71 | -moz-box-sizing: border-box; 72 | box-sizing: border-box; 73 | } 74 | 75 | #status { 76 | color: green; 77 | opacity: 0; 78 | transition: opacity 300ms ease-out; 79 | padding: .3em 1em; 80 | } 81 | 82 | #status.success { 83 | opacity: 1; 84 | } 85 | 86 | #stylesheet_code { 87 | color: white; 88 | background-color: #999; 89 | padding: 1em; 90 | margin: 0; 91 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | # Created by https://www.gitignore.io/api/win,windows,sublimetext,node 3 | 4 | #!! ERROR: win is undefined. Use list command to see defined gitignore types !!# 5 | 6 | ### Windows ### 7 | # Windows image file caches 8 | Thumbs.db 9 | ehthumbs.db 10 | 11 | # Folder config file 12 | Desktop.ini 13 | 14 | # Recycle Bin used on file shares 15 | $RECYCLE.BIN/ 16 | 17 | # Windows Installer files 18 | *.cab 19 | *.msi 20 | *.msm 21 | *.msp 22 | 23 | # Windows shortcuts 24 | *.lnk 25 | 26 | 27 | ### SublimeText ### 28 | # cache files for sublime text 29 | *.tmlanguage.cache 30 | *.tmPreferences.cache 31 | *.stTheme.cache 32 | 33 | # workspace files are user-specific 34 | *.sublime-workspace 35 | 36 | # project files should be checked into the repository, unless a significant 37 | # proportion of contributors will probably not be using SublimeText 38 | # *.sublime-project 39 | 40 | # sftp configuration file 41 | sftp-config.json 42 | 43 | # Package control specific files 44 | Package Control.last-run 45 | Package Control.ca-list 46 | Package Control.ca-bundle 47 | Package Control.system-ca-bundle 48 | Package Control.cache/ 49 | Package Control.ca-certs/ 50 | bh_unicode_properties.cache 51 | 52 | # Sublime-github package stores a github token in this file 53 | # https://packagecontrol.io/packages/sublime-github 54 | GitHub.sublime-settings 55 | 56 | 57 | ### Node ### 58 | # Logs 59 | logs 60 | *.log 61 | npm-debug.log* 62 | 63 | # Runtime data 64 | pids 65 | *.pid 66 | *.seed 67 | *.pid.lock 68 | 69 | # Directory for instrumented libs generated by jscoverage/JSCover 70 | lib-cov 71 | 72 | # Coverage directory used by tools like istanbul 73 | coverage 74 | 75 | # nyc test coverage 76 | .nyc_output 77 | 78 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 79 | .grunt 80 | 81 | # node-waf configuration 82 | .lock-wscript 83 | 84 | # Compiled binary addons (http://nodejs.org/api/addons.html) 85 | build/Release 86 | 87 | # Dependency directories 88 | node_modules 89 | jspm_packages 90 | 91 | # Optional npm cache directory 92 | .npm 93 | 94 | # Optional eslint cache 95 | .eslintcache 96 | 97 | # Optional REPL history 98 | .node_repl_history 99 | 100 | # Output of 'npm pack' 101 | *.tgz 102 | 103 | # Yarn Integrity file 104 | .yarn-integrity 105 | 106 | 107 | ### Custom ### 108 | prepros.cfg 109 | dist/ 110 | src/ 111 | .idea/ 112 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var async = require('async'); 2 | var gulp = require('gulp'); 3 | var download = require('gulp-download'); 4 | var decompress = require('gulp-decompress'); 5 | var iconfont = require('gulp-iconfont'); 6 | var consolidate = require('gulp-consolidate'); 7 | var concat = require('gulp-concat'); 8 | var cleanCSS = require('gulp-clean-css'); 9 | var fs = require('fs'); 10 | var browserSync = require('browser-sync').create(); 11 | var zip = require('gulp-zip'); 12 | 13 | gulp.task('getsrc', function () { 14 | download('https://github.com/omise/banks-logo/archive/master.zip') 15 | .pipe(decompress({ 16 | strip: 1 17 | })) 18 | .pipe(gulp.dest('src/')); 19 | }); 20 | 21 | gulp.task('genColors', function () { 22 | var sources = require('./src/banks.json'); 23 | var banks = sources.th; 24 | var css = ""; 25 | 26 | for (var bank in banks) { 27 | // skip loop if the property is from prototype 28 | if (!banks.hasOwnProperty(bank)) continue; 29 | var obj = banks[bank]; 30 | css += '.thbanks-' + bank + '{background-color:' + obj['color'] + '}'; 31 | } 32 | 33 | // create stylesheet 34 | fs.writeFileSync('dist/css/thbanklogos-colors.css', css); 35 | }); 36 | 37 | gulp.task('genFontsCSS', function (done) { 38 | var iconStream = gulp.src(['src/th/*.svg']) 39 | .pipe(iconfont({ 40 | fontName: 'thbanks' 41 | })); 42 | 43 | async.parallel([ 44 | function handleGlyphs(cb) { 45 | iconStream.on('glyphs', function (glyphs, options) { 46 | gulp.src('templates/thbanklogos.css') 47 | .pipe(consolidate('lodash', { 48 | glyphs: glyphs, 49 | fontName: 'thbanks', 50 | fontPath: '../fonts/', 51 | className: 'thbanks' 52 | })) 53 | .pipe(gulp.dest('dist/css/')) 54 | .on('finish', cb); 55 | }); 56 | }, 57 | function handleFonts(cb) { 58 | iconStream 59 | .pipe(gulp.dest('dist/fonts/')) 60 | .on('finish', cb); 61 | } 62 | ], done); 63 | }); 64 | 65 | gulp.task('serve', function() { 66 | browserSync.init({ 67 | server: { 68 | baseDir: './' 69 | } 70 | }); 71 | gulp.watch('index.html').on('change', browserSync.reload); 72 | }); 73 | 74 | gulp.task('zip', function() { 75 | gulp.src(['dist/**', '!dist/thbank-font.zip']) 76 | .pipe(zip('thbank-font.zip')) 77 | .pipe(gulp.dest('dist')); 78 | }); 79 | 80 | gulp.task('default', [], function () { 81 | gulp.src(['dist/css/thbanklogos.css', 'dist/css/thbanklogos-colors.css']) 82 | .pipe(concat('thbanklogos.min.css')) 83 | .pipe(cleanCSS({ 84 | compatibility: 'ie8' 85 | })) 86 | .pipe(gulp.dest('dist/css/')); 87 | }); -------------------------------------------------------------------------------- /demo/cdn/css/thbanklogos.min.css: -------------------------------------------------------------------------------- 1 | @font-face{font-family:thbanks;src:url(../fonts/thbanks.eot);src:url(../fonts/thbanks.eot?#iefix) format('eot'),url(../fonts/thbanks.woff) format('woff'),url(../fonts/thbanks.ttf) format('truetype'),url(../fonts/thbanks.svg#thbanks) format('svg');font-weight:400;font-style:normal}.thbanks:before{display:inline-block;font-family:thbanks;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.thbanks-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.thbanks-2x{font-size:2em}.thbanks-3x{font-size:3em}.thbanks-4x{font-size:4em}.thbanks-5x{font-size:5em}.thbanks-fw{width:1.2857142857142858em;text-align:center}.thbanks-baac:before{content:"\EA01"}.thbanks-bay:before{content:"\EA02"}.thbanks-bbl:before{content:"\EA03"}.thbanks-bnp:before{content:"\EA04"}.thbanks-boa:before{content:"\EA05"}.thbanks-cacib:before{content:"\EA06"}.thbanks-cimb:before{content:"\EA07"}.thbanks-citi:before{content:"\EA08"}.thbanks-db:before{content:"\EA09"}.thbanks-ghb:before{content:"\EA0A"}.thbanks-gsb:before{content:"\EA0B"}.thbanks-hsbc:before{content:"\EA0C"}.thbanks-ibank:before{content:"\EA0D"}.thbanks-icbc:before{content:"\EA0E"}.thbanks-jpm:before{content:"\EA0F"}.thbanks-kbank:before{content:"\EA10"}.thbanks-kk:before{content:"\EA11"}.thbanks-ktb:before{content:"\EA12"}.thbanks-lhb:before{content:"\EA13"}.thbanks-mb:before{content:"\EA14"}.thbanks-mega:before{content:"\EA15"}.thbanks-mufg:before{content:"\EA16"}.thbanks-rbs:before{content:"\EA17"}.thbanks-sc:before{content:"\EA18"}.thbanks-scb:before{content:"\EA19"}.thbanks-smbc:before{content:"\EA1A"}.thbanks-tbank:before{content:"\EA1B"}.thbanks-tcrb:before{content:"\EA1C"}.thbanks-tisco:before{content:"\EA1D"}.thbanks-tmb:before{content:"\EA1E"}.thbanks-uob:before{content:"\EA1F"}.thbanks-bbl{background-color:#1e4598}.thbanks-kbank{background-color:#138f2d}.thbanks-rbs{background-color:#032952}.thbanks-ktb{background-color:#1ba5e1}.thbanks-jpm{background-color:#321c10}.thbanks-mufg{background-color:#d61323}.thbanks-tmb{background-color:#1279be}.thbanks-scb{background-color:#4e2e7f}.thbanks-citi{background-color:#1583c7}.thbanks-smbc{background-color:#a0d235}.thbanks-sc{background-color:#0f6ea1}.thbanks-cimb{background-color:#7e2f36}.thbanks-uob{background-color:#0b3979}.thbanks-bay{background-color:#fec43b}.thbanks-mega{background-color:#815e3b}.thbanks-boa{background-color:#e11e3c}.thbanks-cacib{background-color:#0e765b}.thbanks-gsb{background-color:#eb198d}.thbanks-hsbc{background-color:#fd0d1b}.thbanks-db{background-color:#0522a5}.thbanks-ghb{background-color:#f57d23}.thbanks-baac{background-color:#4b9b1d}.thbanks-mb{background-color:#150b78}.thbanks-bnp{background-color:#14925e}.thbanks-tbank{background-color:#fc4f1f}.thbanks-ibank{background-color:#184615}.thbanks-tisco{background-color:#12549f}.thbanks-kk{background-color:#199cc5}.thbanks-icbc{background-color:#c50f1c}.thbanks-tcrb{background-color:#0a4ab3}.thbanks-lhb{background-color:#6d6e71} -------------------------------------------------------------------------------- /demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Thanakarn Icon Font - Banks in Thailand 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 |

    Thanakarn Icon Font - Banks in Thailand

    31 |

    This icon font includes 0 icons designed by Omise. The tool used to generate this icon font has been created by Julien Vernet.

    32 |

    All bank icons are trademarks of their respective owners and the use of these trademarks does not indicate endorsement of the trademark holder by Omise, nor vice versa.

    33 | Download 34 | 35 |

    CDN Usage

    36 |

    Simply download and load the CSS in your project.

    37 | 
    <link rel="stylesheet" href="https://thanakarn-icon-font.netlify.app/cdn/css/thbanklogos.min.css" id="stylesheet">
    38 | 39 |

    Demo

    40 |

    Simply click on an icon to copy its HTML code to your clipboard.

    41 | 42 |
    43 |
    44 | 45 |
    46 |
    47 |
    ✓ Successfully copied to clipboard!
    48 |
    49 |
    50 | 51 | 52 | 53 | Fork me on GitHub 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /demo/banks.json: -------------------------------------------------------------------------------- 1 | { 2 | "th": { 3 | "bbl": { "code": "002", "color": "#1e4598", "official_name": "BANGKOK BANK PUBLIC COMPANY LTD.", "nice_name": "Bangkok Bank" }, 4 | "kbank": { "code": "004", "color": "#138f2d", "official_name": "KASIKORNBANK PUBLIC COMPANY LTD.", "nice_name": "Kasikornbank" }, 5 | "rbs": { "code": "005", "color": "#032952", "official_name": "THE ROYAL BANK OF SCOTLAND PLC", "nice_name": "Royal Bank of Scotland" }, 6 | "ktb": { "code": "006", "color": "#1ba5e1", "official_name": "KRUNG THAI BANK PUBLIC COMPANY LTD.", "nice_name": "Krungthai Bank" }, 7 | "jpm": { "code": "008", "color": "#321c10", "official_name": "JPMORGAN CHASE BANK, NATIONAL ASSOCIATION", "nice_name": "J.P. Morgan" }, 8 | "mufg": { "code": "010", "color": "#d61323", "official_name": "THE BANK OF TOKYO-MITSUBISHI UFJ, LTD.", "nice_name": "Bank of Tokyo-Mitsubishi UFJ" }, 9 | "tmb": { "code": "011", "color": "#1279be", "official_name": "TMB BANK PUBLIC COMPANY LIMITED.", "nice_name": "TMB Bank" }, 10 | "scb": { "code": "014", "color": "#4e2e7f", "official_name": "SIAM COMMERCIAL BANK PUBLIC COMPANY LTD.", "nice_name": "Siam Commercial Bank" }, 11 | "citi": { "code": "017", "color": "#1583c7", "official_name": "CITIBANK, N.A.", "nice_name": "Citibank" }, 12 | "smbc": { "code": "018", "color": "#a0d235", "official_name": "SUMITOMO MITSUI BANKING CORPORATION", "nice_name": "Sumitomo Mitsui Banking Corporation" }, 13 | "sc": { "code": "020", "color": "#0f6ea1", "official_name": "STANDARD CHARTERED BANK (THAI) PUBLIC COMPANY LIMITED", "nice_name": "Standard Chartered (Thai)" }, 14 | "cimb": { "code": "022", "color": "#7e2f36", "official_name": "CIMB THAI BANK PUPBLIC COMPANY LTD.", "nice_name": "CIMB Thai Bank" }, 15 | "uob": { "code": "024", "color": "#0b3979", "official_name": "UNITED OVERSEAS BANK (THAI) PUBLIC COMPANY LIMITED", "nice_name": "United Overseas Bank (Thai)" }, 16 | "bay": { "code": "025", "color": "#fec43b", "official_name": "BANK OF AYUDHYA PUBLIC COMPANY LTD.", "nice_name": "Bank of Ayudhya (Krungsri)" }, 17 | "mega": { "code": "026", "color": "#815e3b", "official_name": "MEGA INTERNATIONAL COMMERCIAL BANK PUBLIC COMPANY LIMITED", "nice_name": "Mega International Commercial Bank" }, 18 | "boa": { "code": "027", "color": "#e11e3c", "official_name": "BANK OF AMERICA, NATIONAL ASSOCIATION", "nice_name": "Bank of America" }, 19 | "cacib": { "code": "028", "color": "#0e765b", "official_name": "CREDIT AGRICOLE CORPORATE AND INVESTMENT BANK", "nice_name": "Crédit Agricole" }, 20 | "gsb": { "code": "030", "color": "#eb198d", "official_name": "THE GOVERNMENT SAVINGS BANK", "nice_name": "Government Savings Bank" }, 21 | "hsbc": { "code": "031", "color": "#fd0d1b", "official_name": "THE HONGKONG AND SHANGHAI BANKING CORPORATION LTD.", "nice_name": "Hongkong and Shanghai Banking Corporation" }, 22 | "db": { "code": "032", "color": "#0522a5", "official_name": "DEUTSCHE BANK AG.", "nice_name": "Deutsche Bank" }, 23 | "ghb": { "code": "033", "color": "#f57d23", "official_name": "THE GOVERNMENT HOUSING BANK", "nice_name": "Government Housing Bank" }, 24 | "baac": { "code": "034", "color": "#4b9b1d", "official_name": "BANK FOR AGRICULTURE AND AGRICULTURAL COOPERATIVES", "nice_name": "Bank for Agriculture and Agricultural Cooperatives" }, 25 | "mb": { "code": "039", "color": "#150b78", "official_name": "MIZUHO BANK, LTD.", "nice_name": "Mizuho Bank" }, 26 | "bnp": { "code": "045", "color": "#14925e", "official_name": "BNP PARIBAS", "nice_name": "BNP Paribas" }, 27 | "tbank": { "code": "065", "color": "#fc4f1f", "official_name": "THANACHART BANK PUBLIC COMPANY LTD.", "nice_name": "Thanachart Bank" }, 28 | "ibank": { "code": "066", "color": "#184615", "official_name": "ISLAMIC BANK OF THAILAND", "nice_name": "Islamic Bank of Thailand" }, 29 | "tisco": { "code": "067", "color": "#12549f", "official_name": "TISCO BANK PUBLIC COMPANY LIMITED", "nice_name": "Tisco Bank" }, 30 | "kk": { "code": "069", "color": "#199cc5", "official_name": "KIATNAKIN BANK PUBLIC COMPANY LIMITED", "nice_name": "Kiatnakin Bank" }, 31 | "icbc": { "code": "070", "color": "#c50f1c", "official_name": "INDUSTRIAL AND COMMERCIAL BANK OF CHINA (THAI) PUBLIC COMPANY LIMITED", "nice_name": "Industrial and Commercial Bank of China (Thai)" }, 32 | "tcrb": { "code": "071", "color": "#0a4ab3", "official_name": "THE THAI CREDIT RETAIL BANK PUBLIC COMPANY LIMITED", "nice_name": "Thai Credit Retail Bank" }, 33 | "lhb": { "code": "073", "color": "#6d6e71", "official_name": "LAND AND HOUSES BANK PUBLIC COMPANY LIMITED", "nice_name": "Land and Houses Bank" } 34 | } 35 | } 36 | --------------------------------------------------------------------------------