Essa lib nasceu na eduardosites.com — aprenda a construir sites e sistemas do zero, na prática.Entrar na comunidade
Lib 01Open Source · MIT

@edusites/bancos-brasil

Renderize ícones SVG dos bancos e fintechs do Brasil com cor, fundo e formato sob seu controle. Um pacote, todos os frameworks.

npmGitHub
41 bancos5 frameworks
npm install @edusites/bancos-brasil
01 Bancos

Todos os bancos num pacote.

Os principais bancos e fintechs brasileiras em formato SVG vetorial, prontos para usar.

02 Uso

Integra em qualquer stack.

O mesmo pacote em JavaScript puro, React, Vue/Nuxt e Svelte.

app.js
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,
});
03 API

Parâmetros flexíveis.

Configure os ícones de acordo com suas necessidades

nomestring

Nome identificador do banco

Obrigatório
formatostring

Formato do container do ícone

OpcionalPadrão: quadrado
corstring

Cor do ícone em hexadecimal

OpcionalPadrão: Preset do banco
fundostring

Cor de fundo em hexadecimal

OpcionalPadrão: Preset do banco
tamanhonumber

Tamanho em pixels

OpcionalPadrão: 64
classNamestring

Classe CSS customizada

Opcional
quadrado

Bordas arredondadas (padrão)

circulo

Formato circular

sem

Apenas o ícone

04 Comece agora

Instale e use em segundos.

Open source, licença MIT. Sem configuração, sem fricção.

npm install @edusites/bancos-brasil