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
10 bancos disponíveis

Bancos Disponíveis

Todos os principais bancos brasileiros em formato SVG vetorial

Nubank

nubank

Inter

inter

Itaú

itau

Bradesco

bradesco

Santander

santander

Banco do Brasil

bancodobrasil

Caixa

caixa

Cora

cora

BTG Pactual

btg

XP Investimentos

xp
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

Formatos Disponíveis

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