Open Source

@edusites / bancos - brasil

Biblioteca JavaScript para renderizar ícones SVG de bancos brasileiros com total customização

NPM Package
MIT License
Interativo

Playground

Teste a biblioteca em tempo real e copie o código gerado

Código Gerado
<SvgBanco nome="nubank" />
96px
27 bancos disponíveis

Bancos Disponíveis

Todos os principais bancos brasileiros em formato SVG vetorial

Nubank

nubank

Cora

cora

Itaú

itau

Inter

inter

Banco do Brasil

bancodobrasil

Bradesco

bradesco

Santander

santander

Caixa

caixa

BTG Pactual

btg

XP Investimentos

xp

Infinite Pay

infinitepay

PicPay

picpay

Mercado Pago

mercadopago

PagBank

pagbank

C6 Bank

c6

Digio

digio

Sicoob

sicoob

Neon

neon

Pan

pan

Safra

safra

Wise

wise

PayPal

paypal

Stripe

stripe

Stone

stone

Next

next

Original

original

Sicredi

sicredi
Código

Exemplos de Uso

Integre facilmente em qualquer framework JavaScript

javascriptapp.js
123456789101112
import { svgBanco } from "@edusites/bancos-brasil";

const svg = svgBanco({ nome: "nubank" });
document.getElementById("app").innerHTML = svg;

const svgCustom = svgBanco({
  nome: "cora",
  formato: "circulo",
  cor: "#FFFFFF",
  fundo: "#FE3E6D",
  tamanho: 96,
});
API

Parâmetros

Configure os ícones de acordo com suas necessidades

nomestring

Nome identificador do banco

Obrigatório
formatostring

Formato do container do ícone

Opcional Padrão: quadrado
corstring

Cor do ícone em hexadecimal

Opcional Padrão: Preset do banco
fundostring

Cor de fundo em hexadecimal

Opcional Padrão: Preset do banco
tamanhonumber

Tamanho em pixels

Opcional Padrão: 64
classNamestring

Classe CSS customizada

Opcional
quadrado

Bordas arredondadas (padrão)

circulo

Formato circular

sem

Apenas o ícone

Comece Agora

Instalação

Escolha seu gerenciador de pacotes favorito e instale em segundos

npm
npm install @edusites/bancos-brasil
yarn
yarn add @edusites/bancos-brasil
pnpm
pnpm add @edusites/bancos-brasil