Lib 01Open Source · MIT

@edusites/bancos-brasil

Render SVG icons of Brazilian banks and fintechs with color, background and shape under your control. One package, every framework.

npmGitHub
41 banks5 frameworks
npm install @edusites/bancos-brasil
01 Banks

Every bank in one package.

The leading Brazilian banks and fintechs as vector SVGs, ready to use.

02 Usage

Fits into any stack.

The same package in vanilla JavaScript, React, Vue/Nuxt and 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

Flexible parameters.

Configure the icons to fit your needs

nomestring

Bank identifier name

Required
formatostring

Icon container shape

OptionalDefault: square
corstring

Icon color in hexadecimal

OptionalDefault: Bank preset
fundostring

Background color in hexadecimal

OptionalDefault: Bank preset
tamanhonumber

Size in pixels

OptionalDefault: 64
classNamestring

Custom CSS class

Optional
quadrado

Rounded corners (default)

circulo

Circular shape

sem

Icon only

04 Get started

Install and use in seconds.

Open source, MIT license. No setup, no friction.

npm install @edusites/bancos-brasil